Make WordPress Core

Changeset 38184 for branches/4.6


Ignore:
Timestamp:
08/03/2016 07:57:09 PM (8 years ago)
Author:
ocean90
Message:

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

Merge of [38183] to the 4.6 branch.

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:
branches/4.6
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • branches/4.6

  • branches/4.6/src/wp-admin/about.php

    r37178 r38184  
    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
  • branches/4.6/src/wp-admin/credits.php

    r37434 r38184  
    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>
  • branches/4.6/src/wp-admin/css/about.css

    r37740 r38184  
    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}
  • branches/4.6/src/wp-admin/freedoms.php

    r37674 r38184  
    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.