Changeset 51356 for trunk/src/wp-admin/about.php

Timestamp:

07/06/2021 06:37:16 PM (4 years ago)

Author:

ryelle

Message:

Help/About: Update the About section for 5.8.

Add the images for About, Freedoms, and Privacy. Update the styles on all About section pages to match the About page style. Fix string issues, missing link wrapper, duplicate copy.

Props chanthaboune, kellychoffman, javiarce, ryokuhi, alanjacobmathew, desrosj.
See #52775.

File:

• trunk/src/wp-admin/about.php (modified) (9 diffs)

trunk/src/wp-admin/about.php

@@ -51 +51 @@
 
         <div class="about__section has-2-columns is-wider-left">
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-widgets-blocks.png" alt="" />
+            </div>
             <div class="column">
                 <h3>
@@ -85 +87 @@
                 </p>
             </div>
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-patterns.png" alt="" />
+            </div>
         </div>
 
@@ -91 +95 @@
 
         <div class="about__section has-2-columns is-wider-left">
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-template.png" alt="" />
+            </div>
             <div class="column">
                 <h3>
@@ -113 +119 @@
 
         <div class="about__section has-2-columns is-wider-left">
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-list-view.png" alt="" />
+            </div>
             <div class="column">
                 <h3>
@@ -139 +147 @@
                 </p>
             </div>
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-pattern-suggestions.png" alt="" />
+            </div>
         </div>
 
@@ -145 +155 @@
 
         <div class="about__section has-2-columns is-wider-left">
-            <div class="column about__image has-subtle-background-color"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-duotone.png" alt="" />
+            </div>
             <div class="column">
                 <h3>
@@ -164 +176 @@
                 <?php _e( 'For Developers to Explore' ); ?>
             </h2>
-            <div class="column about__image has-subtle-background-color" style="margin:32px 0;height:360px;"></div>
+            <div class="column about__image is-vertically-aligned-center is-edge-to-edge">
+                <img src="https://make.wordpress.org/core/files/2021/07/about-58-theme-json.png" alt="" />
+            </div>
         </div>
 
@@ -174 +188 @@
                 <p>
                     <?php
-                    _e( 'Introducing the Global Styles and Global Settings APIs: control the editor settings, available customization tools, and style blocks using a theme.json file in the active theme. This configuration file enables or disables features and sets default styles for both a website and blocks. If you build themes, you can experiment with this early iteration of a useful new feature. For more about what is currently available and how it works, check out this dev note.' );
+                    printf(
+                        /* translators: %s: Theme.json dev note link. */
+                        __( 'Introducing the Global Styles and Global Settings APIs: control the editor settings, available customization tools, and style blocks using a theme.json file in the active theme. This configuration file enables or disables features and sets default styles for both a website and blocks. If you build themes, you can experiment with this early iteration of a useful new feature. For more about what is currently available and how it works, <a href="%s">check out this dev note</a>.' ),
+                        '#'
+                    );
                     ?>
                 </p>
@@ -214 +232 @@
                     <?php
                     printf(
-                        /* translators: %1$s: Link to 5.6's block dev notes. %2$s: Link to 5.7's block dev notes. %1$s: Link to 5.8's block dev notes. */
-                        __( 'Expanding on previously implemented block supports in WordPress <a href="%1$s">5.6</a> and <a href="%2$s">5.7</a>, WordPress 5.8 introduces several new block <code>supports</code> flags and new options to customize your registered blocks. More information is available in the <a href="%3$s">block supports dev note</a>.' ),
+                        /* translators: %1$s: Link to 5.6's block dev notes. %2$s: Link to 5.7's block dev notes. %3$s: Link to 5.8's block dev notes. */
+                        __( 'Expanding on previously implemented block supports in WordPress <a href="%1$s">5.6</a> and <a href="%2$s">5.7</a>, WordPress 5.8 introduces several new block support flags and new options to customize your registered blocks. More information is available in the <a href="%3$s">block supports dev note</a>.' ),
                         'https://make.wordpress.org/core/2020/11/18/block-supports-in-wordpress-5-6/',
                         'https://make.wordpress.org/core/2021/02/24/changes-to-block-editor-components-and-blocks/',