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

Timestamp:

03/05/2024 03:01:09 AM (6 months ago)

Author:

ryelle

Message:

Help/About: Add images to the About page.

The images have been uploaded to the w.org CDN and added into the About page. Additionally, two unencoded apostrophes have been replaced in strings.

Props benjamin_zekavica, richtabor, laurlittle.
See #60303.

File:

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

trunk/src/wp-admin/about.php

@@ -62 +62 @@
             <div class="column is-vertically-aligned-center">
                 <div class="about__image">
-                    <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" />
+                    <img src="https://s.w.org/images/core/6.5/1-font-library.webp" alt="" height="436" width="436" />
                 </div>
             </div>
@@ -78 +78 @@
             <div class="column is-vertically-aligned-center">
                 <div class="about__image">
-                    <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" />
-                </div>
-            </div>
-        </div>
-
-        <div class="about__section has-2-columns">
-            <div class="column is-vertically-aligned-center">
-                <div class="about__image">
-                    <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" />
+                    <img src="https://s.w.org/images/core/6.5/2-patterns-override-content.webp" alt="" height="436" width="436" />
+                </div>
+            </div>
+        </div>
+
+        <div class="about__section has-2-columns">
+            <div class="column is-vertically-aligned-center">
+                <div class="about__image">
+                    <img src="https://s.w.org/images/core/6.5/3-style-revisions.webp" alt="" height="436" width="436" />
                 </div>
             </div>
             <div class="column is-vertically-aligned-center">
                 <h3><?php _e( 'Get more details from your style revisions' ); ?></h3>
-                <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’re working on. Revisions are also now available for templates and template parts.' ); ?></p>
+                <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>
             </div>
         </div>
@@ -98 +98 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/4-background-images.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Do more with background images in Group blocks' ); ?></h3>
@@ -105 +105 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/5-cover-aspect-ratio.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Get more control over images in Cover blocks' ); ?></h3>
@@ -112 +112 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/6-box-shadow.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Add box shadow supports to even more blocks' ); ?></h3>
@@ -122 +122 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/7-data-views.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Discover new Data Views' ); ?></h3>
@@ -129 +129 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/8-drag-n-drop.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Smoother drag-and-drop' ); ?></h3>
@@ -136 +136 @@
             <div class="column">
                 <div class="about__image">
-                    <img src="data:image/svg+xml,%3Csvg width='270' height='270' 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="270" width="270" />
+                    <img src="https://s.w.org/images/core/6.5/9-link-controls.webp" alt="" height="270" width="270" />
                 </div>
                 <h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Improved link controls' ); ?></h3>
@@ -164 +164 @@
                 </div>
                 <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>
-                <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’s data stored elsewhere, easily point blocks to that new source with only a few lines of code.' ); ?></p>
+                <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>
             </div>
         </div>