WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
05/02/2019 03:43:10 PM (5 years ago)
Author:
desrosj
Message:

Help/About: Polish the About page for 5.2.

  • The About page now uses a CSS grid to layout its design, making the page’s structure more obvious and hopefully easier for contributors in the future.
  • Removes some code that is no longer used (such as videos, mejs elements, etc.).
  • Update images.
  • Unnecessary HTML is removed from a string on the page. This was a regression.
  • Only users with the correct capability should be instructed to check their site status.
  • Fixes the placement of commas.

Reviewed by melchoyce, afercia, jeremyfelt, and desrosj.

Props ryelle, melchoyce, cathibosco1, man4toman, SergeyBiryukov, afercia, ramiy, kjellr, tellyworth, earnjam, andreamiddleton, marybaum.
See #46901.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/about.php

    r45274 r45278  
    4141        </nav>
    4242
    43         <h2 class="feature-section-header"><?php _e( 'Keeping Your Site Safe' ); ?></h2>
     43        <div class="headline-feature">
     44            <h2><?php _e( 'Keeping Your Site Safe' ); ?></h2>
     45            <p class="lead-description"><?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>
     46            <div class="inline-svg aligncenter">
     47                <img src="https://make.wordpress.org/core/files/2019/05/about_maintain-wordpress.png" alt="">
     48            </div>
     49        </div>
    4450
    45         <div class="feature-section headline-feature one-col">
    46             <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>
    48                 <div class="inline-svg">
    49                     <img src="https://make.wordpress.org/core/files/2019/04/site-safe.png" alt="">
     51        <hr />
     52
     53        <div class="feature-section is-wide has-2-columns is-wider-left">
     54            <div class="column is-vertically-aligned-center">
     55                <h3><?php _e( 'Site Health Check' ); ?></h3>
     56                <p>
     57                    <?php
     58                    printf(
     59                        /* translators: 1: link to the WordPress 5.1 release post */
     60                        __( 'Building on <a href="%1$s">the Site Health features introduced in 5.1</a>, 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.' ),
     61                        __( 'https://wordpress.org/news/2019/02/betty/' )
     62                    );
     63
     64                    if ( current_user_can( 'install_plugins' ) ) {
     65                        printf(
     66                            /* translators: 1: link to /wp-admin/site-health.php 2: link to /wp-admin/site-health.php?tab=debug */
     67                            __( ' <a href="%1$s">Check your site status</a>, and <a href="%2$s">learn how to debug issues</a>.' ),
     68                            admin_url( 'site-health.php' ),
     69                            admin_url( 'site-health.php?tab=debug' )
     70                        );
     71                    }
     72                    ?>
     73                </p>
     74            </div>
     75            <div class="column">
     76                <div class="inline-svg aligncenter">
     77                    <img src="https://s.w.org/images/core/5.2/about_site-health.svg" alt="">
    5078                </div>
    5179            </div>
    … …  
    5482        <hr />
    5583
    56         <div class="feature-section one-col is-wide wp-clearfix">
    57             <div class="col">
    58                 <h3><?php _e( 'Site Health Check' ); ?></h3>
    59                 <div class="inline-svg alignright">
    60                     <img src="https://make.wordpress.org/core/files/2019/04/health-check.png" alt="">
     84        <div class="feature-section is-wide has-2-columns is-wider-right">
     85            <div class="column">
     86                <div class="inline-svg aligncenter">
     87                    <img src="https://s.w.org/images/core/5.2/about_error-protection.svg" alt="">
    6188                </div>
    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 <a href="%1$s">the Site Health features introduced in 5.1</a>, 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. <a href="%2$s">Check your site status</a>, and <a href="%3$s">learn how to debug issues</a>.' ),
    67                         __( 'https://wordpress.org/news/2019/02/betty/' ),
    68                         admin_url( 'site-health.php' ),
    69                         admin_url( 'site-health.php?tab=debug' )
    70                     );
    71                     ?>
    72                 </p>
    7389            </div>
    74         </div>
    75 
    76         <hr />
    77 
    78         <div class="feature-section one-col is-wide wp-clearfix">
    79             <div class="col">
    80                 <div class="inline-svg alignleft">
    81                     <img src="https://make.wordpress.org/core/files/2019/04/error-protection.png" alt="">
    82                 </div>
     90            <div class="column is-vertically-aligned-center">
    8391                <h3><?php _e( 'PHP Error Protection' ); ?></h3>
    8492                <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>
    … …  
    8896        <hr />
    8997
    90         <h3 class="under-the-hood-header"><?php _e( 'Improvements for Everyone' ); ?></h3>
     98        <h3 class="aligncenter"><?php _e( 'Improvements for Everyone' ); ?></h3>
    9199
    92         <div class="under-the-hood feature-section two-col">
    93             <div class="col cta">
     100        <div class="has-2-columns">
     101            <div class="column aligncenter">
    94102                <h4><?php _e( 'Accessibility Updates' ); ?></h4>
    95103                <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>
    96104            </div>
    97             <div class="col cta">
     105            <div class="column aligncenter">
    98106                <h4><?php _e( 'New Dashboard Icons' ); ?></h4>
    99107                <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>
    … …  
    103111        <hr />
    104112
    105         <h3 class="under-the-hood-header"><?php _e( 'Developer Happiness' ); ?></h3>
     113        <h3 class="aligncenter"><?php _e( 'Developer Happiness' ); ?></h3>
    106114
    107         <div class="under-the-hood feature-section two-col">
    108             <div class="col">
     115        <div class="has-2-columns is-fullwidth">
     116            <div class="column">
    109117                <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>
    110118                <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>
    111119            </div>
    112             <div class="col">
     120            <div class="column">
    113121                <h4><a href="https://make.wordpress.org/core/2019/04/24/developer-focused-privacy-updates-in-5-2/"><?php _e( 'Privacy Updates' ); ?></a></h4>
    114122                <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>
    115123            </div>
    116124        </div>
    117         <div class="under-the-hood feature-section two-col">
    118             <div class="col">
     125        <div class="has-2-columns is-fullwidth">
     126            <div class="column">
    119127                <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>
    120128                <p>
    … …  
    122130                    printf(
    123131                        /* 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;'
     132                        __( '5.2 introduces a %1$s hook, which lets themes support injecting code right at the beginning of the %2$s element.' ),
     133                        '<code>wp_body_open</code>',
     134                        '<code>&lt;body&gt;</code>'
    127135                    );
    128136                    ?>
    129137                </p>
    130138            </div>
    131             <div class="col">
     139            <div class="column">
    132140                <h4><a href="https://make.wordpress.org/core/2019/03/25/building-javascript/"><?php _e( 'Building JavaScript' ); ?></a></h4>
    133141                <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>
Note: See TracChangeset for help on using the changeset viewer.