WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-content/themes/twentytwentyfour/patterns/gallery-offset-images-grid-...

151 lines
6.2 KiB
PHP
Raw Normal View History

Twenty Twenty-Four: Bugfixes for 6.4 RC1. Resyncing changes for TT4 into Core. Changes include: * Reformatted all the patterns for readability. * Bugfixes in the markup and improvements on the string translation functions. * Renaming of some patterns, making them consistent with the content they show and whether they are simple patterns, full-page patterns or patterns meant to replace templates. Follow-up to [56813], [56764], [56716]. Props richtabor, onemaggie, luminuu, shailu25, dunhakdis, shivashankerbhatta, dajeema, enodekciw, kafleg, viralsampat, glendaviesnz, beafialho, webmandesign, huzaifaalmesbah, gregfuller, benharri. Fixes #59640. Built from https://develop.svn.wordpress.org/trunk@56951 git-svn-id: http://core.svn.wordpress.org/trunk@56462 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-10-16 22:14:24 -04:00
<?php
/**
* Title: Offset gallery, 4 columns
* Slug: twentytwentyfour/gallery-offset-images-grid-4-col
* Categories: gallery, featured, portfolio
* Keywords: project, images, media, masonry, columns
* Viewport width: 1400
Bundled Themes: Add descriptions to patterns. 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
2024-05-06 16:32:15 -04:00
* Description: A gallery section with 4 columns and offset images.
Twenty Twenty-Four: Bugfixes for 6.4 RC1. Resyncing changes for TT4 into Core. Changes include: * Reformatted all the patterns for readability. * Bugfixes in the markup and improvements on the string translation functions. * Renaming of some patterns, making them consistent with the content they show and whether they are simple patterns, full-page patterns or patterns meant to replace templates. Follow-up to [56813], [56764], [56716]. Props richtabor, onemaggie, luminuu, shailu25, dunhakdis, shivashankerbhatta, dajeema, enodekciw, kafleg, viralsampat, glendaviesnz, beafialho, webmandesign, huzaifaalmesbah, gregfuller, benharri. Fixes #59640. Built from https://develop.svn.wordpress.org/trunk@56951 git-svn-id: http://core.svn.wordpress.org/trunk@56462 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-10-16 22:14:24 -04:00
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"metadata":{"name":"Portfolio Images"}} -->
<div class="wp-block-group alignfull" 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 {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:16/9;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:16/9;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"9/16","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:9/16;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->