Skip to content

Commit a36838e

Browse files
khleomixkhleomix
committed
WDSBT-23 - Update Single template with patterns and related posts pattern from register_block_pattern
1 parent f5f9b36 commit a36838e

File tree

6 files changed

+100
-75
lines changed

6 files changed

+100
-75
lines changed

‎inc/hooks/register-block-patterns.php

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ function register_custom_block_pattern() {
1818
'title' => __( 'Related Posts', 'wdsbt' ),
1919
'blockTypes' => array( 'core/query' ),
2020
'templateTypes' => array( 'single-post' ),
21+
'postTypes' => array( '' ),
2122
'description' => _x( 'Related Posts query variation', 'Block pattern description', 'wdsbt' ),
2223
'content' => "<!-- wp:group {\"tagName\":\"aside\",\"metadata\":{\"name\":\"Recent Posts\"},\"style\":{\"spacing\":{\"margin\":{\"top\":\"var:preset|spacing|40\"},\"padding\":{\"bottom\":\"var:preset|spacing|50\"}}},\"layout\":{\"type\":\"constrained\"}} -->\n<aside class=\"wp-block-group\" style=\"margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)\"><!-- wp:query {\"queryId\":0,\"query\":{\"perPage\":10,\"pages\":0,\"offset\":0,\"postType\":\"post\",\"order\":\"desc\",\"orderBy\":\"date\",\"author\":\"\",\"search\":\"\",\"exclude\":[],\"sticky\":\"\",\"inherit\":true,\"taxQuery\":null,\"parents\":[]}} -->\n<div class=\"wp-block-query\"><!-- wp:post-template {\"className\":\"related-posts-query\",\"layout\":{\"type\":\"grid\",\"columnCount\":3}} -->\n<!-- wp:post-featured-image {\"isLink\":true} /-->\n\n<!-- wp:post-terms {\"term\":\"category\"} /-->\n\n<!-- wp:post-title {\"isLink\":true,\"fontSize\":\"small\"} /-->\n\n<!-- wp:read-more {\"content\":\"\"} /-->\n<!-- /wp:post-template --></div>\n<!-- /wp:query --></aside>\n<!-- /wp:group -->",
2324
)

‎parts/comments.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!-- wp:pattern {"slug":"wdsbt/comments"} /-->

‎parts/post-meta.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<!-- wp:pattern {"slug":"wdsbt/post-meta"} /-->

