| 1 |
<?php |
| 2 |
/** |
| 3 |
* Gallery block patterns. |
| 4 |
* |
| 5 |
* @package twentig |
| 6 |
*/ |
| 7 |
|
| 8 |
defined( 'ABSPATH' ) || exit; |
| 9 |
|
| 10 |
twentig_register_block_pattern( |
| 11 |
'twentig/gallery-stack', |
| 12 |
array( |
| 13 |
'title' => __( 'Gallery: stack', 'twentig' ), |
| 14 |
'categories' => array( 'gallery' ), |
| 15 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center","className":"tw-mb-8"} --><h2 class="has-text-align-center tw-mb-8">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"ids":[null,null,null],"columns":1,"imageCrop":false,"sizeSlug":"full","twGutter":"large"} --><figure class="wp-block-gallery columns-1 tw-gutter-large"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'square-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 16 |
) |
| 17 |
); |
| 18 |
|
| 19 |
twentig_register_block_pattern( |
| 20 |
'twentig/gallery-2-columns', |
| 21 |
array( |
| 22 |
'title' => __( 'Gallery 2 columns', 'twentig' ), |
| 23 |
'categories' => array( 'gallery' ), |
| 24 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center"} --><h2 class="has-text-align-center">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"ids":[null,null,null,null],"columns":2,"imageCrop":false,"align":"wide","twImageRatio":"3-2","twStackedSm":true} --><figure class="wp-block-gallery alignwide columns-2 tw-img-ratio-3-2 tw-stack-sm"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 25 |
) |
| 26 |
); |
| 27 |
|
| 28 |
twentig_register_block_pattern( |
| 29 |
'twentig/gallery-alternating-widths', |
| 30 |
array( |
| 31 |
'title' => __( 'Gallery: alternating widths', 'twentig' ), |
| 32 |
'categories' => array( 'gallery' ), |
| 33 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center"} --><h2 class="has-text-align-center">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:image {"align":"wide","className":"tw-mb-3"} --><figure class="wp-block-image alignwide tw-mb-3"><img src="' . twentig_get_pattern_asset( 'wide.svg' ) . '" alt=""/></figure><!-- /wp:image --><!-- wp:gallery {"ids":[null,null],"columns":2,"align":"wide","className":"tw-mb-3 tw-mt-3"} --><figure class="wp-block-gallery alignwide columns-2 is-cropped tw-mb-3 tw-mt-3"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'square-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'square-4.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --><!-- wp:image {"align":"wide","className":"tw-mt-3"} --><figure class="wp-block-image alignwide tw-mt-3"><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt=""/></figure><!-- /wp:image --></div><!-- /wp:group -->', |
| 34 |
) |
| 35 |
); |
| 36 |
|
| 37 |
twentig_register_block_pattern( |
| 38 |
'twentig/gallery-stretched-images', |
| 39 |
array( |
| 40 |
'title' => __( 'Gallery: stretched images', 'twentig' ), |
| 41 |
'categories' => array( 'gallery' ), |
| 42 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center"} --><h2 class="has-text-align-center">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"ids":[null,null,null,null,null],"align":"wide"} --><figure class="wp-block-gallery alignwide columns-3 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 43 |
) |
| 44 |
); |
| 45 |
|
| 46 |
twentig_register_block_pattern( |
| 47 |
'twentig/gallery-center-alignment', |
| 48 |
array( |
| 49 |
'title' => __( 'Gallery: center alignment', 'twentig' ), |
| 50 |
'categories' => array( 'gallery' ), |
| 51 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center"} --><h2 class="has-text-align-center">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"ids":[null,null,null,null,null],"columns":3,"align":"wide","className":"tw-img-center","twFixedWidthCols":true,"twGutter":"medium"} --><figure class="wp-block-gallery alignwide columns-3 is-cropped tw-img-center tw-fixed-cols tw-gutter-medium"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 52 |
) |
| 53 |
); |
| 54 |
|
| 55 |
twentig_register_block_pattern( |
| 56 |
'twentig/gallery-3-columns', |
| 57 |
array( |
| 58 |
'title' => __( 'Gallery 3 columns', 'twentig' ), |
| 59 |
'categories' => array( 'gallery' ), |
| 60 |
'content' => '<!-- wp:group {"align":"full"} --><div class="wp-block-group alignfull"><!-- wp:heading {"textAlign":"center"} --><h2 class="has-text-align-center">' . esc_html_x( 'Write a heading that captivates your audience', 'Block pattern content', 'twentig' ) . '</h2><!-- /wp:heading --><!-- wp:gallery {"ids":[null,null,null,null,null,null],"columns":3,"imageCrop":false,"align":"wide","twFixedWidthCols":true,"twImageRatio":"4-3","twStackedSm":true} --><figure class="wp-block-gallery alignwide columns-3 tw-fixed-cols tw-img-ratio-4-3 tw-stack-sm"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-6.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery --></div><!-- /wp:group -->', |
| 61 |
) |
| 62 |
); |
| 63 |
|
| 64 |
twentig_register_block_pattern( |
| 65 |
'twentig/gallery-3-columns-full-width-no-gutter', |
| 66 |
array( |
| 67 |
'title' => __( 'Gallery 3 columns: full width', 'twentig' ), |
| 68 |
'categories' => array( 'gallery' ), |
| 69 |
'content' => '<!-- wp:gallery {"ids":[null,null,null,null,null,null],"columns":3,"imageCrop":false,"align":"full","twImageRatio":"3-2","twGutter":"no","twStackedSm":true} --><figure class="wp-block-gallery alignfull columns-3 tw-img-ratio-3-2 tw-gutter-no tw-stack-sm"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-1.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-2.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-3.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-4.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-5.svg' ) . '" alt="" data-id=""/></figure></li><li class="blocks-gallery-item"><figure><img src="' . twentig_get_pattern_asset( 'landscape-6.svg' ) . '" alt="" data-id=""/></figure></li></ul></figure><!-- /wp:gallery -->', |
| 70 |
) |
| 71 |
); |
| 72 |
|
| 73 |
|
