Reorganize and polish the About WordPress 3.5 screen. Offer strings for translation.

props lessbloat, helenyhou, markjaquith, nacin.
fixes #22455.



git-svn-id: http://core.svn.wordpress.org/trunk@22903 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin 2012-11-28 21:00:09 +00:00
parent ea0d28db29
commit 7322ea40d6
17 changed files with 98 additions and 104 deletions

View File

@ -19,7 +19,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1> <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
<div class="about-text"><?php printf( ( 'Thank you for updating to the latest version! WordPress %s helps make your web publishing experience easier, faster, and more enjoyable than ever. Welcome aboard.' ), $display_version ); ?></div> <div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is more polished and enjoyable than ever before. We hope you like it.' ), $display_version ); ?></div>
<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div> <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
@ -34,127 +34,91 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
</h2> </h2>
<div class="changelog"> <div class="changelog">
<h3><?php echo ( 'Media Management' ); ?></h3> <h3><?php _e( 'New Media Manager' ); ?></h3>
<div class="feature-section three-col"> <div class="feature-section three-col">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-media.png' ) ); ?>" class="image-100" /> <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-media.png' ) ); ?>" class="image-100" />
<div> <div>
<h4><?php echo ( 'Easier interface' ); ?></h4> <h4><?php _e( 'Beautiful Interface' ); ?></h4>
<p><?php echo ( 'Adding media to your posts is more streamlined than ever. It\'s a breeze to insert, align, caption, and link to media within your posts.' ); ?></p> <p><?php _e( 'Adding media has been streamlined with an all-new experience, making it a breeze to upload files and place them into your posts.' ); ?></p>
</div> </div>
<div> <div>
<h4><?php echo ( 'Picturesque galleries' ); ?></h4> <h4><?php _e( 'Picturesque Galleries' ); ?></h4>
<p><?php echo ( 'Adding image galleries is easier with drag and drop reordering, inline caption editing, and simplified controls for the gallery layout.' ); ?></p> <p><?php _e( 'Creating image galleries is faster with drag and drop reordering, inline caption editing, and simplified controls for layout.' ); ?></p>
</div> </div>
<div class="last-feature"> <div class="last-feature">
<h4><?php echo ( 'Attachment page editor' ); ?></h4> <h4><?php _e( 'Insert Multiple Images' ); ?></h4>
<p><?php echo ( 'You can crop, rotate and resize images right in the Media Library! There are now formatting controls for content on your attachment pages.' ); ?></p> <p><?php _e( 'Have a need for speed? You can now insert multiple images at once and then compose your words around them.' ); ?></p>
</div> </div>
</div> </div>
</div> </div>
<div class="changelog"> <div class="changelog">
<h3><?php echo ( 'Smoother experience' ); ?></h3> <h3><?php _e( 'New Default Theme' ); ?></h3>
<div class="feature-section">
<h4><?php echo ( 'Simplified settings, better buttons, easier controls' ); ?></h4>
<p><?php echo ( 'WordPress always aims to stay out of the way, and let you get on with publishing your content. You\'ll find simplified settings screens, more aesthetically pleasing buttons, and easier controls such as the improved color picker. They\'re the little details we hope you\'ll never notice.' ); ?></p>
<div class="three-col-images">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-tinymce.png' ) ); ?>" class="image-30 first-feature" />
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-buttons.png' ) ); ?>" class="image-30" />
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-color-picker.png' ) ); ?>" class="image-30 last-feature" />
</div>
</div>
</div>
<div class="changelog">
<h3><?php echo ( 'Twenty Twelve theme' ); ?></h3>
<div class="feature-section images-stagger-right"> <div class="feature-section images-stagger-right">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-twenty-twelve.png' ) ); ?>" class="image-66" /> <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-twenty-twelve.png' ) ); ?>" class="image-66" />
<h4><?php echo ( 'Beauty in its simplicity' ); ?></h4> <h4><?php _e( 'Introducing Twenty Twelve' ); ?></h4>
<p><?php echo ( 'Twenty Twelve is an elegant, readable, and fully responsive theme that makes your site content look its best on any device.' ); ?></p> <p><?php _e( 'The newest default theme for WordPress is simple, flexible, and elegant.' ); ?></p>
<p><?php echo ( 'Make the design of your site fully yours with a custom menu, custom header image, and custom background color or image.' ); ?></p> <p><?php _e( 'What makes it really shine are the design details, like the gorgeous Open Sans typeface and a fully responsive design that looks great on any device.' ); ?></p>
<p><?php _e( 'Naturally, Twenty Twelve supports all the theme features youve come to know and love, but it is also designed to be as great for a website as it is for a blog.' ); ?></p>
</div> </div>
</div> </div>
<div class="changelog"> <div class="changelog">
<h3><?php echo ( 'HiDPI Admin' ); ?></h3> <h3><?php _e( 'Retina Ready' ); ?></h3>
<div class="feature-section images-stagger-right"> <div class="feature-section images-stagger-right">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-hidef.png' ) ); ?>" class="image-66" /> <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-retina.png' ) ); ?>" class="image-66" />
<h4><?php echo ( 'Retina all the things' ); ?></h4> <h4><?php _e( 'So Sharp You Can&#8217;t See the Pixels' ); ?></h4>
<p><?php echo ( 'WordPress now looks as beautiful on HiDPI devices as native applications do. Icons, buttons, avatars and theme screenshots (where supported) are crystal clear and full of detail.' ); ?></p> <p><?php _e( 'The WordPress dashboard now looks beautiful on high-resolution screens like those found on the iPad, Kindle Fire HD, Nexus 10, and MacBook Pro with Retina Display. Icons and other visual elements are crystal clear and full of detail.' ); ?></p>
</div> </div>
</div> </div>
<div class="changelog"> <div class="changelog">
<h3><?php echo ( 'Better Accessibility' ); ?></h3> <h3><?php _e( 'Smoother Experience' ); ?></h3>
<div class="feature-section images-stagger-right"> <div class="feature-section images-stagger-right">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-accessibility2.png' ) ); ?>" class="image-30" /> <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-color-picker.png' ) ); ?>" class="image-30" />
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-accessibility1.png' ) ); ?>" class="image-30" /> <h4><?php _e( 'Better Accessibility' ); ?></h4>
<h4><?php echo ( 'For everyone' ); ?></h4> <p><?php _e( 'WordPress supports more usage modes than ever before. Screenreaders, touch devices, and mouseless workflows all have improved ease of use and accessibility.' ); ?></p>
<p><?php echo ( 'WordPress has wider support for more devices than ever before. Users of screenreaders, touch devices, and mouse-less devices will all see improvements to ease of use and accessibility.' ); ?></p>
<?php //TODO: Link to new Codex page listing the accessibility features of WordPress. ?> <h4><?php _e( 'More Polish' ); ?></h4>
<p><?php _e( 'A number of screens and controls have been refined. For example, a new color picker makes it easier for you to choose that perfect shade of blue.' ); ?></p>
</div> </div>
</div> </div>
<div class="changelog"> <div class="changelog">
<h3><?php echo ( 'More Embed Support' ); ?></h3> <h3><?php _e( 'Under the Hood' ); ?></h3>
<div class="feature-section">
<h4><?php echo ( 'Instagram, SlideShare, and SoundCloud' ); ?></h4>
<p><?php echo ( 'You can now embed content from Instagram, SlideShare, and SoundCloud without having to mess around copying and pasting embed codes. Just paste a URL from any of these sites onto its own line in your post and the content will automatically be embedded for you.' ); ?></p>
<p><?php printf( ( 'This works for several other popular sites, too, such as YouTube, Flickr, and Vimeo. For more, see the Codex article on <a href="%s">Embeds</a>.' ), ( 'http://codex.wordpress.org/Embeds' ) ); ?></p>
<div class="three-col-images">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-instagram.png' ) ); ?>" class="image-30 first-feature" />
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-slideshare.png' ) ); ?>" class="image-30" />
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-soundcloud.png' ) ); ?>" class="image-30 last-feature" />
</div>
</div>
</div>
<?php if ( current_user_can( 'install_plugins' ) ) { ?>
<div class="changelog">
<h3><?php echo ( 'Plugin Favorites' ); ?></h3>
<div class="feature-section images-stagger-right">
<img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-favorite-plugins.png' ) ); ?>" class="image-66" />
<h4><?php echo ( 'Which plugins do you love?' ); ?></h4>
<p><?php echo ( 'Wouldn\'t it be great to see a list of all your favorite plugins right in the Plugins menu in WordPress? Well, now you can.' ); ?></p>
<p><?php printf( ( 'If you have marked plugins as favorites on WordPress.org, you can browse them from the Favorites tab on the <a href="%s">Install Plugins</a> screen.' ), admin_url( 'plugin-install.php?tab=favorites' ) ); ?></p>
</div>
</div>
<?php } ?>
<div class="changelog">
<h3><?php echo ( 'Under the Hood' ); ?></h3>
<div class="feature-section three-col"> <div class="feature-section three-col">
<div> <div>
<h4><?php echo ( 'Meta Query Additions' ); ?></h4> <h4><?php _e( 'Meta Query Additions' ); ?></h4>
<p><?php echo ( 'The <code>WP_Comment_Query</code> and <code>WP_User_Query</code> classes now support meta queries just like <code>WP_Query</code>.' ); ?></p> <p><?php _e( 'The <code>WP_Comment_Query</code> and <code>WP_User_Query</code> classes now support meta queries just like <code>WP_Query.</code> Meta queries now support querying for objects without a particular meta key.' ); ?></p>
<h4><?php echo ( 'Multisite Improvements' ); ?></h4>
<p><?php echo ( '<code>switch_to_blog()</code> no longer obliterates the object cache, greatly improving performance. For new sites, Multisite now works when WordPress is installed in a subdirectory.' ); ?></p>
</div> </div>
<div> <div>
<h4><?php echo ( 'WP_Post' ); ?></h4> <h4><?php _e( 'Post Objects' ); ?></h4>
<p><?php echo ( 'Post objects are now instances of the new <code>WP_Post</code> class which improves performance by loading selected properties on demand.' ); ?></p> <p><?php _e( 'Post objects are now instances of a <code>WP_Post</code> class, which improves performance by loading selected properties on demand.' ); ?></p>
<h4><?php echo ( 'XML-RPC API' ); ?></h4>
<p><?php printf( ( 'The <a href="%s">WordPress API</a> is now enabled by default and enjoys the same security as the rest of core. It supports fetching users, profiles, post revisions, and searching posts.' ), ( 'http://codex.wordpress.org/XML-RPC_WordPress_API' ) ); ?></p>
</div> </div>
<div class="last-feature"> <div class="last-feature">
<h4><?php echo ( 'Image Editing API Abstractions' ); ?></h4> <h4><?php _e( 'Image Editing API' ); ?></h4>
<p><?php echo ( 'The <code>WP_Image_Editor</code> class abstracts image editing functionality such as cropping and scaling, and uses ImageMagick when available.' ); ?></p> <p><?php _e( 'The <code>WP_Image_Editor</code> class abstracts image editing functionality such as cropping and scaling, and uses ImageMagick when available.' ); ?></p>
</div>
</div>
<h4><?php echo ( 'External Libraries' ); ?></h4> <div class="feature-section three-col">
<p><?php printf( ('WordPress now includes the <a href="%1$s">Underscore</a> and <a href="%2$s">Backbone</a> JavaScript libraries. TinyMCE, jQuery, jQuery UI, jCrop, and SimplePie have all been updated to the latest versions.' ), 'http://underscorejs.org/', 'http://backbonejs.org/' ); ?></p> <div>
<h4><?php _e( 'Multisite Improvements' ); ?></h4>
<p><?php _e( '<code>switch_to_blog()</code> is now significantly faster and more reliable.' ); ?></p>
</div>
<div>
<h4><?php _e( 'XML-RPC API' ); ?></h4>
<p><?php printf( __( 'The <a href="%s">WordPress API</a> is now always enabled, and supports fetching users, editing profiles, managing post revisions, and searching posts.' ), __( 'http://codex.wordpress.org/XML-RPC_WordPress_API' ) ); ?></p>
</div>
<div class="last-feature">
<h4><?php _e( 'External Libraries' ); ?></h4>
<p><?php printf( __( 'WordPress now includes the <a href="%1$s">Underscore</a> and <a href="%2$s">Backbone</a> JavaScript libraries. TinyMCE, jQuery, jQuery UI, and SimplePie have all been updated to the latest versions.' ), 'http://underscorejs.org/', 'http://backbonejs.org/' ); ?></p>
</div> </div>
</div> </div>
</div> </div>

