Make WordPress Core

Changeset 51420


Ignore:
Timestamp:
07/13/2021 04:17:05 PM (4 years ago)
Author:
ryelle
Message:

Help/About: Update the About section for 5.8.

Update the image links to use the CDN. Use regular text color for headings. Fix two string issues. Remove unnecessary wp-components script & style.
Use a larger image for theme.json on retina screens, and update the spacing of sections on the page.

Props nao, audrasjb, karmatosed, desrosj, javiarce, milana_cap.
Merges [51413] and [51418] to the 5.8 branch.
See #52775.

Location:
branches/5.8
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • branches/5.8

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

    r51360 r51420  
    1010require_once __DIR__ . '/admin.php';
    1111
    12 wp_enqueue_script( 'wp-components' );
    13 wp_enqueue_style( 'wp-components' );
    14 
    1512/* translators: Page title of the About WordPress page in the admin. */
    1613$title = _x( 'About', 'page title' );
     
    4542
    4643        <div class="about__section">
    47             <h2 class="aligncenter has-accent-color">
     44            <h2 class="aligncenter">
    4845                <?php _e( 'Three Essential Powerhouses' ); ?>
    4946            </h2>
     
    5148
    5249        <div class="about__section has-2-columns is-wider-left">
    53             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    54                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-widgets-blocks.png" alt="" />
     50            <div class="column about__image is-vertically-aligned-center">
     51                <img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" />
    5552            </div>
    5653            <div class="column">
     
    7067        </div>
    7168
    72         <hr />
    73 
    7469        <div class="about__section has-2-columns is-wider-right">
    7570            <div class="column">
     
    7873                </h3>
    7974                <p>
    80                     <?php
    81                     printf(
    82                         /* translators: %s: Query Loop dev note link. */
    83                         __( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want. For our theme authors, learn more about experimenting with this awesome tool in the <a href="%s">Query Loop Block dev note</a>.' ),
    84                         '#'
    85                     );
    86                     ?>
    87                 </p>
    88             </div>
    89             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    90                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-patterns.png" alt="" />
    91             </div>
    92         </div>
    93 
    94         <hr />
    95 
    96         <div class="about__section has-2-columns is-wider-left">
    97             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    98                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-template.png" alt="" />
     75                    <?php _e( 'The Query Loop Block makes it possible to display posts based on specified parameters; like a PHP loop without the code. Easily display posts from a specific category, to do things like create a portfolio or a page full of your favorite recipes. Think of it as a more complex and powerful Latest Posts Block! Plus, pattern suggestions make it easier than ever to create a list of posts with the design you want.' ); ?>
     76                </p>
     77            </div>
     78            <div class="column about__image is-vertically-aligned-center">
     79                <img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" />
     80            </div>
     81        </div>
     82
     83        <div class="about__section has-2-columns is-wider-left">
     84            <div class="column about__image is-vertically-aligned-center">
     85                <img src="https://s.w.org/images/core/5.8/about-template.png" alt="" />
    9986            </div>
    10087            <div class="column">
     
    113100
    114101        <div class="about__section">
    115             <h2 class="aligncenter has-accent-color">
     102            <h2 class="aligncenter">
    116103                <?php _e( 'Three Workflow Helpers' ); ?>
    117104            </h2>
     
    119106
    120107        <div class="about__section has-2-columns is-wider-left">
    121             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    122                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-list-view.png" alt="" />
     108            <div class="column about__image is-vertically-aligned-center">
     109                <img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" />
    123110            </div>
    124111            <div class="column">
     
    134121        </div>
    135122
    136         <hr />
    137 
    138123        <div class="about__section has-2-columns is-wider-right">
    139124            <div class="column">
     
    147132                </p>
    148133            </div>
    149             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    150                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-pattern-suggestions.png" alt="" />
    151             </div>
    152         </div>
    153 
    154         <hr />
    155 
    156         <div class="about__section has-2-columns is-wider-left">
    157             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    158                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-duotone.png" alt="" />
     134            <div class="column about__image is-vertically-aligned-center">
     135                <img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" />
     136            </div>
     137        </div>
     138
     139        <div class="about__section has-2-columns is-wider-left">
     140            <div class="column about__image is-vertically-aligned-center">
     141                <img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" />
    159142            </div>
    160143            <div class="column">
     
    173156
    174157        <div class="about__section">
    175             <h2 class="aligncenter has-accent-color">
     158            <h2 class="aligncenter" style="margin-bottom:0;">
    176159                <?php _e( 'For Developers to Explore' ); ?>
    177160            </h2>
    178             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    179                 <img src="https://make.wordpress.org/core/files/2021/07/about-58-theme-json.png" alt="" />
     161            <div class="column about__image is-vertically-aligned-center">
     162                <picture>
     163                    <source srcset="https://s.w.org/images/core/5.8/about-theme-json.png, https://s.w.org/images/core/5.8/about-theme-json-2x.png 2x">
     164                    <img src="https://s.w.org/images/core/5.8/about-theme-json.png" alt="">
     165                </picture>
    180166            </div>
    181167        </div>
     
    197183            </div>
    198184        </div>
    199 
    200         <hr />
    201185
    202186        <div class="about__section has-3-columns">
  • branches/5.8/src/wp-admin/credits.php

    r51360 r51420  
    5353                ?>
    5454                <br />
    55                 <a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress' ); ?></a>.
     55                <a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
    5656            </p>
    5757
     
    6161                <?php _e( 'Want to see your name in lights on this page?' ); ?>
    6262                <br />
    63                 <a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress' ); ?></a>.
     63                <a href="https://make.wordpress.org/"><?php _e( 'Get involved in WordPress.' ); ?></a>
    6464            </p>
    6565
Note: See TracChangeset for help on using the changeset viewer.