WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
05/02/2019 03:43:10 PM (7 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.