WordPress.org
Get WordPress

Make WordPress Core

Changeset 51418 for trunk


Ignore:
Timestamp:
07/13/2021 03:38:12 PM (5 years ago)
Author:
ryelle
Message:

Help/About: Update the About page for 5.8.

Use a larger image for theme.json on retina screens, and update the spacing of sections on the page.

Props javiarce.
See #52775.

File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r51413 r51418  
    4848
    4949                <div class="about__section has-2-columns is-wider-left">
    50                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     50                        <div class="column about__image is-vertically-aligned-center">
    5151                                <img src="https://s.w.org/images/core/5.8/about-widgets-blocks.png" alt="" />
    5252                        </div>
    … …  
    6767                </div>
    6868
    69                 <hr />
    70 
    7169                <div class="about__section has-2-columns is-wider-right">
    7270                        <div class="column">
    … …  
    7876                                </p>
    7977                        </div>
    80                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     78                        <div class="column about__image is-vertically-aligned-center">
    8179                                <img src="https://s.w.org/images/core/5.8/about-query-loop.png" alt="" />
    8280                        </div>
    8381                </div>
    8482
    85                 <hr />
    86 
    87                 <div class="about__section has-2-columns is-wider-left">
    88                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     83                <div class="about__section has-2-columns is-wider-left">
     84                        <div class="column about__image is-vertically-aligned-center">
    8985                                <img src="https://s.w.org/images/core/5.8/about-template.png" alt="" />
    9086                        </div>
    … …  
    110106
    111107                <div class="about__section has-2-columns is-wider-left">
    112                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     108                        <div class="column about__image is-vertically-aligned-center">
    113109                                <img src="https://s.w.org/images/core/5.8/about-list-view.png" alt="" />
    114110                        </div>
    … …  
    125121                </div>
    126122
    127                 <hr />
    128 
    129123                <div class="about__section has-2-columns is-wider-right">
    130124                        <div class="column">
    … …  
    138132                                </p>
    139133                        </div>
    140                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     134                        <div class="column about__image is-vertically-aligned-center">
    141135                                <img src="https://s.w.org/images/core/5.8/about-pattern-suggestions.png" alt="" />
    142136                        </div>
    143137                </div>
    144138
    145                 <hr />
    146 
    147                 <div class="about__section has-2-columns is-wider-left">
    148                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
     139                <div class="about__section has-2-columns is-wider-left">
     140                        <div class="column about__image is-vertically-aligned-center">
    149141                                <img src="https://s.w.org/images/core/5.8/about-duotone.png" alt="" />
    150142                        </div>
    … …  
    164156
    165157                <div class="about__section">
    166                         <h2 class="aligncenter">
     158                        <h2 class="aligncenter" style="margin-bottom:0;">
    167159                                <?php _e( 'For Developers to Explore' ); ?>
    168160                        </h2>
    169                         <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    170                                 <img src="https://s.w.org/images/core/5.8/about-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>
    171166                        </div>
    172167                </div>
    … …  
    188183                        </div>
    189184                </div>
    190 
    191                 <hr />
    192185
    193186                <div class="about__section has-3-columns">
Note: See TracChangeset for help on using the changeset viewer.