Changeset 24006 for trunk/wp-admin/edit-form-advanced.php

Timestamp:

04/17/2013 04:08:46 AM (13 years ago)

Author:

markjaquith

Message:

New Post Format UI chooser treatment in response to testing.

• Bigger icons
• Format description under each
• UI hides after choice
• Saving without choosing implies "Standard"
• Helpful text, with "Change format" link

see #24046. props lessbloat, wonderboymusic.

File:

• trunk/wp-admin/edit-form-advanced.php (modified) (8 diffs)

trunk/wp-admin/edit-form-advanced.php

@@ -134 +134 @@
         wp_enqueue_style( 'wp-mediaelement' );
         $post_format = get_post_format();
-
-        if ( ! $post_format )
+        $post_format_set_class = 'post-format-set';
+
+        if ( ! $post_format ) {
                 $post_format = 'standard';
+                if ( 'auto-draft' == $post->post_status )
+                        $post_format_set_class = '';
+        }
 
         $format_class = " class='wp-format-{$post_format}'";
@@ -143 +147 @@
         $all_post_formats = array(
                 'standard' => array (
-                        'description' => __( 'Add a title and use the editor to compose your post.' )
+                        'description' => __( 'Use the editor below to compose your post.' )
                 ),
                 'image' => array (
-                        'description' => __( 'Select or upload an image to use for your post.' )
+                        'description' => __( 'Select or upload an image for your post.' )
                 ),
                 'gallery' => array (
@@ -167 +171 @@
                 ),
                 'quote' => array (
-                        'description' => __( 'Copy a quotation into the box. Also add the source and URL if you have them.' )
+                        'description' => __( 'Copy a quotation into the box below. Add a source and URL if you have them.' )
                 ),
                 'aside' => array (
-                        'description' => __( 'An aside is a quick thought or side topic. Use the editor to compose one.' )
+                        'description' => __( 'Use the editor to share a quick thought or side topic.' )
                 )
         );
@@ -182 +186 @@
                 }
 
-                $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( sprintf( __( '%s Post' ), $slug ) ) . '"><div class="' . $slug . '"></div></a>';
+                $post_format_options .= '<a ' . $class . ' href="?format=' . $slug . '" data-description="' . $attr['description'] . '" data-wp-format="' . $slug . '" title="' . ucfirst( $slug ) . '"><div class="' . $slug . '"></div><span class="post-format-title">' . ucfirst( $slug ) . '</span></a>';
         }
 
@@ -359 +363 @@
 ?>
 
-<div class="wrap">
+<div class="wrap <?php echo $post_format_set_class; ?>">
 <?php screen_icon(); ?>
 <h2><?php
@@ -375 +379 @@
         <p><?php _e("You have lost your connection with the server, and saving has been disabled. This message will vanish once you've reconnected."); ?></p>
 </div>
+<?php if ( ! empty( $post_format_options ) ) : ?>
+<div class="post-format-options">
+        <?php echo $post_format_options; ?>
+</div>
+<?php endif; ?>
 <form name="post" action="post.php" method="post" id="post"<?php do_action('post_edit_form_tag'); ?>>
 <?php wp_nonce_field($nonce_action); ?>
@@ -401 +410 @@
 <div id="post-body" class="metabox-holder columns-<?php echo 1 == get_current_screen()->get_columns() ? '1' : '2'; ?>">
 <div id="post-body-content"<?php echo $format_class; ?>>
-
-<?php if ( ! empty( $post_format_options ) ) : ?>
-<div class="post-format-options">
-        <span class="post-format-tip">Standard Post</span>
-        <?php echo $post_format_options; ?>
-</div>
-<?php endif; ?>
-
 <?php if ( post_type_supports($post_type, 'title') ) { ?>
 <div id="titlediv">
@@ -425 +426 @@
         $has_sample_permalink = $sample_permalink_html && 'auto-draft' != $post->post_status;
 ?>
-        <div id="edit-slug-box" class="hide-if-no-js<?php if ( ! $has_sample_permalink ) echo ' hidden' ?>">
+        <div id="edit-slug-box" class="hide-if-no-js">
         <?php
                 if ( $has_sample_permalink )