View File

@ -52,7 +52,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1> <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
<div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is already making your website better, faster, and more attractive, just like you!' ), $display_version ); ?></div> <div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is more polished and enjoyable than ever before. We hope you like it.' ), $display_version ); ?></div>
<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div> <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>

View File

@ -1515,12 +1515,12 @@ h2 .nav-tab {
.about-wrap .feature-section.images-stagger-right img { .about-wrap .feature-section.images-stagger-right img {
float: left; float: left;
margin: 0 12px 12px 5px; margin: 0 2em 12px 5px;
} }
.about-wrap .feature-section.images-stagger-left img { .about-wrap .feature-section.images-stagger-left img {
float: right; float: right;
margin: 0 5px 12px 12px; margin: 0 5px 12px 2em;
} }
.about-wrap li.wp-person, .about-wrap li.wp-person,
@ -1530,6 +1530,20 @@ h2 .nav-tab {
margin-left: 10px; margin-left: 10px;
} }
@media only screen and (max-width: 768px) {
.about-wrap .feature-section img.image-66 {
float: none;
}
.about-wrap .feature-section.images-stagger-right img.image-66 {
margin-right: 3px;
}
.about-wrap .feature-section.images-stagger-left img.image-66 {
margin-left: 3px;
}
}
/*------------------------------------------------------------------------------ /*------------------------------------------------------------------------------
23.0 - Misc 23.0 - Misc
------------------------------------------------------------------------------*/ ------------------------------------------------------------------------------*/

