WordPress.org

Make WordPress Core

Changeset 38183


Ignore:
Timestamp:
08/03/2016 07:53:44 PM (3 years ago)
Author:
ocean90
Message:

About Page: First pass for 4.6 with strings (not yet translatable) and images (not CDN).

Props macmanx, jorbin, hugobaeta, DrewAPicture, peterwilsoncc, iamfriendly, rahulsprajapati, vishalkakadiya, petya, celloexpressions, westonruter, mikeschroder, zetaraffix, mapk, boonebgorges, adamsilverstein, jeremyfelt, rosso99, karmatosed, swissspidy, michael-arestad, ramiy, ocean90.
See #37246.

Location:
trunk/src/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/about.php

    r37178 r38183  
    3030        <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
    3131
    32         <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you&#8217;re writing or building your site.' ), $display_version ); ?></div>
     32        <p class="about-text"><?php printf( ( 'Thank you for updating to the latest version. WordPress %s changes a lot behind the scenes to make your WordPress experience even better!' ), $display_version ); ?></p>
    3333        <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
    3434
     
    4040
    4141        <div class="headline-feature feature-video" style="background-color:#191E23;">
     42            <?php /*
    4243            <iframe width="1050" height="591" src="<?php echo esc_url( $video_url ); ?>" frameborder="0" allowfullscreen></iframe>
    4344            <script src="https://videopress.com/videopress-iframe.js"></script>
     45            */ ?>
     46        </div>
     47
     48        <hr>
     49
     50        <div class="streamlined-updates feature-section one-col">
     51            <h2><?php echo( 'Streamlined Updates' ); ?></h2>
     52            <p><?php echo( 'Inline Updates replaces progress updates with a simpler and more straight forward experience when installing, updating, and deleting plugins and themes.' ); ?></p>
     53            <div class="streamlined-updates-demo">
     54                <!-- Interactive Demo goes here -->
     55            </div>
     56        </div>
     57
     58        <hr />
     59
     60        <div class="native-fonts feature-section one-col">
     61            <h2><?php echo( 'Native Fonts' ); ?></h2>
     62            <p><?php echo( 'The WordPress dashboard now uses the fonts that come with your device, allowing it to load faster and feel more like a native application.' ); ?></p>
     63            <img src="https://cldup.com/B4PdQgrZzH.png" alt="" srcset=""/>
    4464        </div>
    4565
     
    4767
    4868        <div class="feature-section two-col">
    49             <h2><?php _e( 'Editing Improvements' ); ?></h2>
     69            <h2><?php echo( 'Editor Improvements' ); ?></h2>
    5070            <div class="col">
    51                 <img src="https://s.w.org/images/core/4.5/link-edit-560.png" alt="" srcset="https://s.w.org/images/core/4.5/link-edit-1000.png 1000w, https://s.w.org/images/core/4.5/link-edit-800.png 800w, https://s.w.org/images/core/4.5/link-edit-680.png 680w, https://s.w.org/images/core/4.5/link-edit-560.png 560w, https://s.w.org/images/core/4.5/link-edit-400.png 400w, https://s.w.org/images/core/4.5/link-edit-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
    52                 <h3><?php _e( 'Inline Linking' ); ?></h3>
    53                 <p><?php _e( 'Stay focused on your writing with a less distracting interface that keeps you in place and allows you to easily link to your content.' ); ?></p>
     71                <img src="https://cldup.com/43RWsTMoXS.png" alt="" srcset="https://cldup.com/43RWsTMoXS.png 1000w, https://cldup.com/43RWsTMoXS.png 800w, https://cldup.com/43RWsTMoXS.png 680w, https://cldup.com/43RWsTMoXS.png 560w, https://cldup.com/43RWsTMoXS.png 400w, https://cldup.com/43RWsTMoXS.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
     72                <h3><?php echo( 'Broken Link Checker' ); ?></h3>
     73                <p><?php echo( 'Links are the foundation of the Internet&colon; when they break, so does the web. Now when you edit a post, you instantly see when a link you add is broken.' ); ?></p>
    5474            </div>
    5575            <div class="col">
    56                 <img src="https://s.w.org/images/core/4.5/formatting-560.png" alt="" srcset="https://s.w.org/images/core/4.5/formatting-1000.png 1000w, https://s.w.org/images/core/4.5/formatting-800.png 800w, https://s.w.org/images/core/4.5/formatting-680.png 680w, https://s.w.org/images/core/4.5/formatting-560.png 560w, https://s.w.org/images/core/4.5/formatting-400.png 400w, https://s.w.org/images/core/4.5/formatting-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
    57                 <h3><?php _e( 'Formatting Shortcuts' ); ?></h3>
    58                 <p><?php _e( 'Do you enjoy using formatting shortcuts for lists and headings? Now they&#8217;re even more useful, with horizontal lines and <code>&lt;code&gt;</code>.' ); ?></p>
    59             </div>
    60         </div>
    61 
    62         <hr />
    63 
    64         <div class="feature-section two-col">
    65             <h2><?php _e( 'Customization Improvements' ); ?></h2>
    66             <div class="col">
    67                 <img src="https://s.w.org/images/core/4.5/preview-icons-560.png" alt="" srcset="https://s.w.org/images/core/4.5/preview-icons-1000.png 1000w, https://s.w.org/images/core/4.5/preview-icons-800.png 800w, https://s.w.org/images/core/4.5/preview-icons-680.png 680w, https://s.w.org/images/core/4.5/preview-icons-560.png 560w, https://s.w.org/images/core/4.5/preview-icons-400.png 400w, https://s.w.org/images/core/4.5/preview-icons-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
    68                 <h3><?php _e( 'Live Responsive Previews' ); ?></h3>
    69                 <p><?php _e( 'Make sure your site looks great on all screens!' ); ?>
    70                     <?php
    71                     if ( current_user_can( 'customize' ) ) {
    72                         $customize_url = admin_url( 'customize.php' );
    73                         printf(
    74                             /* translators: %s: URL to customizer */
    75                             __( 'Preview mobile, tablet, and desktop views directly in the <a href="%s" class="load-customize">customizer</a>.' ),
    76                             esc_url( $customize_url )
    77                         );
    78                     } else {
    79                         _e( 'Preview mobile, tablet, and desktop views directly in the customizer.' );
    80                     }
    81                 ?></p>
    82             </div>
    83             <div class="col">
    84                 <img src="https://s.w.org/images/core/4.5/custom-logos-560.png" alt="" srcset="https://s.w.org/images/core/4.5/custom-logos-1000.png 1000w, https://s.w.org/images/core/4.5/custom-logos-800.png 800w, https://s.w.org/images/core/4.5/custom-logos-680.png 680w, https://s.w.org/images/core/4.5/custom-logos-560.png 560w, https://s.w.org/images/core/4.5/custom-logos-400.png 400w, https://s.w.org/images/core/4.5/custom-logos-280.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
    85                 <h3><?php _e( 'Custom Logos' ); ?></h3>
    86                 <p><?php _e( 'Themes can now support logos for your business or brand.' ); ?>
    87                     <?php
    88                     if ( current_theme_supports( 'custom-logo' ) && current_user_can( 'customize' ) ) {
    89                         printf(
    90                             /* translators: %s: URL to Site Identity section of the customizer */
    91                             __( 'Your theme supports custom logos! Try it out right now in the <a href="%s" class="load-customize">Site Identity</a> section of the customizer.' ),
    92                             esc_url( add_query_arg( array( 'autofocus' => array( 'section' => 'title_tagline' ) ), $customize_url ) )
    93                         );
    94                     } else {
    95                         _e( 'The Twenty Fifteen and Twenty Sixteen themes have been updated to support custom logos, which can be found in the Site Identity section of the customizer.' );
    96                     }
    97                     ?></p>
     76                <img src="https://cldup.com/1r4sPoCL8d.png" alt="" srcset="https://cldup.com/1r4sPoCL8d.png 1000w, https://cldup.com/1r4sPoCL8d.png 800w, https://cldup.com/1r4sPoCL8d.png 680w, https://cldup.com/1r4sPoCL8d.png 560w, https://cldup.com/1r4sPoCL8d.png 400w, https://cldup.com/1r4sPoCL8d.png 280w" sizes="(max-width: 500px) calc(100vw - 40px), (max-width: 781px) calc((100vw - 70px) * .466), (max-width: 959px) calc((100vw - 116px) * .469), (max-width: 1290px) calc((100vw - 240px) * .472), 496px"/>
     77                <h3><?php echo( 'Simplified Disaster Recovery' ); ?></h3>
     78                <p><?php echo( 'As you type, WordPress saves your content to the browser. Recovering saved content is even easier with WordPress 4.6.' ); ?></p>
    9879            </div>
    9980        </div>
     
    10283
    10384        <div class="changelog">
    104             <h2><?php _e( 'Under the Hood' ); ?></h2>
     85            <h2><?php echo( 'Under the Hood' ); ?></h2>
    10586
    10687            <div class="under-the-hood three-col">
    10788                <div class="col">
    108                     <h3><?php _e( 'Selective Refresh' ); ?></h3>
     89                    <h3><?php echo( 'Performance Everywhere' ); ?></h3>
     90                    <p><?php echo( 'A brand new technology is going to boost your site&#8217;s performance. Resource hints allow browsers to perform background tasks, WordPress 4.6 adds them automatically for your styles and scripts.' ); ?></p>
     91                </div>
     92                <div class="col">
     93                    <h3><?php echo( 'Robust Requests' ); ?></h3>
     94                    <p><?php echo( 'The HTTP API now leverages the Requests library, improving HTTP standard support and adding case-insensitive headers, parallel HTTP requests, and support for Internationalized Domain Names.' ); ?></p>
     95                </div>
     96                <div class="col">
     97                    <h3><?php
     98                        /* translators: 1: WP_Term_Query, 2: WP_Post_Type */
     99                        printf( ( '%1$s and %2$s' ), '<code>WP_Term_Query</code>', '<code>WP_Post_Type</code>' );
     100                    ?></h3>
    109101                    <p><?php
    110102                        printf(
    111                             /* translators: %s: URL to the development post of the new feature */
    112                             __( 'The customizer now supports a <a href="%s">comprehensive framework</a> for rendering parts of the preview without rewriting your PHP code in JavaScript.' ),
    113                             'https://make.wordpress.org/core/2016/02/16/selective-refresh-in-the-customizer/'
    114                         );
    115                         if ( current_user_can( 'customize' ) && current_user_can( 'edit_theme_options' ) ) {
    116                             if ( current_theme_supports( 'menus' ) && ! current_theme_supports( 'customize-selective-refresh-widgets' ) ) {
    117                                 printf(
    118                                     /* translators: %s: URL to Menus section of the customizer  */
    119                                     ' ' . __( 'See it in action with <a href="%s" class="load-customize">Menus</a>.' ),
    120                                     esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) )
    121                                 );
    122                             } elseif ( current_theme_supports( 'customize-selective-refresh-widgets' ) ) { // If widgets are supported, menus are also because of the menus widget.
    123                                 printf(
    124                                     /* translators: 1: URL to Menus section of the customizer, 2: URL to Widgets section of the customizer */
    125                                     ' ' . __( 'See it in action with <a href="%1$s" class="load-customize">Menus</a> or <a href="%2$s" class="load-customize">Widgets</a>.' ),
    126                                     esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'nav_menus' ) ), $customize_url ) ),
    127                                     esc_url( add_query_arg( array( 'autofocus' => array( 'panel' => 'widgets' ) ), $customize_url ) )
    128                                 );
    129                             }
    130                         }
    131                     ?></p>
    132                 </div>
    133                 <div class="col">
    134                     <h3><?php _e( 'Smart Image Resizing' ); ?></h3>
    135                     <p><?php
    136                         printf(
    137                             /* translators: %s: URL to the development post of the new feature */
    138                             __( 'Generated images now load up to 50&#37; faster with no noticeable quality loss. <a href="%s">It&#8217;s really cool</a>.' ),
    139                             'https://make.wordpress.org/core/2016/03/12/performance-improvements-for-images-in-wordpress-4-5/'
     103                            /* translators: 1: WP_Term_Query, 2: WP_Post_Type */
     104                            ( 'A new %1$s class adds flexibility to query term information and a new %2$s object makes interacting with post types more predictable and intuitive in code.' ),
     105                            '<code>WP_Term_Query</code>',
     106                            '<code>WP_Post_Type</code>'
    140107                        );
    141108                    ?></p>
    142109                </div>
     110            </div>
     111
     112            <div class="under-the-hood three-col">
    143113                <div class="col">
    144                     <h3><?php _e( 'JavaScript Library Updates' ); ?></h3>
    145                     <p><?php _e( 'jQuery 1.12.3, jQuery Migrate 1.4.0, Backbone 1.2.3, and Underscore 1.8.3 are bundled.' ); ?></p>
     114                    <h3><?php echo( 'Meta Registration API' ); ?></h3>
     115                    <p><?php echo( 'The Meta Registration API has been expanded to support types, descriptions, and REST API visibility.' ); ?></p>
     116                </div>
     117                <div class="col">
     118                    <h3><?php echo( 'Timely Translations' ); ?></h3>
     119                    <p><?php echo( 'Preference is now given to <a href="https://translate.wordpress.org/">community translations</a> for plugins and themes served from WordPress.org which allows WordPress to load them just-in-time.' ); ?></p>
     120                </div>
     121                <div class="col">
     122                    <h3><?php echo( 'JavaScript Library Updates' ); ?></h3>
     123                    <p><?php echo( 'Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.1, and Backbone.js 1.3.3 are bundled.' ); ?></p>
    146124                </div>
    147125            </div>
     
    149127            <div class="under-the-hood two-col">
    150128                <div class="col">
    151                     <h3><?php _e( 'Script Loader Improvements' ); ?></h3>
    152                     <p><?php
    153                         printf(
    154                             /* translators: %s: wp_add_inline_script() */
    155                             __( 'Better support has been added for script header/footer dependencies. New %s enables adding extra code to registered scripts.' ),
    156                             '<code><a href="https://make.wordpress.org/core/2016/03/08/enhanced-script-loader-in-wordpress-4-5/">wp_add_inline_script()</a></code>'
    157                         );
    158                     ?></p>
     129                    <h3><?php echo( 'Customizer APIs for Setting Validation and Notifications' ); ?></h3>
     130                    <p><?php echo( 'Settings now have an API for enforcing validation constraints. Likewise Customizer controls now support notifications which are used to display validation errors instead of failing silently.' ); ?></p>
    159131                </div>
    160132                <div class="col">
    161                     <h3><?php _e( 'Better Embed Templates' ); ?></h3>
     133                    <h3><?php echo( 'Multisite, now faster than ever' ); ?></h3>
    162134                    <p><?php
     135                        /* translators: 1: WP_Site_Query, 2: WP_Network_Query */
    163136                        printf(
    164                             /* translators: %s: URL to the development post of the new feature */
    165                             __( 'Embed templates have been split into parts and can be <a href="%s">directly overridden by themes</a> via the template hierarchy.' ),
    166                             'https://make.wordpress.org/core/2016/03/11/embeds-changes-in-wordpress-4-5/'
     137                            ( 'Cached and comprehensive site queries improve your multisite admin experience. Also, %1$s and %2$s make crafting robust queries simpler.' ),
     138                            '<code>WP_Site_Query</code>',
     139                            '<code>WP_Network_Query</code>'
    167140                        );
    168                     ?></p>
     141                        ?></p>
    169142                </div>
    170143            </div>
     144        </div>
    171145
    172             <div class="return-to-dashboard">
    173                 <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
    174                     <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
    175                         <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
    176                     </a> |
    177                 <?php endif; ?>
    178                 <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
    179             </div>
     146        <hr />
    180147
     148        <div class="return-to-dashboard">
     149            <?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
     150                <a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
     151                    <?php is_multisite() ? _e( 'Return to Updates' ) : _e( 'Return to Dashboard &rarr; Updates' ); ?>
     152                </a> |
     153            <?php endif; ?>
     154            <a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
    181155        </div>
     156
    182157    </div>
    183158<?php
  • trunk/src/wp-admin/credits.php

    r37434 r38183  
    2121<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
    2222
    23 <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you&#8217;re writing or building your site.' ), $display_version ); ?></div>
     23<p class="about-text"><?php printf( ( 'Thank you for updating to the latest version. WordPress %s changes a lot behind the scenes to make your WordPress experience even better!' ), $display_version ); ?></p>
    2424
    2525<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
  • trunk/src/wp-admin/css/about.css

    r37740 r38183  
    8989
    9090.about-wrap p {
    91     line-height: 1.6em;
     91    line-height: 1.5;
    9292    font-size: 14px;
     93    max-width: 38em;
     94    margin-left: auto;
     95    margin-right: auto;
     96}
     97
     98.about-wrap .changelog p {
     99    max-width: 100%;
     100    margin-left: 0;
     101    margin-right: 0;
    93102}
    94103
     
    110119}
    111120
    112 .about-wrap .changelog h2,
    113121.about-wrap h3 {
    114122    margin: 1.25em 0 .6em;
    115123    font-size: 1.25em;
    116     line-height: 1.5em;
    117 }
    118 
    119 .about-wrap .changelog h2 {
    120     margin-top: 40px;
    121     font-weight: 600;
    122     text-align: left;
     124    line-height: 1.5;
    123125}
    124126
     
    195197}
    196198
    197 .about-wrap .under-the-hood:nth-of-type(2n) {
     199.about-wrap .under-the-hood:nth-of-type(2n),
     200.about-wrap .under-the-hood:nth-of-type(3n) {
    198201    margin-top: 3em;
    199202}
  • trunk/src/wp-admin/freedoms.php

    r37674 r38183  
    2020<h1><?php printf( __( 'Welcome to WordPress %s' ), $display_version ); ?></h1>
    2121
    22 <div class="about-text"><?php printf( __( 'Thank you for updating! WordPress %s streamlines your workflow, whether you&#8217;re writing or building your site.' ), $display_version ); ?></div>
     22<p class="about-text"><?php printf( ( 'Thank you for updating to the latest version. WordPress %s changes a lot behind the scenes to make your WordPress experience even better!' ), $display_version ); ?></p>
    2323
    2424<div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
Note: See TracChangeset for help on using the changeset viewer.