No Description

page-about-large-image-and-buttons.php 4.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <?php
  2. /**
  3. * About page with large image and buttons
  4. */
  5. return array(
  6. 'title' => __( 'About page with large image and buttons', 'twentytwentytwo' ),
  7. 'categories' => array( 'pages', 'buttons' ),
  8. 'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} -->
  9. <div class="wp-block-group alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
  10. <figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt=""/></figure>
  11. <!-- /wp:image -->
  12. <!-- wp:columns {"align":"wide"} -->
  13. <div class="wp-block-columns alignwide"><!-- wp:column -->
  14. <div class="wp-block-column"><!-- wp:buttons -->
  15. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  16. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div>
  17. <!-- /wp:button --></div>
  18. <!-- /wp:buttons --></div>
  19. <!-- /wp:column -->
  20. <!-- wp:column -->
  21. <div class="wp-block-column"><!-- wp:buttons -->
  22. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  23. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div>
  24. <!-- /wp:button --></div>
  25. <!-- /wp:buttons --></div>
  26. <!-- /wp:column -->
  27. <!-- wp:column -->
  28. <div class="wp-block-column"><!-- wp:buttons -->
  29. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  30. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div>
  31. <!-- /wp:button --></div>
  32. <!-- /wp:buttons --></div>
  33. <!-- /wp:column --></div>
  34. <!-- /wp:columns -->
  35. <!-- wp:columns {"align":"wide"} -->
  36. <div class="wp-block-columns alignwide"><!-- wp:column -->
  37. <div class="wp-block-column"><!-- wp:buttons -->
  38. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  39. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div>
  40. <!-- /wp:button --></div>
  41. <!-- /wp:buttons --></div>
  42. <!-- /wp:column -->
  43. <!-- wp:column -->
  44. <div class="wp-block-column"><!-- wp:buttons -->
  45. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  46. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div>
  47. <!-- /wp:button --></div>
  48. <!-- /wp:buttons --></div>
  49. <!-- /wp:column -->
  50. <!-- wp:column -->
  51. <div class="wp-block-column"><!-- wp:buttons -->
  52. <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
  53. <div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div>
  54. <!-- /wp:button --></div>
  55. <!-- /wp:buttons --></div>
  56. <!-- /wp:column --></div>
  57. <!-- /wp:columns -->
  58. <!-- wp:spacer {"height":50} -->
  59. <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
  60. <!-- /wp:spacer -->
  61. <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
  62. <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
  63. <!-- wp:social-link {"url":"#","service":"facebook"} /-->
  64. <!-- wp:social-link {"url":"#","service":"twitter"} /-->
  65. <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
  66. <!-- /wp:social-links --></div>
  67. <!-- /wp:group -->',
  68. );