Changeset 59191 for trunk/src/wp-content/themes/twentytwentyfive/patterns/cta-grid-products-link.php

Timestamp:

10/07/2024 06:07:57 PM (19 months ago)

Author:

desrosj

Message:

Twenty Twenty-Five: Merge the latest improvements for Beta 2.

This merges the latest improvements to the Twenty Twenty-Five theme from GitHub into trunk for 6.7 beta 2.

A full list of changes can be found on GitHub: ​https://github.com/WordPress/twentytwentyfive/commits/trunk/?since=2024-10-01&until=2024-10-07.

Props poena, mukesh27, jonnywatersbb, cliffralessio, afercia, samtoohey93, codersantosh, carstenbach, gohelkunjan, ryelle, aaronrobertshaw, wildworks, yukinobu, audrasjb, mdviralsampat, hanneslsm, ddewan, greenshady, joedolson, areziaal, alaminfirdows, kartikmehta, cwhitmore.
Fixes #62180.

File:

• trunk/src/wp-content/themes/twentytwentyfive/patterns/cta-grid-products-link.php (modified) (12 diffs)

trunk/src/wp-content/themes/twentytwentyfive/patterns/cta-grid-products-link.php

@@ -18 +18 @@
     <div class="wp-block-group alignwide">
         <!-- wp:heading {"style":{"typography":{"fontSize":"11.58rem","letterSpacing":"-0.02em"}}} -->
-        <h2 class="wp-block-heading" style="font-size:11.58rem;letter-spacing:-0.02em">Our online store.</h2>
+        <h2 class="wp-block-heading" style="font-size:11.58rem;letter-spacing:-0.02em"><?php esc_html_e( 'Our online store.', 'twentytwentyfive' ); ?></h2>
         <!-- /wp:heading -->
 
@@ -24 +24 @@
         <div class="wp-block-group">
             <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
-            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/grid-flower-2.webp' ); ?>" alt="Black and white flower" style="aspect-ratio:1;object-fit:cover"/></figure>
+            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/grid-flower-2.webp' ); ?>" alt="<?php esc_attr_e( 'Black and white flower', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
             <!-- /wp:image -->
 
@@ -30 +30 @@
             <div class="wp-block-cover is-light has-medium-font-size"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container">
                 <!-- wp:paragraph {"align":"center"} -->
-                <p class="has-text-align-center">Delivered every week</p>
+                <p class="has-text-align-center"><?php esc_html_e( 'Delivered every week', 'twentytwentyfive' ); ?></p>
                 <!-- /wp:paragraph -->
             </div></div>
@@ -36 +36 @@
 
             <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
-            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-8799918.webp' ); ?>" alt="Closeup of plantlife in the Malibu Canyon area" style="aspect-ratio:1;object-fit:cover"/></figure>
+            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-8799918.webp' ); ?>" alt="<?php esc_attr_e( 'Closeup of plantlife in the Malibu Canyon area', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
             <!-- /wp:image -->
 
@@ -52 +52 @@
                 <div class="wp-block-group has-medium-font-size" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
                     <!-- wp:paragraph {"align":"center"} -->
-                    <p class="has-text-align-center">Starting at</p>
-                    <!-- /wp:paragraph -->
-
-                    <!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"2.63rem"}}} -->
-                    <p class="has-text-align-center" style="font-size:2.63rem">$30</p>
-                    <!-- /wp:paragraph -->
-
-                    <!-- wp:paragraph {"align":"center"} -->
-                    <p class="has-text-align-center">/month</p>
+                    <p class="has-text-align-center">
+                        <?php
+                        printf(
+                            /* translators: %s: Starting price, split into three rows using HTML <br> tags. The price value has a font size set.*/
+                            esc_html__( 'Starting at%s/month', 'twentytwentyfive' ),
+                            '<br /><span style="font-size:2.63rem;">' . esc_html__( '30€', 'twentytwentyfive' ) . '</span><br />'
+                        );
+                        ?>
+                    </p>
                     <!-- /wp:paragraph -->
                 </div>
@@ -68 +68 @@
 
             <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
-            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-8802845.webp' ); ?>" alt="Flora of Akaka Falls State Park" style="aspect-ratio:1;object-fit:cover"/></figure>
+            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-8802845.webp' ); ?>" alt="<?php esc_attr_e( 'Flora of Akaka Falls State Park', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
             <!-- /wp:image -->
 
@@ -74 +74 @@
             <div class="wp-block-cover is-light has-medium-font-size"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container">
                 <!-- wp:paragraph {"align":"center"} -->
-                <p class="has-text-align-center">Tailored to your needs</p>
+                <p class="has-text-align-center"><?php esc_html_e( 'Tailored to your needs', 'twentytwentyfive' ); ?></p>
                 <!-- /wp:paragraph -->
             </div></div>
@@ -82 +82 @@
             <div class="wp-block-cover is-light has-medium-font-size"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container">
                 <!-- wp:paragraph {"align":"center"} -->
-                <p class="has-text-align-center">Free shipping</p>
+                <p class="has-text-align-center"><?php esc_html_e( 'Free shipping', 'twentytwentyfive' ); ?></p>
                 <!-- /wp:paragraph -->
             </div></div>
@@ -98 +98 @@
             <div class="wp-block-cover is-light has-medium-font-size"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container">
                 <!-- wp:paragraph {"align":"center"} -->
-                <p class="has-text-align-center">Cancel anytime</p>
+                <p class="has-text-align-center"><?php esc_html_e( 'Cancel anytime', 'twentytwentyfive' ); ?></p>
                 <!-- /wp:paragraph -->
             </div></div>
@@ -112 +112 @@
 
             <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
-            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/botany-flowers.webp' ); ?>" alt="Botany flowers" style="aspect-ratio:1;object-fit:cover"/></figure>
+            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/botany-flowers.webp' ); ?>" alt="<?php esc_attr_e( 'Botany flowers', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
             <!-- /wp:image -->
 
@@ -124 +124 @@
 
             <!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->
-            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-2211732.webp' ); ?>" alt="Black and white flower" style="aspect-ratio:1;object-fit:cover"/></figure>
+            <figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_template_directory_uri() . '/assets/images/image-from-rawpixel-id-2211732.webp' ); ?>" alt="<?php esc_attr_e( 'Black and white flower', 'twentytwentyfive' ); ?>" style="aspect-ratio:1;object-fit:cover"/></figure>
             <!-- /wp:image -->
         </div>
@@ -132 +132 @@
         <div class="wp-block-buttons">
             <!-- wp:button {"width":100} -->
-            <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button">Shop now</a></div>
+            <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link wp-element-button"><?php esc_html_e( 'Shop now', 'twentytwentyfive' ); ?></a></div>
             <!-- /wp:button -->
         </div>