Changeset 51360 for branches/5.8/src/wp-admin/about.php

Timestamp:

07/06/2021 11:41:46 PM (5 years ago)

Author:

desrosj

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.

Also updates placeholder links on the page.

Props chanthaboune, kellychoffman, javiarce, ryokuhi, alanjacobmathew, desrosj, SergeyBiryukov, audrasjb.
Merges [51356] and [51359] to the 5.8 branch.
See #52775.

Location:

branches/5.8

Files:

• . (modified) (1 prop)
• src/wp-admin/about.php (modified) (11 diffs)

branches/5.8/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>
@@ -61 +63 @@
                         /* translators: %s: Widgets dev note link. */
                         __( 'After months of hard work, the power of blocks has come to both the Block Widgets Editor and the Customizer. Now you can add blocks both in widget areas across your site and with live preview through the Customizer. This opens up new possibilities to create content: from no-code mini layouts to the vast library of core and third-party blocks. For our developers, you can find more details in the <a href="%s">Widgets dev note</a>.' ),
-                        '#'
+                        'https://make.wordpress.org/core/2021/06/29/block-based-widgets-editor-in-wordpress-5-8/'
                     );
                     ?>
@@ -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>.' ),
+                        'https://make.wordpress.org/core/2021/06/25/introducing-theme-json-in-wordpress-5-8/'
+                    );
                     ?>
                 </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/',
@@ -235 +253 @@
                         /* translators: %s: WordPress 5.8 Field Guide link. */
                         __( '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.8 Field Guide.</a>' ),
-                        '#'
+                        'https://make.wordpress.org/core/2021/07/03/wordpress-5-8-field-guide/'
                     );
                     ?>