block-patterns.php 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <?php declare( strict_types = 1 ); ?>
  2. <?php
  3. /**
  4. * Seedlet Theme: Block Patterns
  5. *
  6. * @package Seedlet
  7. * @since 1.0.0
  8. */
  9. /**
  10. * Register Block Pattern Category.
  11. */
  12. if ( function_exists( 'register_block_pattern_category' ) ) {
  13. register_block_pattern_category(
  14. 'seedlet',
  15. array( 'label' => __( 'Seedlet', 'seedlet' ) )
  16. );
  17. }
  18. /**
  19. * Register Block Patterns.
  20. */
  21. if ( function_exists( 'register_block_pattern' ) ) {
  22. register_block_pattern(
  23. 'seedlet/group-split-background',
  24. array(
  25. 'title' => __( 'Group with Split Background', 'seedlet' ),
  26. 'categories' => array( 'seedlet' ),
  27. 'content' => "<!-- wp:group {\"align\":\"full\",\"gradient\":\"hard-diagonal\"} -->\n<div class=\"wp-block-group alignfull has-hard-diagonal-gradient-background has-background\"><div class=\"wp-block-group__inner-container\"><!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"" . get_template_directory_uri() . "/assets/img/envelope.jpg\" alt=\"" . __( 'Envelope', 'seedlet' ) . "\" /></figure>\n<!-- /wp:image -->\n\n<!-- wp:spacer -->\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"></div>\n<!-- /wp:spacer --></div></div>\n<!-- /wp:group -->",
  28. )
  29. );
  30. register_block_pattern(
  31. 'seedlet/group-image-overlap',
  32. array(
  33. 'title' => __( 'Group with Image Overlap', 'seedlet' ),
  34. 'categories' => array( 'seedlet' ),
  35. 'content' => "
  36. <!-- wp:group {\"align\":\"full\",\"className\":\"is-style-overflow\",\"gradient\":\"stripe\"} -->\n<div class=\"wp-block-group alignfull is-style-overflow has-stripe-gradient-background has-background\"><div class=\"wp-block-group__inner-container\"><!-- wp:columns {\"align\":\"wide\"} -->\n<div class=\"wp-block-columns alignwide\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:image -->\n<figure class=\"wp-block-image\">
  37. <img src=\"" . get_template_directory_uri() . "/assets/img/plant_a.png\" alt=\"" . __( 'Plant', 'seedlet' ) . "\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"" . get_template_directory_uri() . "/assets/img/plant_c.png\" alt=\"" . __( 'Plant', 'seedlet' ) . "\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {\"verticalAlignment\":\"center\"} -->\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:image -->\n<figure class=\"wp-block-image\"><img src=\"" . get_template_directory_uri() . "/assets/img/plant_b.png\" alt=\"" . __( 'Plant', 'seedlet' ) . "\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->",
  38. )
  39. );
  40. register_block_pattern(
  41. 'seedlet/latest-posts-alternating-grid',
  42. array(
  43. 'title' => __( 'Alternating Grid of Latest Posts', 'seedlet' ),
  44. 'categories' => array( 'seedlet' ),
  45. 'content' => '<!-- wp:latest-posts {"displayPostContent":true,"columns":5,"className":"is-style-seedlet-alternating-grid"} /-->',
  46. )
  47. );
  48. }