sidebar-background.php 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <?php
  2. /**
  3. * Title: Sidebar with background color
  4. * Slug: stewart/sidebar-background
  5. * Categories: sidebar
  6. */
  7. ?>
  8. <!-- 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">
  11. <img
  12. src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/contact.jpg'; ?>"
  13. alt="<?php echo esc_html__( 'An abstract image featuring a brushstroke.', 'stewart' ); ?>"
  14. />
  15. </figure>
  16. <!-- /wp:image -->
  17. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0em","right":"2em","bottom":"2em","left":"2em"}}}} -->
  18. <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"} /-->
  19. <!-- wp:site-tagline {"textAlign":"left","fontSize":"small"} /-->
  20. <!-- wp:separator {"className":"is-style-wide"} -->
  21. <hr class="wp-block-separator is-style-wide"/>
  22. <!-- /wp:separator -->
  23. <!-- wp:navigation {"overlayBackgroundColor":"background","overlayTextColor":"foreground","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left","orientation":"vertical"},"style":{"spacing":{"blockGap":"0px"}}} -->
  24. <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
  25. <!-- /wp:navigation -->
  26. <!-- wp:separator {"className":"is-style-wide"} -->
  27. <hr class="wp-block-separator is-style-wide"/>
  28. <!-- /wp:separator -->
  29. <!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
  30. <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->
  31. <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  32. <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  33. <!-- /wp:social-links --></div>
  34. <!-- /wp:group --></div>
  35. <!-- /wp:group -->
  36. <!-- wp:spacer {"height":"80px"} -->
  37. <div style="height:80px" aria-hidden="true" class="wp-block-spacer"></div>
  38. <!-- /wp:spacer -->