[Summary view] [Print] [Text view]

   1  <?php
   2  /**
   3   * Centered header with navigation, social links, and salmon background block pattern
   4   */
   5  return array(
   6      'title'      => __( 'Centered header with navigation, social links, and background', 'twentytwentytwo' ),
   7      'categories' => array( 'header' ),
   8      'blockTypes' => array( 'core/template-part/header' ),
   9      'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|primary"}}},"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"backgroundColor":"secondary","textColor":"primary","layout":{"inherit":true}} -->
  10                      <div class="wp-block-group alignfull has-primary-color has-secondary-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);"><!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
  11                      <div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  12                      <div class="wp-block-column is-vertically-aligned-center"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"}} -->
  13                      <!-- wp:page-list /-->
  14                      <!-- /wp:navigation --></div>
  15                      <!-- /wp:column -->
  16  
  17                      <!-- wp:column {"width":""} -->
  18                      <div class="wp-block-column"><!-- wp:site-title {"textAlign":"center","style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}}} /--></div>
  19                      <!-- /wp:column -->
  20  
  21                      <!-- wp:column {"verticalAlignment":"center"} -->
  22                      <div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right"}} -->
  23                      <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->
  24  
  25                      <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  26                      <!-- /wp:social-links --></div>
  27                      <!-- /wp:column --></div>
  28                      <!-- /wp:columns --></div>
  29                      <!-- /wp:group -->',
  30  );