full-width-image-with-aside-caption.php 1.4 KB

1234567891011121314151617181920212223242526272829
  1. <?php
  2. /**
  3. * Full width image with aside caption.
  4. *
  5. * @package Skatepark
  6. */
  7. return array(
  8. 'title' => __( 'Full width image with aside caption', 'skatepark' ),
  9. 'categories' => array( 'skatepark' ),
  10. 'content' => '<!-- wp:image {"align":"full","className":"alignfull size-large is-style-skatepark-aside-caption"} -->
  11. <figure class="wp-block-image alignfull size-large is-style-skatepark-aside-caption"><img src="' . get_stylesheet_directory_uri() . '/assets/images/skatepark.jpg" alt="' . esc_attr__( 'A skateboarder does a grab trick in a bowl-shaped skate park. In the background is a watching crowd, palm trees, and the ocean.', 'skatepark' ) . '"/></figure>
  12. <!-- /wp:image -->
  13. <!-- wp:columns {"align":"wide"} -->
  14. <div class="wp-block-columns alignwide"><!-- wp:column -->
  15. <div class="wp-block-column"></div>
  16. <!-- /wp:column -->
  17. <!-- wp:column {"width":"40%"} -->
  18. <div class="wp-block-column" style="flex-basis:40%"><!-- wp:separator {"className":"is-style-wide"} -->
  19. <hr class="wp-block-separator is-style-wide"/>
  20. <!-- /wp:separator -->
  21. <!-- wp:paragraph {"fontSize":"small"} -->
  22. <p class="has-small-font-size">' . esc_html__( 'Learn the basics of skating along with a group of your peers. More advanced at skating? Our skateboarding coaches will work with you 1:1 to advance your technique.', 'skatepark' ) . '</p>
  23. <!-- /wp:paragraph --></div>
  24. <!-- /wp:column --></div>
  25. <!-- /wp:columns -->',
  26. );