block-patterns.php 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <?php
  2. /**
  3. * Seedlet Theme: Block Patterns
  4. *
  5. * @package Seedlet
  6. * @since 1.0.0
  7. */
  8. /**
  9. * Register Block Pattern Category.
  10. */
  11. if ( function_exists( 'register_block_pattern_category' ) ) {
  12. register_block_pattern_category(
  13. 'seedlet',
  14. array( 'label' => __( 'Seedlet', 'seedlet' ) )
  15. );
  16. }
  17. /**
  18. * Register Block Patterns.
  19. */
  20. if ( function_exists( 'register_block_pattern' ) ) {
  21. register_block_pattern(
  22. 'seedlet/group-split-background',
  23. array (
  24. 'title' => __( 'Group with Split Background', 'seedlet' ),
  25. 'categories'=> array( 'seedlet' ),
  26. '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-3.jpg\" alt=\"Envelope\" /></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 -->",
  27. )
  28. );
  29. register_block_pattern(
  30. 'seedlet/group-image-overlap',
  31. array (
  32. 'title' => __( 'Group with Image Overlap', 'seedlet' ),
  33. 'categories'=> array( 'seedlet' ),
  34. 'content' => "<!-- 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\"><img alt=\"\"/></figure>\n<!-- /wp:image -->\n\n<!-- wp:image -->\n<figure class=\"wp-block-image\"><img alt=\"\"/></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 alt=\"\"/></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:group -->",
  35. )
  36. );
  37. register_block_pattern(
  38. 'seedlet/latest-posts-alternating-grid',
  39. array (
  40. 'title' => __( 'Alternating Grid of Latest Posts', 'seedlet' ),
  41. 'categories'=> array( 'seedlet' ),
  42. 'content' => "<!-- wp:latest-posts {\"displayPostContent\":true,\"columns\":5,\"className\":\"is-style-seedlet-alternating-grid\"} /-->",
  43. )
  44. );
  45. }