image-with-description.php 1.5 KB

123456789101112131415161718192021222324252627282930313233
  1. <?php
  2. /**
  3. * Title: Image with description
  4. * Slug: archeo/image-with-description
  5. * Categories: images
  6. */
  7. ?>
  8. <!-- wp:columns {"align":"wide"} -->
  9. <div class="wp-block-columns alignwide">
  10. <!-- wp:column {"width":"33.33%"} -->
  11. <div class="wp-block-column" style="flex-basis:33.33%"></div>
  12. <!-- /wp:column -->
  13. <!-- wp:column {"width":"66.66%"} -->
  14. <div class="wp-block-column" style="flex-basis:66.66%">
  15. <!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
  16. <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
  17. <!-- /wp:separator -->
  18. <!-- wp:paragraph -->
  19. <p><?php _e( 'Ancient Temple, at Chichen-Itza, called the Castle', 'archeo' ); ?></p>
  20. <!-- /wp:paragraph -->
  21. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} -->
  22. <p class="has-small-font-size" style="font-style:italic;font-weight:400"><?php _e( 'From "American Cities and Ruins: Mitla, Palenqué, Izamal, Chichen-Itza, Uxmal, Atlas" housed at the New York Public Library.', 'archeo' ); ?></p>
  23. <!-- /wp:paragraph -->
  24. <!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
  25. <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/ancien-temple.jpg" alt="<?php _e( 'Photo of ancient temple, at Chichen-Itza', 'archeo' ); ?>"/></figure>
  26. <!-- /wp:image -->
  27. </div><!-- /wp:column -->
  28. </div><!-- /wp:columns -->