Make WordPress Core


Ignore:
Timestamp:
05/03/2022 04:26:53 PM (2 years ago)
Author:
ryelle
Message:

Help/About: Update the About section for 6.0.

This is the start of the WordPress 6.0 about page, introducing new content and a first pass of the new style.

Props fcoveram, estelaris, JeffPaul, critterverse, chanthaboune, dansoschin, webcommsat, annezazu, marybaum, cbringmann, eidolonnight, laurlittle, sergeybiryukov.
See #55434.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/about.php

    r52784 r53339  
    2828            </div>
    2929
    30             <div class="about__header-text">
    31                 <?php _e( 'Build the site you&#8217;ve always wanted &#8212; with blocks' ); ?>
    32             </div>
     30            <div class="about__header-text"></div>
    3331
    3432            <nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
     
    4038        </div>
    4139
     40        <hr />
     41
     42        <div class="about__section">
     43            <div class="column">
     44                <h2 class="aligncenter">
     45                    <?php
     46                    printf(
     47                        /* translators: %s: Version number. */
     48                        __( 'Welcome to WordPress %s' ),
     49                        $display_version
     50                    );
     51                    ?>
     52                </h2>
     53                <p class="is-subheading">
     54                    <?php _e( 'WordPress 6.0 includes more than 500 enhancements and 400 bug fixes. This page highlights several key advancements aimed at making your WordPress content-creating and site-building experience more feature-rich and intuitive. You will also find resources for developers and anyone wanting a deeper understanding of WordPress.' ); ?>
     55                </p>
     56            </div>
     57        </div>
     58
     59        <hr />
     60
     61        <div class="about__section has-2-columns">
     62            <div class="column about__image is-vertically-aligned-center">
     63                <img src="https://make.wordpress.org/core/files/2022/05/about-60-writing-improvements.png" alt="" />
     64            </div>
     65            <div class="column">
     66                <h3>
     67                    <?php _e( 'Enhanced Writing Experience' ); ?>
     68                </h3>
     69                <p>
     70                    <?php _e( 'Writing improvements abound, whether you&#8217;re writing a brand new post or adding elements to an existing page. Explore more ways to streamline your content creation process, including:' ); ?>
     71                </p>
     72                <ul>
     73                    <li><?php _e( 'Select text across multiple blocks and edit it all at once.' ); ?></li>
     74                    <li><?php _e( 'Type two open brackets <code>[[</code> to quickly access the link menu.' ); ?></li>
     75                    <li><?php _e( 'Keep existing styles when you transform some blocks from one kind to another—from a Paragraph block to a Code block, for instance.' ); ?></li>
     76                    <li><?php _e( 'Create customized buttons and any new buttons you make will retain the style customizations automatically.' ); ?></li>
     77                    <li><?php _e( 'Make tag clouds and social icons even more appealing with updated settings and controls, and a new outline style for the tag cloud.' ); ?></li>
     78                </ul>
     79            </div>
     80        </div>
     81
     82        <div class="about__section has-2-columns is-wider-right">
     83            <div class="column">
     84                <h3>
     85                    <?php _e( 'Style Switching' ); ?>
     86                </h3>
     87                <p>
     88                    <?php _e( 'Block themes now include the option to contain multiple style variations. This expands the new Style system even further and enables shortcuts to switch the look and feel of your site all within a single theme. You can change both the available settings, like the font weight, and the style options, like the default color palette. Change the look and feel of your site with just a few clicks.' ); ?>
     89                </p>
     90            </div>
     91            <div class="column about__image is-vertically-aligned-center">
     92                <img src="https://make.wordpress.org/core/files/2022/05/about-60-style-switcher.gif" alt="" />
     93            </div>
     94        </div>
     95
     96        <div class="about__section has-1-column">
     97            <div class="column about__image is-vertically-aligned-center">
     98                <img src="https://make.wordpress.org/core/files/2022/05/about-60-templates.png" alt="" />
     99            </div>
     100            <div class="column">
     101                <h3>
     102                    <?php _e( 'More Template Choices' ); ?>
     103                </h3>
     104                <p>
     105                    <?php _e( 'WordPress 6.0 includes five new template options: author, date, categories, tag, and taxonomy. These additional templates provide greater flexibility for content creators. Tailor each with the tools you already know or with the following new options in this release.' ); ?>
     106                </p>
     107            </div>
     108        </div>
     109
     110        <div class="about__section has-3-columns">
     111            <div class="column">
     112                <div class="about__image">
     113                    <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-1.png" alt="" />
     114                </div>
     115                <p><?php _e( 'Featured images can be used in the cover block.' ); ?></p>
     116                <p><?php _e( 'New featured image sizing controls make it easier to get the results you want.' ); ?></p>
     117            </div>
     118            <div class="column">
     119                <div class="about__image">
     120                    <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-2.png" alt="" />
     121                </div>
     122                <p><?php _e( 'While editing a template, at the root, or between blocks, the quick inserter shows you patterns and template parts to help you work faster and discover new layout options.' ); ?></p>
     123            </div>
     124            <div class="column">
     125                <div class="about__image">
     126                    <img src="https://make.wordpress.org/core/files/2022/05/about-60-sub-feature-3.png" alt="" />
     127                </div>
     128                <p><?php _e( 'The query block supports filtering on multiple authors, support for custom taxonomies, and support for customizing what is shown when there are no results.' ); ?></p>
     129            </div>
     130        </div>
     131
     132        <div class="about__section has-2-columns is-wider-left">
     133            <div class="column about__image is-vertically-aligned-center">
     134                <img src="https://make.wordpress.org/core/files/2022/05/about-60-integrated-patterns.png" alt="" />
     135            </div>
     136            <div class="column">
     137                <h3>
     138                    <?php _e( 'Integrated Patterns' ); ?>
     139                </h3>
     140                <p>
     141                    <?php
     142                    printf(
     143                        /* translators: %s Working with Patterns dev note link. */
     144                        __( 'Patterns will now appear when you need them in even more places, like in the quick inserter or when creating a new header or footer. If you&#8217;re a block theme author, you can even <a href="%s">register patterns from the Pattern Directory using <code>theme.json</code></a>, enabling you to prioritize specific patterns that are most helpful to your theme&#8217;s users.' ),
     145                        'https://make.wordpress.org/core/2022/05/02/new-features-for-working-with-patterns-and-themes-in-wordpress-6-0/'
     146                    );
     147                    ?>
     148                </p>
     149            </div>
     150        </div>
     151
     152        <div class="about__section has-2-columns is-wider-right">
     153            <div class="column">
     154                <h3>
     155                    <?php _e( 'Better List View' ); ?>
     156                </h3>
     157                <p>
     158                    <?php _e( 'New keyboard shortcuts enable you to select multiple blocks from the list view, modify them in bulk, and drag-and-drop them within the list. List View can be opened and closed easily; it comes collapsed by default and it automatically expands to the current selection whenever you select a block.' ); ?>
     159                </p>
     160            </div>
     161            <div class="column about__image is-vertically-aligned-center">
     162                <img src="https://make.wordpress.org/core/files/2022/05/about-60-list-view.png" alt="" />
     163            </div>
     164        </div>
     165
     166        <div class="about__section has-2-columns is-wider-left">
     167            <div class="column about__image is-vertically-aligned-center">
     168                <img src="https://make.wordpress.org/core/files/2022/05/about-60-block-locking-controls.png" alt="" />
     169            </div>
     170            <div class="column">
     171                <h3>
     172                    <?php _e( 'Block Locking Controls' ); ?>
     173                </h3>
     174                <p>
     175                    <?php _e( 'Now you can lock your blocks. Choose to disable the option to move a block, remove a block, or both. This simplifies project handover, allowing your clients to unleash their creativity without worrying about accidentally breaking their site in the process.' ); ?>
     176                </p>
     177            </div>
     178        </div>
     179
     180        <div class="about__section" style="margin-bottom:0;">
     181            <div class="column">
     182                <h2 class="aligncenter">
     183                    <?php _e( 'Additional Design Tools' ); ?>
     184                </h2>
     185                <p class="is-subheading aligncenter">
     186                    <?php _e( 'Design tools grow more powerful and intuitive with each release.' ); ?><br />
     187                    <?php _e( 'Some highlights for 6.0 include:' ); ?>
     188                </p>
     189            </div>
     190        </div>
     191
     192        <div class="about__section has-3-columns" style="margin-bottom:0;">
     193            <div class="column">
     194                <div class="about__image aligncenter">
     195                    <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     196                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.203 6.892c.776-.963 1.297-1.559 1.297-1.559s.521.596 1.297 1.559c2.266 2.81 6.703 8.75 6.703 12.155 0 4.572-3.18 7.62-8 7.62s-8-3.048-8-7.62c0-3.404 4.437-9.345 6.703-12.155Zm1.297 1.58a64.727 64.727 0 0 0-2.361 3.15c-.972 1.388-1.911 2.87-2.6 4.248-.72 1.44-1.039 2.52-1.039 3.177 0 1.805.616 3.164 1.573 4.077.965.921 2.441 1.542 4.427 1.542 1.986 0 3.462-.621 4.427-1.542.957-.913 1.573-2.272 1.573-4.077 0-.657-.32-1.738-1.039-3.177-.689-1.378-1.628-2.86-2.6-4.247A64.727 64.727 0 0 0 16.5 8.47Z" fill="#1E1E1E"/>
     197                    </svg>
     198                </div>
     199                <p><?php _e( 'A new color panel design saves space, but still shows your options at a glance.' ); ?></p>
     200            </div>
     201            <div class="column">
     202                <div class="about__image aligncenter">
     203                    <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     204                        <path d="M4.5 9.333v13.334h2.667V9.333H4.5ZM9.833 6.667V4h13.334v2.667H9.833ZM25.833 9.333v13.334H28.5V9.333h-2.667ZM23.167 28v-2.667H9.833V28h13.334Z" fill="#1E1E1E"/>
     205                    </svg>
     206                </div>
     207                <p><?php _e( 'New border controls offer a simpler way to set your border exactly as you like it.' ); ?></p>
     208            </div>
     209            <div class="column">
     210                <div class="about__image aligncenter">
     211                    <svg width="41" height="40" viewBox="0 0 41 40" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     212                        <circle cx="20.5" cy="20" r="12" fill="#fff"/>
     213                        <circle cx="20.5" cy="20" r="12" fill="url(#a)"/>
     214                        <circle cx="20.5" cy="20" r="12" stroke="#1E1E1E" stroke-width="2"/>
     215                        <defs>
     216                            <pattern id="a" patternContentUnits="objectBoundingBox" width=".385" height=".385">
     217                                <use xlink:href="#b" transform="scale(.01923)"/>
     218                            </pattern>
     219                            <image id="b" width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAfUlEQVQ4Ee2TSw6AMAhES4/C/a/EWTAuptFJR4m6MFE25dO88ikWEdkmkpnNzEbE3Yd+pHQV3MLUnZlfAmeXK74vAtdpPin96jRVEu8fimWxiRGx2xwuGZtVLvms14iXgZyRsn+g6oz28ye53UNMF0+WgZwJAHyWgZwJg2AvIbMZwqZwPC4AAAAASUVORK5CYII="/>
     220                        </defs>
     221                    </svg>
     222                </div>
     223                <p><?php _e( 'Transparency levels for your colors allow for even more creative color options.' ); ?></p>
     224            </div>
     225        </div>
     226
     227        <div class="about__section has-3-columns">
     228            <div class="column">
     229                <div class="about__image aligncenter">
     230                    <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     231                        <path fill-rule="evenodd" clip-rule="evenodd" d="M15.165 7.335h9.333c.369 0 .667.298.667.667v9.333a.667.667 0 0 1-.667.667h-4v-3.333a2.667 2.667 0 0 0-2.666-2.667h-3.334v-4c0-.369.299-.667.667-.667Zm-2.667 4.667v-4a2.667 2.667 0 0 1 2.667-2.667h9.333a2.667 2.667 0 0 1 2.667 2.667v9.333a2.667 2.667 0 0 1-2.667 2.667h-4v4a2.667 2.667 0 0 1-2.666 2.667H8.499a2.667 2.667 0 0 1-2.667-2.667V14.67a2.667 2.667 0 0 1 2.667-2.667h4Zm6 8v4a.667.667 0 0 1-.666.667H8.499a.667.667 0 0 1-.667-.667V14.67c0-.368.299-.667.667-.667h4v3.333a2.667 2.667 0 0 0 2.666 2.667H18.5Zm0-2h-3.333a.667.667 0 0 1-.667-.667v-3.333h3.334c.368 0 .667.299.667.667v3.333Z" fill="#1E1E1E"/>
     232                    </svg>
     233                </div>
     234                <p><?php _e( 'Control gaps, margins, typography, and more on a collection of blocks, all at once, in the Group block.' ); ?></p>
     235            </div>
     236            <div class="column">
     237                <div class="about__image aligncenter">
     238                    <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     239                        <path d="M12.833 8.667h-7v2h7c.368 0 .667.299.667.667v9.333a.667.667 0 0 1-.667.667h-7v2h7a2.667 2.667 0 0 0 2.667-2.667v-9.333a2.667 2.667 0 0 0-2.667-2.667ZM20.167 8.667h7v2h-7a.667.667 0 0 0-.667.667v9.333c0 .368.299.667.667.667h7v2h-7a2.667 2.667 0 0 1-2.667-2.667v-9.333a2.667 2.667 0 0 1 2.667-2.667Z" fill="#1E1E1E"/>
     240                    </svg>
     241                </div>
     242                <p><?php _e( 'Switch between stack, row, and group variations to position groups of blocks with more layout flexibility.' ); ?></p>
     243            </div>
     244            <div class="column">
     245                <div class="about__image aligncenter">
     246                    <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
     247                        <path d="M28.5 10.667v14.667A2.665 2.665 0 0 1 25.835 28H8.5" stroke="#1E1E1E" stroke-width="2"/>
     248                        <rect x="5.5" y="5" width="18" height="18" rx="1.167" stroke="#1E1E1E" stroke-width="2"/>
     249                        <path d="M5.834 18.667 10.786 16l3.715 1.778 4.333-3.111 4.333 3.111" stroke="#1E1E1E" stroke-width="2" stroke-linejoin="round"/>
     250                    </svg>
     251                </div>
     252                <p><?php _e( 'Use the gap support functionality in the Gallery block to create different looks–from adding spacing between all images, to removing spacing altogether.' ); ?></p>
     253            </div>
     254        </div>
     255
    42256        <hr class="is-large" />
    43257
    44         <div class="about__section">
    45             <h2 class="aligncenter">
    46                 <?php _e( 'Full Site Editing is here' ); ?>
    47             </h2>
    48             <p class="aligncenter is-subheading">
    49                 <?php _e( 'It puts you in control of your whole site, right in the WordPress Admin.' ); ?>
    50             </p>
    51         </div>
    52 
    53         <hr />
    54 
    55         <div class="about__section has-2-columns has-gutters is-wider-left">
    56             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    57                 <img src="https://s.w.org/images/core/5.9/twenty-twenty-two.png" alt="" />
    58             </div>
    59             <div class="column is-edge-to-edge">
    60                 <h3>
    61                     <?php _e( 'Say hello to Twenty Twenty&#8209;Two' ); ?>
    62                 </h3>
    63                 <p>
    64                     <?php _e( 'And say hello to the first default block theme in the history of WordPress. This is more than just a new default theme. It&#8217;s a brand-new way to work with WordPress themes.' ); ?>
    65                 </p>
    66                 <p>
    67                     <?php _e( 'Block themes put a wide array of visual choices in your hands, from color schemes and typeface combinations to page templates and image filters &#8212; all together, in the site editing interface. By making changes in one place, you can give Twenty Twenty&#8209;Two the same look and feel as your brand or other websites &#8212; or take your site&#8217;s look in another direction.' ); ?>
    68                 </p>
    69                 <?php if ( current_user_can( 'switch_themes' ) ) : ?>
    70                 <p>
    71                     <?php
    72                     printf(
    73                         /* translators: %s: Link to Themes screen. */
    74                         __( 'The Twenty Twenty&#8209;Two theme is already available to you. It came installed with WordPress 5.9, and you will find it with <a href="%s">your other installed themes</a>.' ),
    75                         admin_url( 'themes.php' )
    76                     );
    77                     ?>
    78                 </p>
    79                 <?php endif; ?>
    80             </div>
    81         </div>
    82 
    83         <div class="about__section has-2-columns has-gutters is-wider-right">
    84             <div class="column is-edge-to-edge">
    85                 <h3>
    86                     <?php _e( 'Your personal paintbox awaits' ); ?>
    87                 </h3>
    88                 <p>
    89                     <?php _e( 'More block themes built for full site editing features are in the Theme Directory alongside the Twenty Twenty&#8209;Two theme, just waiting to be explored. Expect more to come!' ); ?>
    90                 </p>
    91                 <p>
    92                     <?php _e( 'When you use any of those new themes, you no longer need the Customizer. Instead, you have all the power of the Styles interface inside the Site Editor. Just as in Twenty Twenty&#8209;Two, you build your site&#8217;s look and feel there, with the tools you need for the job in a fluid interface that practically comes alive in your hands.' ); ?>
    93                 </p>
    94             </div>
    95             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    96                 <img src="https://s.w.org/images/core/5.9/global-styles.png" alt="" />
    97             </div>
    98         </div>
    99 
    100         <div class="about__section has-2-columns has-gutters is-wider-left">
    101             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    102                 <img src="https://s.w.org/images/core/5.9/navigation-block.png" alt="" />
    103             </div>
    104             <div class="column is-edge-to-edge">
    105                 <h3>
    106                     <?php _e( 'The Navigation block' ); ?>
    107                 </h3>
    108                 <p>
    109                     <?php _e( 'Blocks come to site navigation, the heart of user experience.' ); ?>
    110                 </p>
    111                 <p>
    112                     <?php _e( 'The new Navigation block gives you the power to choose: an always-on responsive menu or one that adapts to your user&#8217;s screen size. Whatever you create, know it&#8217;s there to reuse wherever you like, whether in a brand new template or after switching themes.' ); ?>
    113                 </p>
    114             </div>
    115         </div>
    116 
    117         <hr class="is-large" />
    118 
    119         <div class="about__section">
    120             <h2 class="aligncenter">
    121                 <?php _e( 'More improvements and updates' ); ?>
    122             </h2>
    123             <p class="aligncenter is-subheading">
    124                 <?php _e( 'Do you love to blog or produce content? New tweaks to the publishing flow help you say more, faster.' ); ?>
    125             </p>
    126         </div>
    127 
    128         <hr />
    129 
    130         <div class="about__section has-2-columns has-gutters is-wider-left">
    131             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    132                 <img src="https://s.w.org/images/core/5.9/block-controls.png" alt="" />
    133             </div>
    134             <div class="column is-edge-to-edge">
    135                 <h3>
    136                     <?php _e( 'Better block controls' ); ?>
    137                 </h3>
    138                 <p>
    139                     <?php _e( 'WordPress 5.9 features new typography tools, flexible layout controls, and finer control over details like spacing, borders, and more &#8212; to help you get not just the look, but the polish that says you care about details.' ); ?>
    140                 </p>
    141             </div>
    142         </div>
    143 
    144         <div class="about__section has-2-columns has-gutters is-wider-right">
    145             <div class="column is-edge-to-edge">
    146                 <h3>
    147                     <?php _e( 'The power of patterns' ); ?>
    148                 </h3>
    149                 <p>
    150                     <?php _e( 'The WordPress Pattern Directory is the home of a wide range of block patterns built to save you time and add core site functionality. And you can edit them as you see fit. Need something different in the header or footer for your theme? Swap it out with a new one in a few clicks.' ); ?>
    151                 </p>
    152                 <p>
    153                     <?php _e( 'With a near full-screen view that draws you in to see fine details, the Pattern Explorer makes it easy to compare patterns and choose the one your users will expect.' ); ?>
    154                 </p>
    155             </div>
    156             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    157                 <img src="https://s.w.org/images/core/5.9/pattern-explorer.png" alt="" />
    158             </div>
    159         </div>
    160 
    161         <div class="about__section has-2-columns has-gutters is-wider-left">
    162             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    163                 <img src="https://s.w.org/images/core/5.9/list-view.png" alt="" />
    164             </div>
    165             <div class="column is-edge-to-edge">
    166                 <h3>
    167                     <?php _e( 'A revamped List View' ); ?>
    168                 </h3>
    169                 <p>
    170                     <?php _e( 'In 5.9, the List View lets you drag and drop your content exactly where you want it. Managing complex documents is easier, too: simple controls let you expand and collapse sections as you build your site &#8212; and add HTML anchors to your blocks to help users get around the page.' ); ?>
    171                 </p>
    172             </div>
    173         </div>
    174 
    175         <div class="about__section has-2-columns has-gutters is-wider-right">
    176             <div class="column is-edge-to-edge">
    177                 <h3>
    178                     <?php _e( 'A better Gallery block' ); ?>
    179                 </h3>
    180                 <p>
    181                     <?php _e( 'Treat every image in a Gallery block the same way you would treat it in the Image block.' ); ?>
    182                 </p>
    183                 <p>
    184                     <?php _e( 'Style every image in your gallery differently from the next (with different crops, or duotones, for instance) or make them all the same. And change the layout with drag-and-drop.' ); ?>
    185                 </p>
    186             </div>
    187             <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
    188                 <img src="https://s.w.org/images/core/5.9/gallery-block.png" alt="" />
    189             </div>
    190         </div>
    191 
    192         <hr class="is-large" />
    193 
    194         <div class="about__section">
    195             <h2 class="aligncenter" style="margin-bottom:0;">
    196                 <?php
    197                 printf(
    198                     /* translators: %s: Version number. */
    199                     __( 'WordPress %s for developers' ),
    200                     $display_version
    201                 );
    202                 ?>
    203             </h2>
    204         </div>
    205 
    206         <div class="about__section has-gutters has-2-columns">
    207             <div class="column is-edge-to-edge">
    208                 <h3>
    209                     <?php _e( 'Introducing block themes' ); ?>
    210                 </h3>
    211                 <p>
    212                     <?php
    213                     printf(
    214                         /* translators: %s: Block-based themes dev note link. */
    215                         __( 'A new way to build themes: Block themes use blocks to define the templates that structure your entire site. The new templates and template parts are defined in HTML and use the custom styling offered in theme.json. More information is available in the <a href="%s">block themes dev note</a>.' ),
    216                         'https://make.wordpress.org/core/2022/01/04/block-themes-a-new-way-to-build-themes-in-wordpress-5-9/'
    217                     );
    218                     ?>
    219                 </p>
    220             </div>
    221             <div class="column is-edge-to-edge">
    222                 <h3>
    223                     <?php _e( 'Multiple stylesheets for a block' ); ?>
    224                 </h3>
    225                 <p>
    226                     <?php
    227                     printf(
    228                         /* translators: %s: Multiple stylesheets dev note link. */
    229                         __( 'Now you can register more than one stylesheet per block. You can use this to share styles across blocks you write, or to load styles for individual blocks, so your styles are only loaded when the block is used. Find out more about <a href="%s">using multiple stylesheets in a block</a>.' ),
    230                         'https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/'
    231                     );
    232                     ?>
    233                 </p>
    234             </div>
    235         </div>
    236         <div class="about__section has-gutters has-2-columns">
    237             <div class="column is-edge-to-edge">
    238                 <h3>
    239                     <?php _e( 'Block&#8209;level locking' ); ?>
    240                 </h3>
    241                 <p>
    242                     <?php _e( 'Now you can lock any block (or a few of them) in a pattern, just by adding a lock attribute to its settings in block.json &#8212; leaving the rest of the pattern free for site editors to adapt to their content.' ); ?>
    243                 </p>
    244             </div>
    245             <div class="column is-edge-to-edge">
    246                 <h3>
    247                     <?php _e( 'A refactored Gallery block' ); ?>
    248                 </h3>
    249                 <p>
    250                     <?php
    251                     printf(
    252                         /* translators: %s: Gallery Refactor dev note link. */
    253                         __( 'The changes to the Gallery block listed above are the result of a near-complete refactoring. Have you built a plugin or theme on the Gallery block functionality? Be sure to read the <a href="%s">Gallery block compatibility dev note</a>.' ),
    254                         'https://make.wordpress.org/core/2021/08/20/gallery-block-refactor-dev-note/'
    255                     );
    256                     ?>
    257                 </p>
    258             </div>
    259         </div>
    260 
    261         <hr class="is-large" />
    262 
    263         <div class="about__section has-subtle-background-color has-2-columns is-wider-right">
    264             <div class="column about__image is-vertically-aligned-center">
    265                 <img src="https://s.w.org/images/core/5.9/learn-video.png" alt="" />
    266             </div>
    267             <div class="column">
    268                 <h3><?php _e( 'Learn more about the new features in 5.9' ); ?></h3>
    269                 <p>
    270                     <?php
    271                     printf(
    272                         /* translators: %s: Learn WordPress link. */
    273                         __( 'Want to dive into 5.9 but don&#8217;t know where to start? Visit <a href="%s">learn.wordpress.org</a> for expanding resources on new features in WordPress 5.9.' ),
    274                         'https://learn.wordpress.org'
    275                     );
    276                     ?>
    277                 </p>
    278             </div>
    279         </div>
    280 
    281         <hr class="is-large" />
    282 
    283         <div class="about__section">
    284             <div class="column">
    285                 <h3><?php _e( 'Check the Field Guide for more!' ); ?></h3>
    286                 <p>
    287                     <?php
    288                     printf(
    289                         /* translators: %s: WordPress 5.9 Field Guide link. */
    290                         __( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.9 Field Guide.</a>' ),
    291                         'https://make.wordpress.org/core/2022/01/10/wordpress-5-9-field-guide/'
     258        <div class="about__section has-2-columns is-wider-right">
     259            <div class="column about__image is-vertically-aligned-center">
     260                <a href="#">
     261                    <img src="https://make.wordpress.org/core/files/2022/05/about-60-video.png" alt="<?php echo esc_attr( __( 'Exploring WordPress 6.0 video' ) ); ?>" />
     262                </a>
     263            </div>
     264            <div class="column">
     265                <h3>
     266                    <?php
     267                    printf(
     268                        /* translators: %s: Version number. */
     269                        __( 'Learn more about WordPress %s' ),
     270                        $display_version
     271                    );
     272                    ?>
     273                </h3>
     274                <p>
     275                    <?php
     276                    printf(
     277                        /* translators: %s: 6.0 overview video link. */
     278                        __( 'See WordPress 6.0 in action! <a href="%s">Watch a brief overview video</a> highlighting some of the major features debuting in WordPress 6.0.' ),
     279                        '#'
     280                    );
     281                    ?>
     282                </p>
     283            </div>
     284        </div>
     285
     286        <div class="about__section has-3-columns">
     287            <div class="column">
     288                <p>
     289                    <?php
     290                    printf(
     291                        /* translators: 1: Learn WordPress workshops link, 2: Learn WordPress social learning link. */
     292                        __( 'Explore <a href="%1$s">learn.wordpress.org/&#8203;workshops</a> for quick how-to videos and lots more on new features in WordPress. Or join a live <a href="%2$s">interactive online learning session</a> on a specific WordPress topic.' ),
     293                        'https://learn.wordpress.org/workshops/',
     294                        'https://learn.wordpress.org/social-learning/'
     295                    );
     296                    ?>
     297                </p>
     298            </div>
     299            <div class="column">
     300                <p>
     301                    <?php
     302                    printf(
     303                        /* translators: %s: WordPress 6.0 Field Guide link. */
     304                        __( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ),
     305                        '#'
     306                    );
     307                    ?>
     308                </p>
     309            </div>
     310            <div class="column">
     311                <p>
     312                    <?php
     313                    printf(
     314                        /* translators: %s: WordPress 6.0 Release Notes link. */
     315                        __( '<a href="#">Read the WordPress 6.0 Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ),
     316                        '#'
    292317                    );
    293318                    ?>
Note: See TracChangeset for help on using the changeset viewer.