‎patterns/comments.php

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<?php
2+
/**
3+
* Title: Comments
4+
* Slug: wdsbt/comments
5+
* Categories: posts
6+
* Block Types: custom/comments
7+
* Inserter: false
8+
*
9+
* @package wdsbt
10+
*/
11+
12+
?>
13+
<!-- wp:group {"layout":{"type":"constrained"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
14+
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
15+
16+
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
17+
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer">
18+
</div>
19+
<!-- /wp:spacer -->
20+
21+
<!-- wp:comments -->
22+
<div class="wp-block-comments">
23+
<!-- wp:heading {"level":2} -->
24+
<h2><?php echo esc_html_x( 'Comments', 'Title of comments section', 'wdsbt' ); ?></h2>
25+
<!-- /wp:heading -->
26+
<!-- wp:comment-template -->
27+
<!-- wp:columns -->
28+
<div class="wp-block-columns">
29+
<!-- wp:column {"width":"40px"} -->
30+
<div class="wp-block-column" style="flex-basis:40px">
31+
<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
32+
</div>
33+
<!-- /wp:column -->
34+
35+
<!-- wp:column -->
36+
<div class="wp-block-column">
37+
<!-- wp:comment-author-name {"fontSize":"small"} /-->
38+
39+
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
40+
<div class="wp-block-group">
41+
<!-- wp:comment-date {"fontSize":"small"} /-->
42+
<!-- wp:comment-edit-link {"fontSize":"small"} /-->
43+
</div>
44+
<!-- /wp:group -->
45+
46+
<!-- wp:comment-content /-->
47+
<!-- wp:comment-reply-link {"fontSize":"small"} /-->
48+
</div>
49+
<!-- /wp:column -->
50+
</div>
51+
<!-- /wp:columns -->
52+
<!-- /wp:comment-template -->
53+
54+
<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
55+
<!-- wp:comments-pagination-previous /-->
56+
<!-- wp:comments-pagination-numbers /-->
57+
<!-- wp:comments-pagination-next /-->
58+
<!-- /wp:comments-pagination -->
59+
60+
<!-- wp:post-comments-form /-->
61+
</div>
62+
<!-- /wp:comments -->
63+
64+
</div>
65+
<!-- /wp:group -->

‎patterns/post-hero.php

Lines changed: 26 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
<?php
2+
/**
3+
* Title: Single Post Hero
4+
* Slug: wdsbt/post-hero
5+
* Categories: posts
6+
* Template Types: single-post
7+
* Block Types: custom/post-hero
8+
*
9+
* @package wdsbt
10+
*/
11+
12+
?>
13+
14+
<!-- wp:group {"metadata":{"name":"Hero"},"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"backgroundColor":"primary-50","layout":{"type":"constrained"}} -->
15+
<div class="wp-block-group alignfull has-primary-50-background-color has-background" style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"verticalAlignment":null,"align":"wide"} -->
16+
<div class="wp-block-columns alignwide"><!-- wp:column {"verticalAlignment":"top","layout":{"type":"constrained"}} -->
17+
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:post-terms {"term":"category","prefix":"\u003cbr\u003e"} /-->
18+
19+
<!-- wp:post-title /--></div>
20+
<!-- /wp:column -->
21+
22+
<!-- wp:column {"verticalAlignment":"center","layout":{"type":"constrained"}} -->
23+
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-featured-image {"aspectRatio":"16/9","style":{"border":{"radius":"24px"}}} /--></div>
24+
<!-- /wp:column --></div>
25+
<!-- /wp:columns --></div>
26+
<!-- /wp:group -->

‎templates/single.html

Lines changed: 6 additions & 75 deletions
Original file line numberDiff line numberDiff line change
@@ -1,105 +1,36 @@
11
<!-- wp:template-part {"slug":"header","theme":"wds-bt","tagName":"header","className":"site-header"} /-->
22

3-
<!-- wp:group {"tagName":"main","align":"full","metadata":{"name":"Content"}} -->
3+
<!-- wp:group {"tagName":"main","metadata":{"name":"Content"},"align":"full","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} -->
44
<main class="wp-block-group alignfull">
55

6+
<!-- wp:pattern {"slug":"wdsbt/post-hero"} /-->
7+
68
<!-- wp:group {"layout":{"type":"constrained"}} -->
79
<div class="wp-block-group">
810

9-
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
10-
<div class="wp-block-group">
11-
12-
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
13-
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
14-
</div>
15-
<!-- /wp:spacer -->
16-
17-
<!-- wp:post-title {"level":1,"fontSize":"x-large"} /-->
11+
<!-- wp:post-content {"lock":{"move":false,"remove":true},"align":"full","layout":{"type":"constrained"}} /-->
1812

19-
</div>
20-
<!-- /wp:group -->
2113
</div>
2214
<!-- /wp:group -->
2315

24-
<!-- wp:post-content {"lock":{"move":false,"remove":true},"align":"full","layout":{"type":"constrained"}} /-->
16+
<!-- wp:pattern {"slug":"wdsbt/comments"} /-->
2517

2618
<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|40"},"padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
2719
<div class="wp-block-group"
2820
style="margin-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)">
2921

30-
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|x-small","padding":{"top":"var:preset|spacing|small","bottom":"var:preset|spacing|small"}}},"layout":{"type":"constrained"},"metadata":{"name":"Post Terms"}} -->
31-
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)">
32-
33-
<!-- wp:post-terms {"term":"category","textAlign":"center","prefix":"Categories: ","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /-->
34-
35-
<!-- wp:post-terms {"term":"post_tag","textAlign":"center","prefix":"Tags: ","style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /-->
36-
37-
</div>
38-
<!-- /wp:group -->
39-
4022
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"},"metadata":{"name":"Pagination"}} -->
4123
<div class="wp-block-group">
4224
<!-- wp:post-navigation-link /-->
4325
<!-- wp:post-navigation-link {"type":"previous"} /-->
4426
</div>
4527
<!-- /wp:group -->
4628

47-
<!-- wp:group {"layout":{"type":"constrained"}} -->
48-
<div class="wp-block-group">
49-
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
50-
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer">
51-
</div>
52-
<!-- /wp:spacer -->
53-
54-
<!-- wp:comments -->
55-
<div class="wp-block-comments">
56-
<!-- wp:comments-title /-->
57-
<!-- wp:comment-template -->
58-
<!-- wp:columns -->
59-
<div class="wp-block-columns">
60-
<!-- wp:column {"width":"40px"} -->
61-
<div class="wp-block-column" style="flex-basis:40px">
62-
<!-- wp:avatar {"size":40,"style":{"border":{"radius":"20px"}}} /-->
63-
</div>
64-
<!-- /wp:column -->
65-
66-
<!-- wp:column -->
67-
<div class="wp-block-column">
68-
<!-- wp:comment-author-name {"fontSize":"small"} /-->
69-
70-
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"layout":{"type":"flex"}} -->
71-
<div class="wp-block-group">
72-
<!-- wp:comment-date {"fontSize":"small"} /-->
73-
<!-- wp:comment-edit-link {"fontSize":"small"} /-->
74-
</div>
75-
<!-- /wp:group -->
76-
77-
<!-- wp:comment-content /-->
78-
<!-- wp:comment-reply-link {"fontSize":"small"} /-->
79-
</div>
80-
<!-- /wp:column -->
81-
</div>
82-
<!-- /wp:columns -->
83-
<!-- /wp:comment-template -->
84-
85-
<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
86-
<!-- wp:comments-pagination-previous /-->
87-
<!-- wp:comments-pagination-numbers /-->
88-
<!-- wp:comments-pagination-next /-->
89-
<!-- /wp:comments-pagination -->
90-
91-
<!-- wp:post-comments-form /-->
92-
</div>
93-
<!-- /wp:comments -->
94-
95-
</div>
96-
<!-- /wp:group -->
97-
9829
<!-- wp:pattern {"slug":"wdsbt/related-posts"} /-->
9930
</div>
10031
<!-- /wp:group -->
32+
10133
</main>
10234
<!-- /wp:group -->
10335

104-
10536
<!-- wp:template-part {"slug":"footer","theme":"wds-bt","tagName":"footer","className":"site-footer"} /-->

0 commit comments

Comments
 (0)