[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Twenty Sixteen Theme: Block Patterns
   4   *
   5   * @package Twenty Sixteen
   6   * @since 2.2
   7   */
   8  
   9  /**
  10   * Register Block Pattern Category.
  11   */
  12  if ( function_exists( 'register_block_pattern_category' ) ) {
  13  
  14      register_block_pattern_category(
  15          'twentysixteen',
  16          array( 'label' => __( 'Twenty Sixteen', 'twentysixteen' ) )
  17      );
  18  }
  19  
  20  /**
  21   * Register Block Patterns.
  22   */
  23  if ( function_exists( 'register_block_pattern' ) ) {
  24      register_block_pattern(
  25          'twentysixteen/large-heading-short-description',
  26          array(
  27              'title'      => __( 'Large heading with short description', 'twentysixteen' ),
  28              'categories' => array( 'twentysixteen' ),
  29              'content'    => '<!-- wp:group {"align":"full","backgroundColor":"background"} -->
  30              <div class="wp-block-group alignfull has-background-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":60} -->
  31              <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
  32              <!-- /wp:spacer -->
  33              <!-- wp:heading {"level":6,"style":{"typography":{"lineHeight":"1.5","fontSize":35}}} -->
  34              <h6 style="font-size:35px;line-height:1.5"><strong>' . esc_html__( 'Twenty Sixteen is a modern take on the horizontal masthead with an optional right sidebar. It works perfectly for WordPress websites and blogs.', 'twentysixteen' ) . '</strong></h6>
  35              <!-- /wp:heading -->
  36              <!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.8"}}} -->
  37              <p style="line-height:1.8">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of custom color options, beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail.', 'twentysixteen' ) . '</p>
  38              <!-- /wp:paragraph -->
  39              <!-- wp:spacer {"height":60} -->
  40              <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
  41              <!-- /wp:spacer --></div></div>
  42              <!-- /wp:group -->',
  43          )
  44      );
  45  
  46      register_block_pattern(
  47          'twentysixteen/big-title-two-columns-text',
  48          array(
  49              'title'      => __( 'Big Title with Two Columns Text', 'twentysixteen' ),
  50              'categories' => array( 'twentysixteen' ),
  51              'content'    => '<!-- wp:spacer -->
  52              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  53              <!-- /wp:spacer -->
  54  
  55              <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":55}}} -->
  56              <h1 style="font-size:55px">' . esc_html__( 'Twenty Sixteen' ) . '</h1>
  57              <!-- /wp:heading -->
  58  
  59              <!-- wp:spacer {"height":30} -->
  60              <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
  61              <!-- /wp:spacer -->
  62  
  63              <!-- wp:columns -->
  64              <div class="wp-block-columns"><!-- wp:column -->
  65              <div class="wp-block-column"><!-- wp:paragraph {"dropCap":true} -->
  66              <p class="has-drop-cap">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of its custom color options and beautiful default color schemes.', 'twentysixteen' ) . '</p>
  67              <!-- /wp:paragraph --></div>
  68              <!-- /wp:column -->
  69  
  70              <!-- wp:column -->
  71              <div class="wp-block-column"><!-- wp:paragraph -->
  72              <p>' . esc_html__( 'The theme features a harmonious fluid grid using a mobile-first approach. The layout is a modern take on the horizontal masthead with an optional right sidebar. ', 'twentysixteen' ) . '</p>
  73              <!-- /wp:paragraph --></div>
  74              <!-- /wp:column --></div>
  75              <!-- /wp:columns -->
  76  
  77              <!-- wp:spacer -->
  78              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  79              <!-- /wp:spacer -->',
  80          )
  81      );
  82  
  83      register_block_pattern(
  84          'twentysixteen/large-blockquote',
  85          array(
  86              'title'      => __( 'Large Blockquote', 'twentysixteen' ),
  87              'categories' => array( 'twentysixteen' ),
  88              'content'    => '<!-- wp:spacer -->
  89              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
  90              <!-- /wp:spacer -->
  91  
  92              <!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
  93              <hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
  94              <!-- /wp:separator -->
  95  
  96              <!-- wp:heading {"style":{"typography":{"lineHeight":"1.5","fontSize":40}}} -->
  97              <h2 style="font-size:40px;line-height:1.5"><em>' . esc_html__( 'Twenty Sixteen will make your WordPress look beautiful everywhere.', 'twentysixteen' ) . '</em></h2>
  98              <!-- /wp:heading -->
  99  
 100              <!-- wp:paragraph {"textColor":"medium-gray"} -->
 101              <p class="has-medium-gray-color has-text-color">' . esc_html__( '— Takashi Irie', 'twentysixteen' ) . '</p>
 102              <!-- /wp:paragraph -->
 103  
 104              <!-- wp:spacer {"height":52} -->
 105              <div style="height:52px" aria-hidden="true" class="wp-block-spacer"></div>
 106              <!-- /wp:spacer -->
 107  
 108              <!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
 109              <hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
 110              <!-- /wp:separator -->
 111  
 112              <!-- wp:spacer -->
 113              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 114              <!-- /wp:spacer -->',
 115          )
 116      );
 117  
 118      register_block_pattern(
 119          'twentysixteen/call-to-action',
 120          array(
 121              'title'      => __( 'Call to Action', 'twentysixteen' ),
 122              'categories' => array( 'twentysixteen' ),
 123              'content'    => '<!-- wp:spacer -->
 124              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 125              <!-- /wp:spacer -->
 126  
 127              <!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
 128              <hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
 129              <!-- /wp:separator -->
 130  
 131              <!-- wp:heading {"level":1,"style":{"typography":{"fontSize":35,"lineHeight":"1.5"}}} -->
 132              <h1 style="font-size:35px;line-height:1.5">' . esc_html__( 'My new book “Twenty Sixteen” is available for pre-order.', 'twentysixteen' ) . '</h1>
 133              <!-- /wp:heading -->
 134  
 135              <!-- wp:columns -->
 136              <div class="wp-block-columns"><!-- wp:column -->
 137              <div class="wp-block-column"><!-- wp:buttons -->
 138              <div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"bright-blue"} -->
 139              <div class="wp-block-button"><a class="wp-block-button__link has-bright-blue-background-color has-background no-border-radius">' . esc_html__( 'Pre-Order Now', 'twentysixteen' ) . '</a></div>
 140              <!-- /wp:button --></div>
 141              <!-- /wp:buttons --></div>
 142              <!-- /wp:column -->
 143  
 144              <!-- wp:column -->
 145              <div class="wp-block-column"><!-- wp:spacer {"height":54} -->
 146              <div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
 147              <!-- /wp:spacer --></div>
 148              <!-- /wp:column --></div>
 149              <!-- /wp:columns -->
 150  
 151              <!-- wp:spacer -->
 152              <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 153              <!-- /wp:spacer -->',
 154          )
 155      );
 156  }