View File

@ -5206,15 +5206,6 @@ h2 .nav-tab {
padding-top: 20px; padding-top: 20px;
} }
.about-wrap .changelog {
overflow: hidden;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-left: 3em;
}
.about-wrap .feature-section { .about-wrap .feature-section {
padding-bottom: 20px; padding-bottom: 20px;
} }
@ -5303,19 +5294,12 @@ h2 .nav-tab {
.about-wrap .feature-section.images-stagger-right img { .about-wrap .feature-section.images-stagger-right img {
float: right; float: right;
margin: 0 5px 12px 12px; margin: 0 5px 12px 2em;
} }
.about-wrap .feature-section.images-stagger-left img { .about-wrap .feature-section.images-stagger-left img {
float: left; float: left;
margin: 0 12px 12px 5px; margin: 0 2em 12px 5px;
}
@media only screen and (max-width: 900px) {
.about-wrap .feature-section.images-stagger-left img,
.about-wrap .feature-section.images-stagger-right img {
clear: both;
}
} }
.about-wrap .feature-section img.image-100 { .about-wrap .feature-section img.image-100 {
@ -5324,7 +5308,6 @@ h2 .nav-tab {
} }
.about-wrap .feature-section img.image-66 { .about-wrap .feature-section img.image-66 {
margin: 0 0 0 1em;
width: 65%; width: 65%;
} }
@ -5379,6 +5362,39 @@ h2 .nav-tab {
float: left; float: left;
} }
.about-wrap .changelog .feature-section {
overflow: hidden;
padding-bottom: 0;
}
.about-wrap .changelog li {
list-style-type: disc;
margin-left: 3em;
}
@media only screen and (max-width: 900px) {
.about-wrap .feature-section.images-stagger-left img,
.about-wrap .feature-section.images-stagger-right img {
clear: both;
}
}
@media only screen and (max-width: 768px) {
.about-wrap .feature-section img.image-66 {
float: none;
width: 98%;
max-width: 98%;
}
.about-wrap .feature-section.images-stagger-right img.image-66 {
margin-left: 3px;
}
.about-wrap .feature-section.images-stagger-left img.image-66 {
margin-right: 3px;
}
}
/* Return to Dashboard Home link */ /* Return to Dashboard Home link */
.about-wrap .return-to-dashboard { .about-wrap .return-to-dashboard {

View File

@ -19,7 +19,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1> <h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
<div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is already making your website better, faster, and more attractive, just like you!' ), $display_version ); ?></div> <div class="about-text"><?php printf( __( 'Thank you for updating to the latest version! WordPress %s is more polished and enjoyable than ever before. We hope you like it.' ), $display_version ); ?></div>
<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div> <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 157 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB