footer-columns.php 4.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <?php
  2. /**
  3. * Title: Footer with columns
  4. * Slug: srh/footer-columns
  5. * Categories: footer
  6. * Block Types: core/template-part/footer
  7. * Description: Footer columns with title, tagline and links.
  8. */
  9. ?>
  10. <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
  11. <div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
  12. <!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
  13. <div class="wp-block-group alignwide">
  14. <!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
  15. <div class="wp-block-group alignfull">
  16. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"constrained"}} -->
  17. <div class="wp-block-group" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">
  18. <!-- wp:site-title {"level":2,"fontSize":"xx-large"} /-->
  19. <!-- wp:site-tagline /-->
  20. </div>
  21. <!-- /wp:group -->
  22. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|80"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
  23. <div class="wp-block-group">
  24. <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
  25. <div class="wp-block-group" style="padding-right:0;padding-left:0">
  26. <!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
  27. <h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php esc_html_e( 'Stories', 'twentytwentyfive' ); ?></h3>
  28. <!-- /wp:heading -->
  29. <!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Stories', 'twentytwentyfive' ); ?>"} -->
  30. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Blog', 'twentytwentyfive' ); ?>","url":"#"} /-->
  31. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'About', 'twentytwentyfive' ); ?>","url":"#"} /-->
  32. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'FAQs', 'twentytwentyfive' ); ?>","url":"#"} /-->
  33. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Authors', 'twentytwentyfive' ); ?>","url":"#"} /-->
  34. <!-- /wp:navigation -->
  35. </div>
  36. <!-- /wp:group -->
  37. <!-- wp:group {"style":{"spacing":{"padding":{"right":"0","left":"0"}}},"layout":{"type":"constrained"}} -->
  38. <div class="wp-block-group" style="padding-right:0;padding-left:0">
  39. <!-- wp:heading {"level":3,"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"medium"} -->
  40. <h3 class="wp-block-heading has-medium-font-size" style="font-style:normal;font-weight:700"><?php echo esc_html_x( 'Fleurs', 'Example brand name.', 'twentytwentyfive' ); ?></h3>
  41. <!-- /wp:heading -->
  42. <!-- wp:navigation {"overlayMenu":"never","style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"fontSize":"medium","layout":{"type":"flex","orientation":"vertical"},"ariaLabel":"<?php esc_attr_e( 'Featured', 'twentytwentyfive' ); ?>"} -->
  43. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Events', 'twentytwentyfive' ); ?>","url":"#"} /-->
  44. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Shop', 'twentytwentyfive' ); ?>","url":"#"} /-->
  45. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Patterns', 'twentytwentyfive' ); ?>","url":"#"} /-->
  46. <!-- wp:navigation-link {"label":"<?php esc_html_e( 'Themes', 'twentytwentyfive' ); ?>","url":"#"} /-->
  47. <!-- /wp:navigation -->
  48. </div>
  49. <!-- /wp:group -->
  50. </div>
  51. <!-- /wp:group -->
  52. </div>
  53. <!-- /wp:group -->
  54. <!-- wp:spacer {"height":"var:preset|spacing|60"} -->
  55. <div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
  56. <!-- /wp:spacer -->
  57. <!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
  58. <div class="wp-block-group alignfull">
  59. <!-- wp:paragraph {"fontSize":"small"} -->
  60. <p class="has-small-font-size"><?php esc_html_e( 'Twenty Twenty-Five', 'twentytwentyfive' ); ?></p>
  61. <!-- /wp:paragraph -->
  62. <!-- wp:paragraph {"fontSize":"small"} -->
  63. <p class="has-small-font-size">
  64. <?php
  65. printf(
  66. /* translators: Designed with WordPress. %s: WordPress link. */
  67. esc_html__( 'Designed with %s', 'twentytwentyfive' ),
  68. '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfive' ) ) . '" rel="nofollow">WordPress</a>'
  69. );
  70. ?>
  71. </p>
  72. <!-- /wp:paragraph -->
  73. </div>
  74. <!-- /wp:group -->
  75. </div>
  76. <!-- /wp:group -->
  77. </div>
  78. <!-- /wp:group -->