[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Grid of image posts block pattern
   4   *
   5   * @package WordPress
   6   * @subpackage Twenty_Twenty_Two
   7   * @since Twenty Twenty-Two 1.0
   8   */
   9  
  10  return array(
  11      'title'      => __( 'Grid of image posts', 'twentytwentytwo' ),
  12      'categories' => array( 'query' ),
  13      'blockTypes' => array( 'core/query' ),
  14      'content'    => '<!-- wp:query {"query":{"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","sticky":"","inherit":false,"perPage":12},"displayLayout":{"type":"flex","columns":3},"layout":{"inherit":true}} -->
  15                      <div class="wp-block-query"><!-- wp:post-template -->
  16                      <!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"200px"} /-->
  17  
  18                      <!-- wp:columns {"isStackedOnMobile":false,"style":{"spacing":{"blockGap":"0.5rem"}}} -->
  19                      <div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column -->
  20                      <div class="wp-block-column"><!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0.2em"}}},"fontSize":"small","fontFamily":"system-font"} /--></div>
  21                      <!-- /wp:column -->
  22  
  23                      <!-- wp:column {"width":"4em"} -->
  24                      <div class="wp-block-column" style="flex-basis:4em"><!-- wp:post-date {"textAlign":"right","format":"m.d.y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
  25                      <!-- /wp:column --></div>
  26                      <!-- /wp:columns -->
  27                      <!-- /wp:post-template -->
  28  
  29                      <!-- wp:separator {"className":"is-style-wide"} -->
  30                      <hr class="wp-block-separator alignwide is-style-wide"/>
  31                      <!-- /wp:separator -->
  32  
  33                      <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
  34                      <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
  35  
  36                      <!-- wp:query-pagination-numbers /-->
  37  
  38                      <!-- wp:query-pagination-next {"fontSize":"small"} /-->
  39                      <!-- /wp:query-pagination --></div>
  40                      <!-- /wp:query -->',
  41  );