media-text-button.php 1.3 KB

123456789101112131415161718192021222324252627282930
  1. <?php
  2. /**
  3. * Media and text with button.
  4. *
  5. * @package Quadrat
  6. */
  7. return array(
  8. 'title' => __( 'Media and text with button', 'quadrat' ),
  9. 'categories' => array( 'quadrat' ),
  10. 'content' => '<!-- wp:media-text {"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/illustrations/girls-illustration.png","mediaType":"image"} -->
  11. <div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img src="' . get_stylesheet_directory_uri() . '/assets/illustrations/girls-illustration.png" alt="' . esc_attr__( 'Illustration of two women.', 'quadrat' ) . '"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->
  12. <p>' . esc_html__( 'The Hosts', 'quadrat' ) . '</p>
  13. <!-- /wp:paragraph -->
  14. <!-- wp:heading -->
  15. <h2>' . esc_html__( 'Sarah &amp; Olivia are both writers and activists.', 'quadrat' ) . '</h2>
  16. <!-- /wp:heading -->
  17. <!-- wp:spacer {"height":36} -->
  18. <div style="height:36px" aria-hidden="true" class="wp-block-spacer"></div>
  19. <!-- /wp:spacer -->
  20. <!-- wp:buttons -->
  21. <div class="wp-block-buttons"><!-- wp:button -->
  22. <div class="wp-block-button"><a class="wp-block-button__link">' . esc_html__( 'Learn More', 'quadrat' ) . '</a></div>
  23. <!-- /wp:button --></div>
  24. <!-- /wp:buttons --></div></div>
  25. <!-- /wp:media-text -->',
  26. );