WordPress.org
Get WordPress

Make WordPress Core

Changeset 51420


Ignore:
Timestamp:
07/13/2021 04:17:05 PM (5 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.