sidebar-background.php 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. <?php
  2. /**
  3. * Sidebar with background color block pattern
  4. */
  5. return array(
  6. 'title' => __( 'Sidebar with background color', 'stewart' ),
  7. 'categories' => array( 'sidebar' ),
  8. 'content' => '<!-- wp:group {"style":{"spacing":{"padding":{"top":"0em","right":"0em","bottom":"0em","left":"0em"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
  9. <div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="padding-top:0em;padding-right:0em;padding-bottom:0em;padding-left:0em"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
  10. <figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/contact.jpg" alt="' . esc_html__( 'An abstract image featuring a brushstroke.', 'stewart' ) . '"/></figure>
  11. <!-- /wp:image -->
  12. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0em","right":"2em","bottom":"2em","left":"2em"}}}} -->
  13. <div class="wp-block-group" style="padding-top:0em;padding-right:2em;padding-bottom:2em;padding-left:2em"><!-- wp:site-title {"textAlign":"left","style":{"typography":{"lineHeight":"1.2"}},"fontSize":"gigantic"} /-->
  14. <!-- wp:site-tagline {"textAlign":"left","fontSize":"small"} /-->
  15. <!-- wp:separator {"className":"is-style-wide"} -->
  16. <hr class="wp-block-separator is-style-wide"/>
  17. <!-- /wp:separator -->
  18. <!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"style":{"spacing":{"blockGap":"0px"}}} -->
  19. <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
  20. <!-- /wp:navigation -->
  21. <!-- wp:separator {"className":"is-style-wide"} -->
  22. <hr class="wp-block-separator is-style-wide"/>
  23. <!-- /wp:separator -->
  24. <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
  25. <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->
  26. <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  27. <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  28. <!-- /wp:social-links --></div>
  29. <!-- /wp:group --></div>
  30. <!-- /wp:group -->
  31. <!-- wp:spacer {"height":"80px"} -->
  32. <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
  33. <!-- /wp:spacer -->',
  34. );