WordPress.org

Make WordPress Core

Changeset 45271


Ignore:
Timestamp:
04/26/2019 12:56:57 AM (8 months ago)
Author:
pento
Message:

Admin: Add the text for the WordPress 5.2 About page.

This changes includes placeholder images for now, they'll be replaced by the final images before final release.

Props chanthaboune, melchoyce, karmatosed, pento, marybaum, birgire, earnjam, andreamiddleton.
See #46901.

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

Legend:

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

    r44905 r45271  
    1010require_once( dirname( __FILE__ ) . '/admin.php' );
    1111
    12 wp_enqueue_script( 'underscore' );
    13 
    1412/* translators: Page title of the About WordPress page in the admin. */
    1513$title = _x( 'About', 'page title' );
     
    1715list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
    1816
    19 wp_enqueue_style( 'wp-block-library' );
    20 
    2117include( ABSPATH . 'wp-admin/admin-header.php' );
    2218?>
    2319    <div class="wrap about-wrap full-width-layout">
    24         <h1><?php printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version ); ?></h1>
     20        <h1>
     21            <?php
     22            /* translators: %s: The current WordPress version number */
     23            printf( __( 'Welcome to WordPress&nbsp;%s' ), $display_version );
     24            ?>
     25        </h1>
    2526
    26         <p class="about-text"><?php printf( __( 'Thank you for updating to the latest version!' ), $display_version ); ?></p>
     27        <p class="about-text"><?php printf( __( 'Congratulations on updating to WordPress 5.2! This update makes it easier than ever to fix your site if something goes wrong.' ), $display_version ); ?></p>
    2728
    28         <div class="wp-badge"><?php printf( __( 'Version %s' ), $display_version ); ?></div>
     29        <div class="wp-badge">
     30            <?php
     31            /* translators: %s: The current WordPress version number */
     32            printf( __( 'Version %s' ), $display_version );
     33            ?>
     34        </div>
    2935
    3036        <nav class="nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
     
    3541        </nav>
    3642
    37         <h2 class="feature-section-header"><?php _e( 'A Little Better Every Day' ); ?></h2>
     43        <h2 class="feature-section-header"><?php _e( 'Keeping Your Site Safe' ); ?></h2>
    3844
    3945        <div class="feature-section headline-feature one-col">
    4046            <div class="col">
     47                <p><?php _e( 'WordPress 5.2 gives you even more robust tools for identifying and fixing configuration issues and fatal errors. Whether you are a developer helping clients or you manage your site solo, these tools can help get you the right information when you need it.' ); ?></p>
    4148                <div class="inline-svg">
    42                     <img src="https://s.w.org/images/core/5.1/update.svg" alt="">
     49                    <img src="https://make.wordpress.org/core/files/2019/04/site-safe.png" alt="">
    4350                </div>
    44                 <p><?php _e( 'You&#8217;ve successfully upgraded to WordPress 5.1! Following WordPress 5.0&#8212;a major release which introduced the new block editor&#8212;5.1 focuses on polish, in particular by improving overall performance of the editor. In addition, this release paves the way for a better, faster, and more secure WordPress with some essential tools for site administrators and developers.' ); ?></p>
    4551            </div>
    4652        </div>
    4753
     54        <hr />
     55
    4856        <div class="feature-section one-col is-wide wp-clearfix">
    4957            <div class="col">
    50                 <h3><?php _e( 'Site Health' ); ?></h3>
     58                <h3><?php _e( 'Site Health Check' ); ?></h3>
    5159                <div class="inline-svg alignright">
    52                     <img src="https://s.w.org/images/core/5.1/site-health.svg" alt="">
     60                    <img src="https://make.wordpress.org/core/files/2019/04/health-check.png" alt="">
    5361                </div>
    54                 <p><?php printf( __( 'With security and speed in mind, this release introduces WordPress&#8217;s first <a href="%s">Site Health</a> features. WordPress will start showing notices to administrators of sites that run long-outdated versions of PHP, which is the programming language that powers WordPress.' ), 'https://make.wordpress.org/core/2019/01/14/php-site-health-mechanisms-in-5-1/' ); ?></p>
    55 
    56                 <p><?php _e( 'When installing new plugins, WordPress&#8217;s Site Health features will check whether a plugin requires a version of PHP incompatible with your site. If so, WordPress will prevent you from installing that plugin.' ); ?></p>
    57 
    58                 <?php
    59                 $response = wp_check_php_version();
    60                 if ( $response && isset( $response['is_acceptable'] ) && ! $response['is_acceptable'] && current_user_can( 'update_php' ) ) :
     62                <p>
     63                    <?php
     64                    printf(
     65                        /* translators: 1: link to the WordPress 5.1 release post 2: link to /wp-admin/site-health.php 3: link to /wp-admin/site-health.php?tab=debug */
     66                        __( 'Building on the <a href="%1$s">Site Health</a> features introduced in 5.1, this release adds two new pages to help debug common configuration issues. It also adds space where developers can include debugging information for site maintainers. Check your site <a href="%2$s">status</a>, and learn how to <a href="%3$s">debug</a> issues.' ),
     67                        __( 'https://wordpress.org/news/2019/02/betty/' ),
     68                        admin_url( 'site-health.php' ),
     69                        admin_url( 'site-health.php?tab=debug' )
     70                    );
    6171                    ?>
    62                     <p><em><?php _e( 'WordPress has detected your site is running an outdated version of PHP. You will see this notice on your dashboard with instructions for contacting your host.' ); ?></em></p>
    63                 <?php endif; ?>
    64 
    65                 <p><a class="button button-default button-hero" href="<?php echo esc_url( wp_get_update_php_url() ); ?>"><?php _e( 'Learn more about updating PHP' ); ?></a></p>
     72                </p>
    6673            </div>
    6774        </div>
    6875
     76        <hr />
     77
    6978        <div class="feature-section one-col is-wide wp-clearfix">
    7079            <div class="col">
    71                 <h3><?php _e( 'Editor Performance' ); ?></h3>
    72                 <div class="inline-svg alignright">
    73                     <img src="https://s.w.org/images/core/5.1/editor-performance.svg" alt="">
     80                <div class="inline-svg alignleft">
     81                    <img src="https://make.wordpress.org/core/files/2019/04/error-protection.png" alt="">
    7482                </div>
    75                 <p><?php _e( 'Introduced in WordPress 5.0, the new block editor continues to improve. Most significantly, WordPress 5.1 includes solid performance improvements within the editor. The editor should feel a little quicker to start, and typing should feel smoother. Nevertheless, expect more performance improvements in the next releases.' ); ?></p>
    76                 <?php if ( current_user_can( 'edit_posts' ) ) : ?>
    77                     <p><a class="button button-default button-hero" href="<?php echo esc_url( admin_url( 'post-new.php' ) ); ?>"><?php _e( 'Build your first post' ); ?></a></p>
    78                 <?php endif; ?>
     83                <h3><?php _e( 'PHP Error Protection' ); ?></h3>
     84                <p><?php _e( 'This administrator-focused update will let you safely fix or manage fatal errors without requiring developer time. It features better handling of the so-called “white screen of death,” and a way to enter recovery mode,  which pauses error-causing plugins or themes.' ); ?></p>
     85            </div>
     86        </div>
     87
     88        <hr />
     89
     90        <h3 class="under-the-hood-header"><?php _e( 'Improvements for Everyone' ); ?></h3>
     91
     92        <div class="under-the-hood feature-section two-col">
     93            <div class="col cta">
     94                <h4><?php _e( 'Accessibility Updates' ); ?></h4>
     95                <p><?php _e( 'A number of changes work together to improve contextual awareness and keyboard navigation flow for those using screen readers and other assistive technologies.' ); ?></p>
     96            </div>
     97            <div class="col cta">
     98                <h4><?php _e( 'New Dashboard Icons' ); ?></h4>
     99                <p><?php _e( 'Thirteen new icons include Instagram, a suite of icons for BuddyPress, and rotated Earth icons for global inclusion. Find them in the Dashboard and have some fun!' ); ?></p>
    79100            </div>
    80101        </div>
     
    84105        <h3 class="under-the-hood-header"><?php _e( 'Developer Happiness' ); ?></h3>
    85106
    86         <div class="under-the-hood feature-section three-col">
     107        <div class="under-the-hood feature-section two-col">
    87108            <div class="col">
    88                 <h4><?php _e( 'Multisite Metadata' ); ?></h4>
     109                <h4><a href="https://make.wordpress.org/core/2019/03/26/coding-standards-updates-for-php-5-6/"><?php _e( 'PHP Version Bump' ); ?></a></h4>
     110                <p><?php _e( 'The minimum supported PHP version is now 5.6.20. As of WordPress 5.2, themes and plugins can safely take advantage of namespaces, anonymous functions, and more!' ); ?></p>
     111            </div>
     112            <div class="col">
     113                <h4><a href="https://make.wordpress.org/core/2019/04/24/developer-focused-privacy-updates-in-5-2/"><?php _e( 'Privacy Updates' ); ?></a></h4>
     114                <p><?php _e( 'A new theme page template, a conditional function, and two CSS classes make designing and customizing the Privacy Policy page easier.' ); ?></p>
     115            </div>
     116        </div>
     117        <div class="under-the-hood feature-section two-col">
     118            <div class="col">
     119                <h4><a href="https://make.wordpress.org/core/2019/04/24/miscellaneous-developer-updates-in-5-2/"><?php _e( 'New Body Tag Hook' ); ?></a></h4>
    89120                <p>
    90                     <?php _e( '5.1 introduces a new database table to store metadata associated with sites and allows for the storage of arbitrary site data relevant in a multisite / network context.' ); ?>
    91                     <br>
    92                     <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2019/01/28/multisite-support-for-site-metadata-in-5-1/' ); ?>
     121                    <?php
     122                    printf(
     123                        /* translators: 1: wp_body_open 2: <body> */
     124                        __( '5.2 introduces a <code>%1$s</code> hook, which lets themes support injecting code right at the beginning of the <code>%2$s</code> element.' ),
     125                        'wp_body_open',
     126                        '&lt;body&gt;'
     127                    );
     128                    ?>
    93129                </p>
    94130            </div>
    95131            <div class="col">
    96                 <h4><?php _e( 'Cron API' ); ?></h4>
    97                 <p>
    98                     <?php _e( 'The Cron API has been updated with new functions to assist with returning data and includes new filters for modifying cron storage. Other changes in behavior affect cron spawning on servers running FastCGI and PHP-FPM versions 7.0.16 and above.' ); ?>
    99                     <br>
    100                     <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2019/01/09/cron-improvements-with-php-fpm-in-wordpress-5-1/' ); ?>
    101                 </p>
    102             </div>
    103             <div class="col">
    104                 <h4><?php _e( 'New JS Build Processes' ); ?></h4>
    105                 <p>
    106                     <?php _e( 'WordPress 5.1 features a new JavaScript build option, following the large reorganization of code started in the 5.0 release.' ); ?>
    107                     <br>
    108                     <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2018/05/16/preparing-wordpress-for-a-javascript-future-part-1-build-step-and-folder-reorganization/' ); ?>
    109                 </p>
    110             </div>
    111         </div>
    112 
    113         <div class="under-the-hood feature-section two-col">
    114             <div class="col is-span-two">
    115                 <h4><?php _e( 'Other Developer Goodness' ); ?></h4>
    116                 <p>
    117                     <?php _e( 'Miscellaneous improvements include updates to values for the <code>WP_DEBUG_LOG</code> constant, new test config file constant in the test suite, new plugin action hooks, short-circuit filters for <code>wp_unique_post_slug()</code> and <code>WP_User_Query</code> and <code>count_users()</code>, a new <code>human_readable_duration</code> function, improved taxonomy metabox sanitization, limited <code>LIKE</code> support for meta keys when using <code>WP_Meta_Query</code>, a new “doing it wrong” notice when registering REST API endpoints, and more!' ); ?>
    118                     <br>
    119                     <?php printf( __( '<a href="%s">Read more.</a>' ), 'https://make.wordpress.org/core/2019/01/23/miscellaneous-developer-focused-changes-in-5-1/' ); ?>
    120                 </p>
    121                 <p>
    122                     <a class="button button-default button-hero" href="<?php echo esc_url( 'https://developer.wordpress.org/' ); ?>"><?php _e( 'Learn how to get started' ); ?></a>
    123                 </p>
    124             </div>
    125             <div class="col">
    126                 <div class="inline-svg">
    127                     <img src="https://s.w.org/images/core/5.1/under-the-hood.svg" alt="">
    128                 </div>
     132                <h4><a href="https://make.wordpress.org/core/2019/03/25/building-javascript/"><?php _e( 'Building JavaScript' ); ?></a></h4>
     133                <p><?php _e( 'With the addition of webpack and Babel configurations in the @wordpress/scripts package, developers won&#8217;t have to worry about setting up complex build tools to write modern JavaScript.' ); ?></p>
    129134            </div>
    130135        </div>
    131136
    132137        <hr />
    133 
    134         <?php if ( ! file_exists( WP_PLUGIN_DIR . '/classic-editor/classic-editor.php' ) ) : ?>
    135             <h2 class="feature-section-header"><?php _e( 'Keep it Classic' ); ?></h2>
    136 
    137             <div class="feature-section one-col" id="classic-editor">
    138                 <div class="col">
    139                     <p><?php _e( 'Prefer to stick with the familiar Classic Editor? No problem! Support for the Classic Editor plugin will remain in WordPress through 2021.' ); ?></p>
    140                     <p><?php _e( 'The Classic Editor plugin restores the previous WordPress editor and the Edit Post screen. It lets you keep using plugins that extend it, add old-style meta boxes, or otherwise depend on the previous editor. To install, visit your plugins page and click the &#8220;Install Now&#8221; button next to &#8220;Classic Editor&#8221;. After the plugin finishes installing, click &#8220;Activate&#8221;. That’s it!' ); ?></p>
    141                     <p><?php _e( 'Note to users of assistive technology: if you experience usability issues with the block editor, we recommend you continue to use the Classic Editor.' ); ?></p>
    142                     <?php if ( current_user_can( 'install_plugins' ) ) { ?>
    143                         <div class="col cta">
    144                             <a class="button button-primary button-hero" href="<?php echo esc_url( wp_nonce_url( self_admin_url( 'plugin-install.php?tab=favorites&user=wordpressdotorg&save=0' ), 'save_wporg_username_' . get_current_user_id() ) ); ?>"><?php _e( 'Install the Classic Editor' ); ?></a>
    145                         </div>
    146                     <?php } ?>
    147                 </div>
    148             </div>
    149 
    150             <hr />
    151         <?php endif; ?>
    152138
    153139        <div class="return-to-dashboard">
  • trunk/src/wp-admin/css/about.css

    r45130 r45271  
    238238}
    239239
    240 .about-wrap .one-col .alignright img {
     240.about-wrap .one-col .alignright img,
     241.about-wrap .one-col .alignleft img {
    241242    margin-top: 0;
    242243}
     
    260261.about-wrap .inline-svg.alignright {
    261262    margin-left: 80px;
     263}
     264
     265.about-wrap .inline-svg.alignleft {
     266    margin-right: 80px;
    262267}
    263268
     
    511516    .about-wrap .one-col .alignright {
    512517        margin-left: 20px;
     518        max-width: 150px;
     519    }
     520
     521    .about-wrap .one-col .alignleft {
     522        margin-right: 20px;
    513523        max-width: 150px;
    514524    }
     
    569579    }
    570580
    571     .about-wrap .one-col .alignright {
     581    .about-wrap .one-col .alignright,
     582    .about-wrap .one-col .alignleft {
    572583        max-width: 120px;
    573584    }
     
    614625
    615626@media only screen and (max-width: 320px) {
    616     .about-wrap .one-col .alignright {
     627    .about-wrap .one-col .alignright,
     628    .about-wrap .one-col .alignleft {
    617629        float: none;
    618630        margin: 0 auto;
    619631    }
    620     .about-wrap .one-col .alignright img {
     632    .about-wrap .one-col .alignright img,
     633    .about-wrap .one-col .alignleft img {
    621634        margin: 0 0 1em;
    622635    }
Note: See TracChangeset for help on using the changeset viewer.