block-patterns.php 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  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.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 -->",
  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' => "
  35. <!-- 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\">
  36. <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 -->",
  37. )
  38. );
  39. register_block_pattern(
  40. 'seedlet/latest-posts-alternating-grid',
  41. array(
  42. 'title' => __( 'Alternating Grid of Latest Posts', 'seedlet' ),
  43. 'categories' => array( 'seedlet' ),
  44. 'content' => '<!-- wp:latest-posts {"displayPostContent":true,"columns":5,"className":"is-style-seedlet-alternating-grid"} /-->',
  45. )
  46. );
  47. }