Make WordPress Core

Changeset 58568

Timestamp:
06/25/2024 01:57:28 PM (3 weeks ago)
Author:
ryelle
Message:

Help/About: Update the About page for 6.6.

Introducing the new content for the 6.6 About page. This release, the About page will have just the highlights for 6.6, and link off to the release page on WordPress.org for the full overview.

See #61320, https://github.com/WordPress/gutenberg/issues/62631.
Props ryelle, andrewserong, annezazu, joen, beafialho, richtabor, kristastevens, marybaum, cbringmann, DanSoschin, youknowriad.

Location:
trunk/src/wp-admin
Files:
3 edited

Legend:

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

    r57870 r58568  
    5454                </h2>
    5555                <p class="is-subheading">
    56                     <?php _e( 'Take your site-building experience further with WordPress 6.5. Explore more avenues to make it your own, with new features and enhancements that will help fine-tune your creative work. Discover the latest additions to the developer experience, with fresh foundational tools poised to transform the future of blocks.' ); ?>
    57                 </p>
    58             </div>
    59         </div>
    60 
    61         <div class="about__section has-2-columns">
    62             <div class="column is-vertically-aligned-center">
    63                 <div class="about__image">
    64                     <img src="https://s.w.org/images/core/6.5/1-font-library.webp" alt="" height="436" width="436" />
    65                 </div>
    66             </div>
    67             <div class="column is-vertically-aligned-center">
    68                 <h3><?php _e( 'Add and manage fonts across your site' ); ?></h3>
    69                 <p><?php _e( 'The new Font Library puts you in control of an essential piece of your site&#8217;s design—typography—without coding or extra steps. Effortlessly install, remove, and activate local and Google Fonts across your site for any block theme. The ability to include custom typography collections gives site creators and publishers even more choice.' ); ?></p>
    70             </div>
    71         </div>
    72 
    73         <div class="about__section has-2-columns">
    74             <div class="column is-vertically-aligned-center">
    75                 <h3><?php _e( 'Get more details from your style revisions' ); ?></h3>
    76                 <p><?php _e( 'Work through creative projects with a more comprehensive picture of what&#8217;s been done—and what you can fall back on. Get details like time stamps, quick summaries, and a paginated list of total revisions. View revisions from the Style Book to see changes outside of what you&#8217;re working on. Revisions are also now available for templates and template parts.' ); ?></p>
    77             </div>
    78             <div class="column is-vertically-aligned-center">
    79                 <div class="about__image">
    80                     <img src="https://s.w.org/images/core/6.5/3-style-revisions.webp" alt="" height="436" width="436" />
    81                 </div>
    82             </div>
    83         </div>
    84 
    85         <div class="about__section has-3-columns">
    86             <div class="column">
    87                 <div class="about__image">
    88                     <img src="https://s.w.org/images/core/6.5/4-background-images.webp" alt="" height="270" width="270" />
    89                 </div>
    90                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Do more with background images in Group blocks' ); ?></h3>
    91                 <p><?php _e( 'Control size, repeat, and focal point options so you can play around with subtle or splashy ways to add visual interest to layouts.' ); ?></p>
    92             </div>
    93             <div class="column">
    94                 <div class="about__image">
    95                     <img src="https://s.w.org/images/core/6.5/5-cover-aspect-ratio.webp" alt="" height="270" width="270" />
    96                 </div>
    97                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Get more control over images in Cover blocks' ); ?></h3>
    98                 <p><?php _e( 'Set aspect ratios for Cover block images and easily add color overlays that automatically source color from your chosen image.' ); ?></p>
    99             </div>
    100             <div class="column">
    101                 <div class="about__image">
    102                     <img src="https://s.w.org/images/core/6.5/6-box-shadow.webp" alt="" height="270" width="270" />
    103                 </div>
    104                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Add box shadow supports to even more blocks' ); ?></h3>
    105                 <p><?php _e( 'With shadow supports enabled, you can create layouts with visual depth or add a little personality to your design.' ); ?></p>
    106             </div>
    107         </div>
    108 
    109         <div class="about__section has-3-columns">
    110             <div class="column">
    111                 <div class="about__image">
    112                     <img src="https://s.w.org/images/core/6.5/7-data-views.webp" alt="" height="270" width="270" />
    113                 </div>
    114                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Discover new Data Views' ); ?></h3>
    115                 <p><?php _e( 'Find and organize your data however you like with data views for pages, templates, patterns, and template parts. Arrange it in a table or grid view with the option to toggle fields and make bulk changes.' ); ?></p>
    116             </div>
    117             <div class="column">
    118                 <div class="about__image">
    119                     <img src="https://s.w.org/images/core/6.5/8-drag-n-drop.webp" alt="" height="270" width="270" />
    120                 </div>
    121                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Smoother drag-and-drop' ); ?></h3>
    122                 <p><?php _e( 'Feel the difference when you move things around, with helpful visual cues like displaced items in List View or frictionless dragging to anywhere in your workspace—from beginning to end.' ); ?></p>
    123             </div>
    124             <div class="column">
    125                 <div class="about__image">
    126                     <img src="https://s.w.org/images/core/6.5/9-link-controls.webp" alt="" height="270" width="270" />
    127                 </div>
    128                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Improved link controls' ); ?></h3>
    129                 <p><?php _e( 'Create and manage links easily with a more intuitive link-building experience, like a streamlined UI and a shortcut for copying links.' ); ?></p>
    130             </div>
    131         </div>
    132 
    133         <hr />
     56                    <?php _e( 'Create and deploy beautiful and coherent design elements across your sites with WordPress 6.6. A new rollback option for auto-updating plugins gives you control, flexibility, and peace of mind.' ); ?>
     57                </p>
     58            </div>
     59        </div>
     60
     61        <div class="about__section has-2-columns">
     62            <div class="column is-vertically-aligned-center">
     63                <h3><?php _e( 'Color palettes & font sets' ); ?></h3>
     64                <p><strong><?php _e( 'Add more design options to any block theme.' ); ?></strong> <?php _e( 'Block theme authors can create unlimited individual color or font sets to offer more specific design options within the same theme. These sets provide more contained design possibilities, allowing for customization without changing the site&#8217;s broader styling, beyond color or typography settings.' ); ?></p>
     65            </div>
     66            <div class="column is-vertically-aligned-center">
     67                <div class="about__image">
     68                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
     69                </div>
     70            </div>
     71        </div>
     72
     73        <div class="about__section has-2-columns">
     74            <div class="column is-vertically-aligned-center">
     75                <div class="about__image">
     76                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
     77                </div>
     78            </div>
     79            <div class="column is-vertically-aligned-center">
     80                <h3><?php _e( 'Quick previews for pages' ); ?></h3>
     81                <p><strong><?php _e( 'Simplify your workflow with a new layout built for pages.' ); ?></strong> <?php _e( 'See all of your pages and a preview of any selected page before you edit via a new side-by-side layout in the Site Editor.' ); ?></p>
     82            </div>
     83        </div>
     84
     85        <div class="about__section has-2-columns">
     86            <div class="column is-vertically-aligned-center">
     87                <h3><?php _e( 'Rollbacks for plugin auto-updates' ); ?></h3>
     88                <p><strong><?php _e( 'Auto-update your plugins with peace of mind.' ); ?></strong> <?php _e( 'Enjoy the ease of plugin auto-updates with the safety of rollbacks if anything goes wrong, improving your site&#8217;s security while minimizing potential downtime.' ); ?></p>
     89            </div>
     90            <div class="column is-vertically-aligned-center">
     91                <div class="about__image">
     92                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
     93                </div>
     94            </div>
     95        </div>
     96
     97        <div class="about__section has-2-columns">
     98            <div class="column is-vertically-aligned-center">
     99                <div class="about__image">
     100                    <img src="data:image/svg+xml,%3Csvg width='436' height='436' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23ededed' /%3E%3C/svg%3E" alt="" height="436" width="436" />
     101                </div>
     102            </div>
     103            <div class="column is-vertically-aligned-center">
     104                <h3><?php _e( 'Overrides' ); ?></h3>
     105                <p><strong><?php _e( 'Add the ability to customize content in synced patterns.' ); ?></strong> <?php _e( 'Allow specific pieces of content to be customized in each instance of a synced pattern while keeping a consistent style for all instances, simplifying future updates. Currently, you can set overrides for Heading, Paragraph, Button, and Image blocks.' ); ?></p>
     106            </div>
     107        </div>
     108
     109        <hr class="is-invisible is-large" />
    134110
    135111        <div class="about__section has-2-columns">
     
    137113                <div class="about__image">
    138114                    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    139                         <rect width="48" height="48" rx="6" fill="#ededed"/>
    140                         <path d="M18.9167 16.5C18.2757 16.5 17.661 16.7546 17.2078 17.2078C16.7546 17.661 16.5 18.2757 16.5 18.9167V21.3333H18.3125V18.9167C18.3125 18.7564 18.3762 18.6028 18.4895 18.4895C18.6028 18.3762 18.7564 18.3125 18.9167 18.3125H21.3333V16.5H18.9167ZM21.3333 29.1875H18.9167C18.7564 29.1875 18.6028 29.1238 18.4895 29.0105C18.3762 28.8972 18.3125 28.7436 18.3125 28.5833V26.1667H16.5V28.5833C16.5 29.2243 16.7546 29.839 17.2078 30.2922C17.661 30.7454 18.2757 31 18.9167 31H21.3333V29.1875ZM26.1667 31V29.1875H28.5833C28.7436 29.1875 28.8972 29.1238 29.0105 29.0105C29.1238 28.8972 29.1875 28.7436 29.1875 28.5833V26.1667H31V28.5833C31 29.2243 30.7454 29.839 30.2922 30.2922C29.839 30.7454 29.2243 31 28.5833 31H26.1667ZM28.5833 16.5C29.2243 16.5 29.839 16.7546 30.2922 17.2078C30.7454 17.661 31 18.2757 31 18.9167V21.3333H29.1875V18.9167C29.1875 18.7564 29.1238 18.6028 29.0105 18.4895C28.8972 18.3762 28.7436 18.3125 28.5833 18.3125H26.1667V16.5H28.5833Z" fill="#1e1e1e"/>
    141                     </svg>
    142                 </div>
    143                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Bring interactions to blocks with the Interactivity API' ); ?></h3>
    144                 <p><?php _e( 'The Interactivity API offers developers a standardized method for building interactive front-end experiences with blocks. It simplifies the process, with fewer dependencies on external tooling, while maintaining optimal performance. Use it to create memorable user experiences, like fetching search results instantly or letting visitors interact with content in real time.' ); ?></p>
    145             </div>
    146             <div class="column">
    147                 <div class="about__image">
    148                     <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    149                         <rect width="48" height="48" rx="6" fill="#ededed"/>
    150                         <path d="M18.95 19.45H27.15L25.45 21.25L26.55 22.35L30.15 18.75L26.65 14.75L25.55 15.75L27.45 18.05H18.95C18.05 18.05 17.25 18.35 16.65 18.95C15.25 20.45 15.25 23.15 15.25 24.55V24.75H16.75V24.45C16.75 23.35 16.75 20.95 17.75 19.95C18.05 19.65 18.45 19.45 18.95 19.45ZM32.75 23.45V23.25H31.25V23.55C31.25 24.65 31.25 27.05 30.25 28.05C29.95 28.35 29.55 28.55 28.95 28.55H20.75L22.45 26.85L21.35 25.75L17.85 29.25L21.35 33.25L22.45 32.25L20.55 29.95H28.95C29.85 29.95 30.65 29.65 31.25 29.05C32.75 27.65 32.75 24.85 32.75 23.45Z" fill="#1e1e1e"/>
    151                     </svg>
    152                 </div>
    153                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Connect blocks to custom fields or other dynamic content' ); ?></h3>
    154                 <p><?php _e( 'Link core block attributes to custom fields and use the value of custom fields without creating custom blocks. Powered by the Block Bindings API, developers can extend this capability further to connect blocks to any dynamic content—even beyond custom fields. If there&#8217;s data stored elsewhere, easily point blocks to that new source with only a few lines of code.' ); ?></p>
    155             </div>
    156         </div>
    157 
    158         <div class="about__section has-2-columns">
    159             <div class="column">
    160                 <div class="about__image">
    161                     <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    162                         <rect width="48" height="48" rx="6" fill="#ededed"/>
    163                         <path d="M33 18.75H23.1925C22.7954 17.7305 21.7239 17 20.4643 17C19.2047 17 18.1332 17.7305 17.736 18.75H15V20.5H17.736C18.1332 21.5195 19.2047 22.25 20.4643 22.25C21.7239 22.25 22.7954 21.5195 23.1925 20.5H33V18.75Z" fill="#1e1e1e"/>
    164                         <path d="M33 27.5H30.264C29.8668 26.4805 28.7953 25.75 27.5357 25.75C26.2761 25.75 25.2046 26.4805 24.8075 27.5H15V29.25H24.8075C25.2046 30.2695 26.2761 31 27.5357 31C28.7953 31 29.8668 30.2695 30.264 29.25H33V27.5Z" fill="#1e1e1e"/>
    165                     </svg>
    166                 </div>
    167                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Add appearance tools to Classic themes' ); ?></h3>
    168                 <p><?php _e( 'Give designers and creators using Classic themes access to an upgraded design experience. Opt in to support for spacing, border, typography, and color options, even without using theme.json. Once support is enabled, more tools will be automatically added as they become available.' ); ?></p>
    169             </div>
    170             <div class="column">
    171                 <div class="about__image">
    172                     <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    173                         <rect width="48" height="48" rx="6" fill="#ededed"/>
    174                         <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5 16L22.5 20H25.5V16H27V20H28.5C29.0523 20 29.5 20.4477 29.5 21V25L26.5 29V31C26.5 31.5523 26.0523 32 25.5 32H22.5C21.9477 32 21.5 31.5523 21.5 31V29L18.5 25V21C18.5 20.4477 18.9477 20 19.5 20H21L21 16H22.5ZM23 28.5V30.5H25V28.5L28 24.5V21.5H20V24.5L23 28.5Z" fill="#1e1e1e"/>
    175                     </svg>
    176                 </div>
    177                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Explore improvements to the plugin experience' ); ?></h3>
    178                 <p>
    179                     <?php
    180                     printf(
    181                         /* translators: %s: Requires Plugins */
    182                         __( 'There&#8217;s now an easier way to manage plugin dependencies. Plugin authors can supply a new %s header with a comma-separated list of required plugin slugs, presenting users with links to install and activate those plugins first.' ),
    183                         '<code lang="en">Requires Plugins</code>'
    184                     );
    185                     ?>
    186                 </p>
    187             </div>
    188         </div>
    189 
    190         <div class="about__section has-2-columns">
    191             <div class="column">
    192                 <div class="about__image">
    193                     <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    194                         <rect width="48" height="48" rx="4" fill="#ededed"/>
     115                        <rect width="48" height="48" rx="4"/>
    195116                        <path d="M28.4287 20.6507C28.8387 20.8874 28.9791 21.4116 28.7424 21.8215L24.7424 28.7498C24.5057 29.1597 23.9815 29.3002 23.5715 29.0635C23.1616 28.8268 23.0211 28.3026 23.2578 27.8926L27.2578 20.9644C27.4945 20.5544 28.0187 20.414 28.4287 20.6507Z" fill="#1e1e1e"/>
    196117                        <path d="M18.6433 23.579C18.2333 23.3423 17.7091 23.4828 17.4724 23.8927C17.2357 24.3027 17.3761 24.8269 17.7861 25.0636L18.281 25.3493C18.691 25.586 19.2152 25.4456 19.4519 25.0356C19.6886 24.6256 19.5481 24.1014 19.1381 23.8647L18.6433 23.579Z" fill="#1e1e1e"/>
     
    200121                    </svg>
    201122                </div>
    202                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Performance updates' ); ?></h3>
    203                 <p><?php _e( 'This release includes 110+ performance updates, with an impressive increase in speed and efficiency across the Post Editor and Site Editor. Loading is over two times faster than in 6.4, with input processing speed up to five times faster than the previous release. Translated sites see up to 25% improvement in load time for this release.' ); ?></p>
     123                <h3><?php _e( 'Performance updates' ); ?></h3>
     124                <p>
     125                    <?php
     126                    printf(
     127                        /* translators: %s: code-formatted "data-wp-on-async". */
     128                        __( '6.6 includes important updates like removing redundant WP_Theme_JSON calls, disabling autoload for large options, eliminating unnecessary polyfill dependencies, lazy loading post embeds, introducing the %s directive, and a 40%% reduction in template loading time in the editor.' ),
     129                        '<code>data-wp-on-async</code>'
     130                    );
     131                    ?>
     132                </p>
    204133            </div>
    205134            <div class="column">
    206135                <div class="about__image">
    207136                    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    208                         <rect width="48" height="48" rx="4" fill="#ededed"/>
     137                        <rect width="48" height="48" rx="4"/>
    209138                        <path d="M24 18.285C23.55 18.285 23.1637 18.1237 22.8412 17.8012C22.5187 17.4788 22.3575 17.0925 22.3575 16.6425C22.3575 16.1925 22.5187 15.8062 22.8412 15.4837C23.1637 15.1612 23.55 15 24 15C24.45 15 24.8362 15.1612 25.1587 15.4837C25.4812 15.8062 25.6425 16.1925 25.6425 16.6425C25.6425 17.0925 25.4812 17.4788 25.1587 17.8012C24.8362 18.1237 24.45 18.285 24 18.285ZM21.5925 33V21.0075C20.5725 20.9325 19.5862 20.8275 18.6337 20.6925C17.6812 20.5575 16.77 20.385 15.9 20.175L16.2375 18.825C17.5125 19.125 18.78 19.3387 20.04 19.4662C21.3 19.5938 22.62 19.6575 24 19.6575C25.38 19.6575 26.7 19.5938 27.96 19.4662C29.22 19.3387 30.4875 19.125 31.7625 18.825L32.1 20.175C31.23 20.385 30.3187 20.5575 29.3662 20.6925C28.4137 20.8275 27.4275 20.9325 26.4075 21.0075V33H25.0575V27.15H22.9425V33H21.5925Z" fill="#1e1e1e"/>
    210139                    </svg>
    211140                </div>
    212                 <h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Accessibility improvements' ); ?></h3>
    213                 <p><?php _e( 'This release includes more than 65 accessibility improvements across the platform, making it more accessible than ever. This release adds fixes to contrast settings, cursor focus, submenus, and positioning of elements, among many others, that help improve the WordPress experience for everyone.' ); ?></p>
    214             </div>
    215         </div>
    216 
    217         <hr />
     141                <h3><?php _e( 'Accessibility improvements' ); ?></h3>
     142                <p><?php _e( '55+ accessibility fixes and enhancements focus on foundational aspects of the WordPress experience, particularly the data views component powering the new site editing experience and areas like the Inserter that provide a key way of interacting with blocks and patterns.' ); ?></p>
     143            </div>
     144        </div>
     145
     146        <hr class="is-invisible is-large" style="margin-bottom:calc(2 * var(--gap));" />
     147
     148        <div class="about__section has-2-columns is-wider-left is-feature" style="background-color:var(--background);border-radius:var(--border-radius);">
     149            <h3 class="is-section-header"><?php _e( 'And much more' ); ?></h3>
     150            <div class="column">
     151                <p><?php _e( 'For a comprehensive overview of all the new features and enhancements in WordPress 6.6, please visit the feature-showcase website.' ); ?></p>
     152            </div>
     153            <div class="column aligncenter">
     154                <div class="about__image">
     155                    <a href="<?php esc_url( __( 'https://wordpress.org/download/releases/6-6/' ) ); ?>" class="button button-primary button-hero"><?php _e( 'See everything new' ); ?></a>
     156                </div>
     157            </div>
     158        </div>
     159
     160        <hr class="is-large" style="margin-top:calc(2 * var(--gap));" />
    218161
    219162        <div class="about__section has-3-columns">
    220163            <div class="column about__image is-vertically-aligned-top">
    221                 <img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.5' ) ); ?>" alt="" height="280" width="280" />
     164                <img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.' ) ); ?>" alt="" height="280" width="280" />
    222165            </div>
    223166            <div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
     
    248191                <div class="about__image">
    249192                    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    250                         <rect width="48" height="48" rx="4" fill="#ededed"/>
     193                        <rect width="48" height="48" rx="4"/>
    251194                        <path d="M23 34v-4h-5l-2.293-2.293a1 1 0 0 1 0-1.414L18 24h5v-2h-7v-6h7v-2h2v2h5l2.293 2.293a1 1 0 0 1 0 1.414L30 22h-5v2h7v6h-7v4h-2Zm-5-14h11.175l.646-.646a.5.5 0 0 0 0-.708L29.175 18H18v2Zm.825 8H30v-2H18.825l-.646.646a.5.5 0 0 0 0 .708l.646.646Z" fill="#1e1e1e"/>
    252195                    </svg>
     
    257200                        /* translators: 1: WordPress Field Guide link, 2: WordPress version number. */
    258201                        __( 'Explore the <a href="%1$s">WordPress %2$s Field Guide</a>. Learn about the changes in this release with detailed developer notes to help you build with WordPress.' ),
    259                         esc_url( __( 'https://make.wordpress.org/core/wordpress-6-5-field-guide/' ) ),
    260                         '6.5'
     202                        esc_url( __( 'https://make.wordpress.org/core/wordpress-6--field-guide/' ) ),
     203                        '6.'
    261204                    );
    262205                    ?>
     
    266209                <div class="about__image">
    267210                    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
    268                         <rect width="48" height="48" rx="4" fill="#ededed"/>
     211                        <rect width="48" height="48" rx="4"/>
    269212                        <path d="M28 19.75h-8v1.5h8v-1.5ZM20 23h8v1.5h-8V23ZM26 26.25h-6v1.5h6v-1.5Z" fill="#151515"/>
    270213                        <path fill-rule="evenodd" clip-rule="evenodd" d="M29 16H19a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V18a2 2 0 0 0-2-2Zm-10 1.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H19a.5.5 0 0 1-.5-.5V18a.5.5 0 0 1 .5-.5Z" fill="#1e1e1e"/>
     
    279222                            /* translators: %s: WordPress version number. */
    280223                            esc_url( __( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ) ),
    281                             '6-5'
     224                            '6-'
    282225                        ),
    283                         '6.5'
     226                        '6.'
    284227                    );
    285228                    ?>
  • trunk/src/wp-admin/css/about.css

    r58060 r58568  
    341341
    342342@media screen and (max-width: 480px) {
    343     .about__section.is-feature .column {
     343    .about__section.is-feature .column,
     344    .about__section .is-section-header {
    344345        padding: 0;
    345346    }
     
    379380.about__container h3.is-larger-heading {
    380381    margin-top: 0;
    381     margin-bottom: 0.5em;
     382    margin-bottom: ;
    382383    font-size: 2rem;
    383384    font-weight: 700;
     
    389390.about__container h2.is-smaller-heading {
    390391    margin-top: 0;
     392
    391393    font-size: 1.625rem;
    392394    font-weight: 700;
     
    448450}
    449451
     452
     453
     454
     455
    450456.about__container ul {
    451457    list-style: disc;
     
    489495
    490496.about__container .about__image + h3 {
    491     margin-top: 1.5em;
     497    margin-top: ;
    492498}
    493499
     
    506512.about__container hr.is-large {
    507513    margin: var(--gap) auto;
     514
     515
     516
     517
    508518}
    509519
  • trunk/src/wp-admin/images/about-release-badge.svg

    r57715 r58568  
    11<svg width="280" height="280" viewBox="0 0 280 280" fill="none" xmlns="http://www.w3.org/2000/svg">
    2 <path d="M0 16C0 7.16344 7.16344 0 16 0H264C272.837 0 280 7.16344 280 16V264C280 272.837 272.837 280 264 280H16C7.16344 280 0 272.837 0 264V16Z" fill="#EDEDED"/>
    3 <path d="M97.5341 176.994C94.054 176.971 90.6567 176.367 87.3423 175.183C84.0279 173.976 81.045 172.023 78.3935 169.324C75.742 166.601 73.6349 162.991 72.0724 158.493C70.5099 153.971 69.7405 148.372 69.7642 141.696C69.7642 135.47 70.4271 129.918 71.7528 125.041C73.0786 120.164 74.9844 116.045 77.4702 112.683C79.956 109.298 82.9508 106.717 86.4545 104.942C89.982 103.166 93.9238 102.278 98.2798 102.278C102.849 102.278 106.897 103.178 110.425 104.977C113.976 106.777 116.84 109.239 119.018 112.364C121.196 115.465 122.546 118.969 123.067 122.875H110.105C109.442 120.081 108.081 117.856 106.021 116.199C103.985 114.518 101.405 113.678 98.2798 113.678C93.2372 113.678 89.3546 115.867 86.6321 120.247C83.9332 124.627 82.572 130.64 82.5483 138.287H83.0455C84.2055 136.204 85.7088 134.416 87.5554 132.925C89.402 131.433 91.4853 130.285 93.8054 129.48C96.1491 128.652 98.6231 128.237 101.227 128.237C105.489 128.237 109.312 129.255 112.697 131.291C116.107 133.327 118.805 136.133 120.794 139.707C122.783 143.259 123.765 147.33 123.741 151.923C123.765 156.705 122.676 161.002 120.474 164.814C118.273 168.602 115.207 171.585 111.277 173.763C107.347 175.941 102.766 177.018 97.5341 176.994ZM97.4631 166.341C100.044 166.341 102.352 165.714 104.388 164.459C106.424 163.204 108.034 161.511 109.217 159.381C110.401 157.25 110.981 154.859 110.957 152.207C110.981 149.603 110.413 147.248 109.253 145.141C108.116 143.034 106.542 141.365 104.53 140.134C102.518 138.902 100.221 138.287 97.6406 138.287C95.723 138.287 93.9356 138.654 92.2784 139.388C90.6212 140.122 89.1771 141.14 87.946 142.442C86.715 143.72 85.7443 145.212 85.0341 146.916C84.3475 148.597 83.9924 150.396 83.9688 152.314C83.9924 154.847 84.5843 157.179 85.7443 159.31C86.9044 161.44 88.5024 163.145 90.5384 164.423C92.5743 165.702 94.8826 166.341 97.4631 166.341ZM138.68 176.781C136.526 176.781 134.679 176.024 133.141 174.509C131.602 172.993 130.844 171.147 130.868 168.969C130.844 166.838 131.602 165.015 133.141 163.5C134.679 161.985 136.526 161.227 138.68 161.227C140.764 161.227 142.575 161.985 144.114 163.5C145.676 165.015 146.469 166.838 146.493 168.969C146.469 170.413 146.09 171.727 145.357 172.911C144.646 174.094 143.699 175.041 142.516 175.751C141.356 176.438 140.077 176.781 138.68 176.781ZM182.028 176.994C177.294 176.994 173.056 176.107 169.315 174.331C165.575 172.532 162.604 170.07 160.402 166.945C158.224 163.82 157.064 160.245 156.922 156.22H169.706C169.943 159.203 171.233 161.642 173.577 163.536C175.92 165.406 178.738 166.341 182.028 166.341C184.609 166.341 186.905 165.749 188.918 164.565C190.93 163.382 192.516 161.736 193.676 159.629C194.836 157.522 195.404 155.119 195.381 152.42C195.404 149.674 194.824 147.236 193.641 145.105C192.457 142.974 190.835 141.305 188.776 140.098C186.716 138.867 184.348 138.251 181.673 138.251C179.495 138.228 177.353 138.63 175.246 139.459C173.139 140.287 171.47 141.376 170.239 142.726L158.342 140.773L162.142 103.273H204.33V114.281H173.044L170.949 133.564H171.375C172.724 131.978 174.63 130.664 177.092 129.622C179.554 128.557 182.253 128.024 185.189 128.024C189.592 128.024 193.522 129.066 196.979 131.149C200.435 133.209 203.158 136.05 205.146 139.672C207.135 143.294 208.129 147.437 208.129 152.101C208.129 156.907 207.017 161.192 204.791 164.956C202.589 168.696 199.524 171.644 195.594 173.798C191.688 175.929 187.166 176.994 182.028 176.994Z" fill="#1E1E1E"/>
     2<path d="M0 16C0 7.16344 7.16344 0 16 0H264C272.837 0 280 7.16344 280 16V264C280 272.837 272.837 280 264 280H16C7.16344 280 0 272.837 0 264V16Z" fill="#E"/>
     3<path d="M"/>
    44</svg>
Note: See TracChangeset for help on using the changeset viewer.