Make WordPress Core

Changeset 56339


Ignore:
Timestamp:
08/01/2023 03:02:08 PM (4 months ago)
Author:
ryelle
Message:

Help/About: Add images to About page, match header style to images.

Props richtabor, markoserb, audrasjb, peterwilsoncc, mukesh27.
See #58067.

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

Legend:

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

    r56292 r56339  
    6262
    6363        <div class="about__section has-2-columns">
    64             <div class="column">
    65                 <div class="about__image">
    66                     <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='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     64            <div class="column is-vertically-aligned-center">
     65                <div class="about__image">
     66                    <img src="https://s.w.org/images/core/6.3/1-site-editor.webp" alt="" height="436" width="436" />
    6767                </div>
    6868            </div>
     
    7878                <p><?php _e( 'Arrange blocks in unlimited ways and save them as Patterns for use throughout your site. You can even specify whether to sync your patterns (previously referred to as “reusable blocks”) so that one change applies to all parts of your site. Or, utilize patterns as a starting point with the ability to customize each instance.' ); ?></p>
    7979            </div>
    80             <div class="column">
    81                 <div class="about__image">
    82                     <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='%23dcdcde' /%3E%3C/svg%3E" alt="" />
    83                 </div>
    84             </div>
    85         </div>
    86 
    87         <div class="about__section has-2-columns">
    88             <div class="column">
    89                 <div class="about__image">
    90                     <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='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     80            <div class="column is-vertically-aligned-center">
     81                <div class="about__image">
     82                    <img src="https://s.w.org/images/core/6.3/2-create-patterns.webp" alt="" height="436" width="436" />
     83                </div>
     84            </div>
     85        </div>
     86
     87        <div class="about__section has-2-columns">
     88            <div class="column is-vertically-aligned-center">
     89                <div class="about__image">
     90                    <img src="https://s.w.org/images/core/6.3/3-command-palette.webp" alt="" height="436" width="436" />
    9191                </div>
    9292            </div>
     
    102102                <p><?php _e( 'New design controls bring more versatility for fine-tuning designs, starting with the ability to customize your caption&#8217;s styles from the Styles Interface without coding. You can manage your duotone filters in Styles for supported blocks and pick from the options provided by your theme or disable them entirely. The Cover block gets added settings for text color, layout controls, and border options, making this powerful block even more handy.' ); ?></p>
    103103            </div>
    104             <div class="column">
    105                 <div class="about__image">
    106                     <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='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     104            <div class="column is-vertically-aligned-center">
     105                <div class="about__image">
     106                    <img src="https://s.w.org/images/core/6.3/4-design-tools.webp" alt="" height="436" width="436" />
    107107                </div>
    108108            </div>
     
    112112            <div class="column">
    113113                <div class="about__image">
    114                     <img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     114                    <img src="https://s.w.org/images/core/6.3/5-style-revisions.webp" alt="" height="270" width="270" />
    115115                </div>
    116116                <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Track design changes with Style Revisions' ); ?></h3>
     
    119119            <div class="column">
    120120                <div class="about__image">
    121                     <img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     121                    <img src="https://s.w.org/images/core/6.3/6-footnotes-block.webp" alt="" height="270" width="270" />
    122122                </div>
    123123                <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Annotate with the Footnotes block' ); ?></h3>
     
    126126            <div class="column">
    127127                <div class="about__image">
    128                     <img src="data:image/svg+xml,%3Csvg width='100' height='100' viewbox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='%23dcdcde' /%3E%3C/svg%3E" alt="" />
     128                    <img src="https://s.w.org/images/core/6.3/7-details-block.webp" alt="" height="270" width="270" />
    129129                </div>
    130130                <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Show or hide content with the Details block' ); ?></h3>
     
    234234        <div class="about__section has-3-columns">
    235235            <div class="column about__image is-vertically-aligned-top">
    236                 <img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.3' ) ); ?>" alt="" />
     236                <img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.3' ) ); ?>" alt="" height="270" width="270" />
    237237            </div>
    238238            <div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
  • trunk/src/wp-admin/css/about.css

    r56292 r56339  
    540540    background-size: cover;
    541541    background-position: center;
     542    border-radius: 5px;
    542543}
    543544
Note: See TracChangeset for help on using the changeset viewer.