説明なし

page-sidebar-blog-posts.php 4.4KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <?php
  2. /**
  3. * Blog posts with left sidebar block pattern
  4. */
  5. return array(
  6. 'title' => __( 'Blog posts with left sidebar', 'twentytwentytwo' ),
  7. 'categories' => array( 'pages' ),
  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:columns {"align":"wide","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"5%"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary"} -->
  10. <div class="wp-block-columns alignwide has-primary-color has-text-color has-link-color" style="margin-top:0px;margin-bottom:0px"><!-- wp:column {"width":"33.33%"} -->
  11. <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:cover {"overlayColor":"secondary","minHeight":400,"isDark":false} -->
  12. <div class="wp-block-cover is-light" style="min-height:400px"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:site-logo {"align":"center","width":60} /--></div></div>
  13. <!-- /wp:cover -->
  14. <!-- wp:spacer {"height":40} -->
  15. <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
  16. <!-- /wp:spacer -->
  17. <!-- wp:site-tagline {"fontSize":"small"} /-->
  18. <!-- wp:spacer {"height":32} -->
  19. <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
  20. <!-- /wp:spacer -->
  21. <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
  22. <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
  23. <!-- /wp:separator -->
  24. <!-- wp:spacer {"height":32} -->
  25. <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
  26. <!-- /wp:spacer -->
  27. <!-- wp:navigation {"orientation":"vertical"} -->
  28. <!-- wp:page-list /-->
  29. <!-- /wp:navigation -->
  30. <!-- wp:spacer {"height":32} -->
  31. <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
  32. <!-- /wp:spacer -->
  33. <!-- wp:separator {"color":"foreground","className":"is-style-wide"} -->
  34. <hr class="wp-block-separator has-text-color has-background has-foreground-background-color has-foreground-color is-style-wide"/>
  35. <!-- /wp:separator --></div>
  36. <!-- /wp:column -->
  37. <!-- wp:column {"width":"66.66%"} -->
  38. <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:query {"query":{"perPage":"5","pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"layout":{"inherit":true}} -->
  39. <div class="wp-block-query"><!-- wp:post-template -->
  40. <!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","bottom":"1rem"}},"typography":{"fontStyle":"normal","fontWeight":"300"},"elements":{"link":{"color":{"text":"var:preset|color|primary"}}}},"textColor":"primary","fontSize":"var(--wp--custom--typography--font-size--huge, clamp(2.25rem, 4vw, 2.75rem))"} /-->
  41. <!-- wp:post-featured-image {"isLink":true} /-->
  42. <!-- wp:post-excerpt /-->
  43. <!-- wp:group {"layout":{"type":"flex"}} -->
  44. <div class="wp-block-group"><!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
  45. <!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
  46. <!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /--></div>
  47. <!-- /wp:group -->
  48. <!-- wp:spacer {"height":128} -->
  49. <div style="height:128px" aria-hidden="true" class="wp-block-spacer"></div>
  50. <!-- /wp:spacer -->
  51. <!-- /wp:post-template -->
  52. <!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
  53. <!-- wp:query-pagination-previous {"fontSize":"small"} /-->
  54. <!-- wp:query-pagination-numbers /-->
  55. <!-- wp:query-pagination-next {"fontSize":"small"} /-->
  56. <!-- /wp:query-pagination --></div>
  57. <!-- /wp:query --></div>
  58. <!-- /wp:column --></div>
  59. <!-- /wp:columns --></div>
  60. <!-- /wp:group -->',
  61. );