mirror of
https://github.com/WordPress/WordPress.git
synced 2025-01-09 01:48:21 +01:00
558b8897e6
This adds descriptions to multiple bundled themes. All patterns without the "Inserter" parameter set to "false" or "no", should use the description parameter (These patterns are hidden in the block inserter and do not use the descriptions). Props poena, StringPiggy, oglekler, audrasjb, huzaifaalmesbah, swisspidy. Fixes #59688. Built from https://develop.svn.wordpress.org/trunk@58111 git-svn-id: http://core.svn.wordpress.org/trunk@57576 1a063a9b-81f0-0310-95a4-ce76da25c4cd
60 lines
3.4 KiB
PHP
60 lines
3.4 KiB
PHP
<?php
|
|
/**
|
|
* Title: Title text and button on left with image on right
|
|
* Slug: twentytwentyfour/text-title-left-image-right
|
|
* Categories: banner, about, featured
|
|
* Viewport width: 1400
|
|
* Description: A title, a paragraph and a CTA button on the left with an image on the right.
|
|
*/
|
|
?>
|
|
|
|
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent","layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group alignfull has-accent-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
|
|
<!-- wp:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} -->
|
|
<div class="wp-block-columns alignwide">
|
|
<!-- wp:column {"verticalAlignment":"stretch","width":"50%"} -->
|
|
<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:50%">
|
|
<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"space-between"}} -->
|
|
<div class="wp-block-group" style="min-height:100%">
|
|
|
|
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} -->
|
|
<p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'Études offers comprehensive consulting, management, design, and research solutions. Every architectural endeavor is an opportunity to shape the future.', 'Headline for the About pattern', 'twentytwentyfour' ); ?></p>
|
|
<!-- /wp:paragraph -->
|
|
|
|
<!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} -->
|
|
<div class="wp-block-group">
|
|
|
|
<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->
|
|
<p><?php echo esc_html_x( 'Leaving an indelible mark on the landscape of tomorrow.', 'Description for the About pattern', 'twentytwentyfour' ); ?></p>
|
|
<!-- /wp:paragraph -->
|
|
|
|
<!-- wp:buttons -->
|
|
<div class="wp-block-buttons">
|
|
<!-- wp:button -->
|
|
<div class="wp-block-button">
|
|
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Call to Action button text', 'twentytwentyfour' ); ?></a>
|
|
</div>
|
|
<!-- /wp:button -->
|
|
</div>
|
|
<!-- /wp:buttons -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:group -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
|
|
<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
|
|
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
|
|
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
|
|
<figure class="wp-block-image size-large is-style-rounded">
|
|
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" />
|
|
</figure>
|
|
<!-- /wp:image -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
</div>
|
|
<!-- /wp:group -->
|