WordPress.org
Get WordPress

Make WordPress Core

Changeset 22814


Ignore:
Timestamp:
11/22/2012 09:16:26 AM (12 years ago)
Author:
nacin
Message:

About page for WordPress 3.5, first pass. Not yet offered for translation. props lessbloat, johnbillion. see #22455.

Location:
trunk/wp-admin
Files:
12 added
9 deleted
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/about.php

    r22798 r22814  
    2020<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
    2121
    22 <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>
     22<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>
    2323
    2424<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    … …  
    3535
    3636<div class="changelog">
    37     <h3><?php _e( 'Live Theme Previews' ); ?></h3>
     37    <h3><?php echo ( 'Media Management' ); ?></h3>
     38
     39    <div class="feature-section three-col">
     40        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-media.png' ) ); ?>" class="image-100" />
     41
     42        <div>
     43            <h4><?php echo ( 'Easier interface' ); ?></h4>
     44            <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>
     45        </div>
     46        <div>
     47            <h4><?php echo ( 'Picturesque galleries' ); ?></h4>
     48            <p><?php echo ( 'Adding image galleries is easier with drag and drop reordering, inline caption editing, and simplified controls for the gallery layout.' ); ?></p>
     49        </div>
     50        <div class="last-feature">
     51            <h4><?php echo ( 'Attachment page editor' ); ?></h4>
     52            <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>
     53        </div>
     54    </div>
     55</div>
     56
     57<div class="changelog">
     58    <h3><?php echo ( 'Smoother experience' ); ?></h3>
     59
     60    <div class="feature-section">
     61        <h4><?php echo ( 'Simplified settings, better buttons, easier controls' ); ?></h4>
     62        <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>
     63        <div class="three-col-images">
     64            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-tinymce.png' ) ); ?>" class="image-30 first-feature" />
     65            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-buttons.png' ) ); ?>" class="image-30" />
     66            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-color-picker.png' ) ); ?>" class="image-30 last-feature" />
     67        </div>
     68    </div>
     69</div>
     70
     71<div class="changelog">
     72    <h3><?php echo ( 'Twenty Twelve theme' ); ?></h3>
    3873
    3974    <div class="feature-section images-stagger-right">
    40         <img src="<?php echo esc_url( admin_url( 'images/screenshots/theme-customizer.png' ) ); ?>" class="image-50" />
    41         <h4><?php _e( 'Try on New Themes' ); ?></h4>
    42         <p><?php _e( 'Gone are the days of rushing to update your header, background, and the like as soon as you activate a new theme. You can now customize these options <strong>before</strong> activating a new theme. Note: this feature is available for installed themes only.' ); ?></p>
    43 
    44         <h4><?php _e( 'Customize Current Theme' ); ?></h4>
    45         <p><?php _e( 'Satisfy your curiosity and try on a fresh coat of paint &mdash; you can also use the live preview mode to customize your current theme. Look for the Customize link on the Themes screen.' ); ?></p>
    46     </div>
    47 </div>
    48 
    49 <div class="changelog">
    50     <h3><?php _e( 'Custom Headers' ); ?></h3>
     75        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-twenty-twelve.png' ) ); ?>" class="image-66" />
     76        <h4><?php echo ( 'Beauty in its simplicity' ); ?></h4>
     77        <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>
     78        <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>
     79    </div>
     80</div>
     81
     82<div class="changelog">
     83    <h3><?php echo ( 'HiDPI Admin' ); ?></h3>
     84
     85    <div class="feature-section images-stagger-right">
     86        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-hidef.png' ) ); ?>" class="image-66" />
     87        <h4><?php echo ( 'Retina all the things' ); ?></h4>
     88        <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>
     89    </div>
     90</div>
     91
     92<div class="changelog">
     93    <h3><?php echo ( 'Better Accessibility' ); ?></h3>
     94
     95    <div class="feature-section images-stagger-right">
     96        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-accessibility2.png' ) ); ?>" class="image-30" />
     97        <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-accessibility1.png' ) ); ?>" class="image-30" />
     98        <h4><?php echo ( 'For everyone' ); ?></h4>
     99        <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>
     100        <?php //TODO: Link to new Codex page listing the accessibility features of WordPress. ?>
     101    </div>
     102</div>
     103
     104<div class="changelog">
     105    <h3><?php echo ( 'More Embed Support' ); ?></h3>
    51106
    52107    <div class="feature-section">
    53         <h4><?php _e( 'Flexible Sizes' ); ?></h4>
    54         <p><?php _e( 'You can decide for yourself how tall or wide your custom header image should be. From now on, themes will provide a recommended image size for custom headers rather than a fixed requirement. Note: this feature requires <a href="http://codex.wordpress.org/Custom_Headers">theme support</a>.' ); ?></p>
     108        <h4><?php echo ( 'Instagram, SlideShare, and SoundCloud' ); ?></h4>
     109        <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>
     110        <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>
    55111        <div class="three-col-images">
    56             <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-1.png' ) ); ?>" class="image-30 first-feature" />
    57             <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-2.png' ) ); ?>" class="image-30" />
    58             <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-3.png' ) ); ?>" class="image-30 last-feature" />
    59         </div>
    60     </div>
    61 
    62     <div class="feature-section images-stagger-right">
    63         <img src="<?php echo esc_url( admin_url( 'images/screenshots/flex-header-media-library.png' ) ); ?>" class="image-50" />
    64         <h4><?php _e( 'Choose from Media Library' ); ?></h4>
    65         <p><?php _e( 'Tired of re-uploading the same custom header image every time you check out a new theme? Now you can choose header images from your media library for easier customization.' ); ?></p>
    66     </div>
    67 </div>
    68 
    69 <div class="changelog">
    70     <h3><?php _e( 'Twitter Embeds' ); ?></h3>
    71 
    72     <div class="feature-section images-stagger-right">
    73         <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-1.png' ) ); ?>" class="image-30" />
    74         <img src="<?php echo esc_url( admin_url( 'images/screenshots/twitter-embed-2.png' ) ); ?>" class="image-30" />
    75         <h4><?php _e( 'Share Tweets with Style' ); ?></h4>
    76         <p><?php _e( 'You can now embed individual tweets in posts. It includes action links that allow readers to reply to, retweet, and favorite the tweet without leaving your site. Just paste a tweet URL on its own line.' ); ?></p>
    77         <p><?php printf( __( 'This works with URLs from some other sites, too. For more, see the Codex article on <a href="%s">Embeds</a>.' ), __( 'http://codex.wordpress.org/Embeds' ) ); ?></p>
    78     </div>
    79 
    80 </div>
    81 
    82 
    83 <div class="changelog">
    84     <h3><?php _e( 'Better Captions' ); ?></h3>
    85 
    86     <div class="feature-section images-stagger-right">
    87         <img src="<?php echo esc_url( admin_url( 'images/screenshots/captions-1.png' ) ); ?>" class="image-30" />
    88         <img src="<?php echo esc_url( admin_url( 'images/screenshots/captions-2.png' ) ); ?>" class="image-30" />
    89         <h4><?php _e( 'HTML Support' ); ?></h4>
    90         <p><?php _e( 'Basic HTML support has been added to the caption field in the image uploader. This allows you to add links &mdash; great for photo credits or licensing details &mdash; and basic formatting such as bold and italicized text.' ); ?></p>
    91     </div>
    92 </div>
    93 
    94 <div class="changelog">
    95     <h3><?php _e( 'Under the Hood' ); ?></h3>
     112            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-instagram.png' ) ); ?>" class="image-30 first-feature" />
     113            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-slideshare.png' ) ); ?>" class="image-30" />
     114            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-soundcloud.png' ) ); ?>" class="image-30 last-feature" />
     115        </div>
     116    </div>
     117</div>
     118
     119<?php if ( current_user_can( 'install_plugins' ) ) { ?>
     120
     121    <div class="changelog">
     122        <h3><?php echo ( 'Plugin Favorites' ); ?></h3>
     123
     124        <div class="feature-section images-stagger-right">
     125            <img alt="" src="<?php echo esc_url( admin_url( 'images/screenshots/about-favorite-plugins.png' ) ); ?>" class="image-66" />
     126            <h4><?php echo ( 'Which plugins do you love?' ); ?></h4>
     127            <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>
     128            <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>
     129        </div>
     130    </div>
     131
     132<?php } ?>
     133
     134<div class="changelog">
     135    <h3><?php echo ( 'Under the Hood' ); ?></h3>
    96136
    97137    <div class="feature-section three-col">
    98138        <div>
    99             <h4><?php _e( 'Faster WP_Query' ); ?></h4>
    100             <p><?php _e( 'Post queries have been optimized to improve performance, especially for sites with large databases.' ); ?></p>
    101 
    102             <h4><?php _e( 'Faster Translations' ); ?></h4>
    103             <p><?php _e( 'The number of strings loaded on the front end was greatly reduced, resulting in faster front page load times for localized installations.' ); ?> <?php _e( 'Also, better support for East Asian languages, right-to-left languages, theme translations, and more.' ); ?></p>
    104         </div>
    105         <div>
    106             <h4><?php _e( 'Themes API' ); ?></h4>
    107             <p><?php _e( 'WP_Theme, wp_get_themes(), wp_get_theme(). Faster, uses less memory, makes use of persistent caching.' ); ?></p>
    108 
    109             <h4><?php _e( 'Custom Header and Background API' ); ?></h4>
    110             <p><?php  _e( 'Custom header and background API relocated into the theme support API.' ); ?></p>
     139            <h4><?php echo ( 'Meta Query Additions' ); ?></h4>
     140            <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>
     141
     142            <h4><?php echo ( 'Multisite Improvements' ); ?></h4>
     143            <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>
     144        </div>
     145        <div>
     146            <h4><?php echo ( 'WP_Post' ); ?></h4>
     147            <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>
     148
     149            <h4><?php echo ( 'XML-RPC API' ); ?></h4>
     150            <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>
    111151        </div>
    112152        <div class="last-feature">
    113             <h4><?php _e( 'XML-RPC API' ); ?></h4>
    114             <p><?php printf( __( 'A new <a href="%s">WordPress API</a> that supports custom content types and taxonomies, as well as dozens of other bug fixes and improvements.' ), __( 'http://codex.wordpress.org/XML-RPC_WordPress_API' ) ); ?></p>
    115 
    116             <h4><?php _e( 'External Libraries' ); ?></h4>
    117             <p><?php _e( 'jQuery, jQuery UI, TinyMCE, Plupload, PHPMailer, SimplePie, and other libraries were updated. jQuery UI Touch Punch was introduced.' ); ?></p>
     153            <h4><?php echo ( 'Image Editing API Abstractions' ); ?></h4>
     154            <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>
     155
     156            <h4><?php echo ( 'External Libraries' ); ?></h4>
     157            <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>
    118158        </div>
    119159    </div>

  • trunk/wp-admin/css/wp-admin.css

    r22799 r22814  
    52935293}
    52945294
    5295 .about-wrap .feature-section img.image-50 {
    5296     max-width: 50%;
    5297 }
    5298 
    5299 .about-wrap .feature-section img.image-30 {
    5300     max-width: 31.2381%;
    5301 }
    5302 
    5303 .ie8 .about-wrap .feature-section img {
    5304     border-width: 1px;
    5305     border-style: solid;
    5306 }
    5307 
    5308 .about-wrap .feature-section.three-col {
    5309     padding-top: 15px;
    5310     margin-bottom: 0;
    5311 }
    5312 
    5313 .about-wrap .feature-section.three-col div {
    5314     width: 30%;
    5315     margin-right: 4.999999999%;
    5316     float: left;
    5317 }
    5318 
    5319 .about-wrap .feature-section.three-col h4 {
    5320     margin:  0 0 0.6em 0;
    5321 }
    5322 
    53235295.about-wrap .feature-section.three-col img {
    53245296    margin: 0.5em 0 0.5em 5px;
    … …  
    53295301.ie8 .about-wrap .feature-section.three-col img {
    53305302    margin-left: 0;
    5331 }
    5332 
    5333 .about-wrap .feature-section.three-col .last-feature {
    5334     margin-right: 0;
    5335 }
    5336 
    5337 .about-wrap .three-col-images {
    5338     text-align: center;
    5339 }
    5340 
    5341 .about-wrap .three-col-images img {
    5342     margin: 0 0 10px;
    5343 }
    5344 
    5345 .about-wrap .three-col-images .last-feature {
    5346     float: right;
    5347 }
    5348 
    5349 .about-wrap .three-col-images .first-feature {
    5350     float: left;
    53515303}
    53525304
    … …  
    53665318        clear: both;
    53675319    }
     5320}
     5321
     5322.about-wrap .feature-section img.image-100 {
     5323    margin: 0 0 2em 0;
     5324    width: 100%;
     5325}
     5326
     5327.about-wrap .feature-section img.image-66 {
     5328    margin: 0 0 0 1em;
     5329    width: 65%;
     5330}
     5331
     5332.about-wrap .feature-section img.image-50 {
     5333    max-width: 50%;
     5334}
     5335
     5336.about-wrap .feature-section img.image-30 {
     5337    max-width: 31.2381%;
     5338}
     5339
     5340.ie8 .about-wrap .feature-section img {
     5341    border-width: 1px;
     5342    border-style: solid;
     5343}
     5344
     5345.about-wrap .images-stagger-right img.image-30:nth-child(2) {
     5346    margin-left: 1em;
     5347}
     5348
     5349.about-wrap .feature-section.three-col {
     5350    margin-bottom: 0;
     5351}
     5352
     5353.about-wrap .feature-section.three-col div {
     5354    width: 30%;
     5355    margin-right: 4.999999999%;
     5356    float: left;
     5357}
     5358
     5359.about-wrap .feature-section.three-col h4 {
     5360    margin:  0 0 0.6em 0;
     5361}
     5362
     5363.about-wrap .feature-section.three-col .last-feature {
     5364    margin-right: 0;
     5365}
     5366
     5367.about-wrap .three-col-images {
     5368    text-align: center;
     5369}
     5370
     5371.about-wrap .three-col-images img {
     5372    margin: 0 0 10px;
     5373}
     5374
     5375.about-wrap .three-col-images .last-feature {
     5376    float: right;
     5377}
     5378
     5379.about-wrap .three-col-images .first-feature {
     5380    float: left;
    53685381}
    53695382
Note: See TracChangeset for help on using the changeset viewer.