| 1 |
<?php |
| 2 |
/** |
| 3 |
* Gallery block patterns. |
| 4 |
* |
| 5 |
* @package twentig |
| 6 |
*/ |
| 7 |
|
| 8 |
defined( 'ABSPATH' ) || exit; |
| 9 |
|
| 10 |
$twentig_group_name = esc_html__( 'Gallery', 'twentig' ); |
| 11 |
|
| 12 |
twentig_register_block_pattern( |
| 13 |
'twentig/gallery-slider', |
| 14 |
array( |
| 15 |
'title' => __( 'Gallery: slider', 'twentig' ), |
| 16 |
'categories' => array( 'gallery' ), |
| 17 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":1,"aspectRatio":"3/2","linkTo":"none","align":"wide","twLayout":"carousel"} --><figure class="wp-block-gallery alignwide has-nested-images columns-1 is-cropped tw-gallery-carousel"><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 18 |
) |
| 19 |
); |
| 20 |
|
| 21 |
twentig_register_block_pattern( |
| 22 |
'twentig/gallery-carousel-adjacent-images', |
| 23 |
array( |
| 24 |
'title' => __( 'Gallery: carousel with adjacent images', 'twentig' ), |
| 25 |
'categories' => array( 'gallery' ), |
| 26 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":1,"aspectRatio":"3/2","linkTo":"none","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|20"}}},"twLayout":"carousel","twCarousel":{"view":"adjacent-images"}} --><figure class="wp-block-gallery has-nested-images columns-1 is-cropped tw-gallery-carousel"><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"aspectRatio":"3/2","sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 27 |
) |
| 28 |
); |
| 29 |
|
| 30 |
twentig_register_block_pattern( |
| 31 |
'twentig/gallery-justified', |
| 32 |
array( |
| 33 |
'title' => __( 'Gallery: justified grid with lightbox', 'twentig' ), |
| 34 |
'categories' => array( 'gallery' ), |
| 35 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"linkTo":"lightbox","align":"wide","twLayout":"justified"} --><figure class="wp-block-gallery alignwide has-nested-images columns-default is-cropped tw-gallery-justified"><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg?w=1600&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-1.svg?w=1200&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-2.svg?w=800&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg?w=1200&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg?w=1200&h=800' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-4.svg?w=1200&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg?w=1200&h=800' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-1.svg?w=900&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-5.svg?w=1600&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-2.svg?w=900&h=1200' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"lightbox":{"enabled":true},"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-6.svg?w=1200&h=800' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 36 |
) |
| 37 |
); |
| 38 |
|
| 39 |
twentig_register_block_pattern( |
| 40 |
'twentig/gallery-stack', |
| 41 |
array( |
| 42 |
'title' => __( 'Gallery: stack', 'twentig' ), |
| 43 |
'categories' => array( 'gallery' ), |
| 44 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":1,"imageCrop":false,"linkTo":"none","sizeSlug":"full","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|60"}}}} --><figure class="wp-block-gallery has-nested-images columns-1"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'square-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} --><figure class="wp-block-image size-full"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 45 |
) |
| 46 |
); |
| 47 |
|
| 48 |
twentig_register_block_pattern( |
| 49 |
'twentig/gallery-2-columns', |
| 50 |
array( |
| 51 |
'title' => __( 'Gallery 2 columns', 'twentig' ), |
| 52 |
'categories' => array( 'gallery' ), |
| 53 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":2,"linkTo":"none","align":"wide","twFixedWidthCols":true,"twColumnWidth":"large"} --><figure class="wp-block-gallery alignwide has-nested-images columns-2 is-cropped tw-fixed-cols tw-cols-large"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 54 |
) |
| 55 |
); |
| 56 |
|
| 57 |
twentig_register_block_pattern( |
| 58 |
'twentig/gallery-alternating-widths', |
| 59 |
array( |
| 60 |
'title' => __( 'Gallery: alternating widths', 'twentig' ), |
| 61 |
'categories' => array( 'gallery' ), |
| 62 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":2,"linkTo":"none","align":"wide"} --><figure class="wp-block-gallery alignwide has-nested-images columns-2 is-cropped"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"tw-width-100"} --><figure class="wp-block-image size-large tw-width-100"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'square-4.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"tw-width-100"} --><figure class="wp-block-image size-large tw-width-100"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 63 |
) |
| 64 |
); |
| 65 |
|
| 66 |
twentig_register_block_pattern( |
| 67 |
'twentig/gallery-stretched-images', |
| 68 |
array( |
| 69 |
'title' => __( 'Gallery: stretched images', 'twentig' ), |
| 70 |
'categories' => array( 'gallery' ), |
| 71 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"linkTo":"none","align":"wide"} --><figure class="wp-block-gallery alignwide has-nested-images columns-default is-cropped"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 72 |
) |
| 73 |
); |
| 74 |
|
| 75 |
twentig_register_block_pattern( |
| 76 |
'twentig/gallery-3-columns', |
| 77 |
array( |
| 78 |
'title' => __( 'Gallery 3 columns', 'twentig' ), |
| 79 |
'categories' => array( 'gallery' ), |
| 80 |
'content' => '<!-- wp:group {"metadata":{"name":"' . $twentig_group_name . '"},"align":"full","layout":{"type":"constrained"}} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} --><h2 class="wp-block-heading has-text-align-center" style="margin-bottom:var(--wp--preset--spacing--60)">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"columns":3,"linkTo":"none","align":"wide","twFixedWidthCols":true} --><figure class="wp-block-gallery alignwide has-nested-images columns-3 is-cropped tw-fixed-cols"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} --><figure class="wp-block-image size-large"><img src="' . twentig_get_pattern_asset( 'landscape-6.svg' ) . '" alt=""/></figure><!-- /wp:image --></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 81 |
) |
| 82 |
); |
| 83 |
|
