Skip to content

Commit 65764d4

Browse files
giacomo-secchigiacomo-secchi
committed
Refactor sticky posts banner and query loop patterns for improved structure and styling
1 parent 093ee8a commit 65764d4

2 files changed

Lines changed: 31 additions & 45 deletions

File tree

‎patterns/banner-2-col-sticky-posts.php‎

Lines changed: 7 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -8,11 +8,11 @@
88
* Inserter: true
99
*/
1010
?>
11-
12-
<!-- wp:query {"query":{"pages":1,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false},"align":"full","layout":{"type":"default"}} -->
13-
<div class="wp-block-query alignfull"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"0"}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
14-
<!-- wp:columns {"verticalAlignment":"center","align":"full"} -->
15-
<div class="wp-block-columns alignfull are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
11+
<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"backgroundColor":"base","layout":{"type":"default"}} -->
12+
<div class="wp-block-group alignfull has-base-background-color has-background"><!-- wp:query {"query":{"pages":1,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"only","inherit":false,"perPage":10},"align":"full","layout":{"type":"default"}} -->
13+
<div class="wp-block-query alignfull"><!-- wp:post-template {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"default"}} -->
14+
<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
15+
<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
1616
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
1717
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--60)"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase"},"elements":{"link":{"color":{"text":"var:preset|color|secondary"}}}},"textColor":"secondary","fontSize":"small"} -->
1818
<p class="has-secondary-color has-text-color has-link-color has-small-font-size" style="text-transform:uppercase">Newest post</p>
@@ -33,8 +33,5 @@
3333
<!-- /wp:column --></div>
3434
<!-- /wp:columns -->
3535
<!-- /wp:post-template --></div>
36-
<!-- /wp:query -->
37-
38-
<!-- wp:spacer {"height":"var(--wp--preset--spacing--60)"} -->
39-
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
40-
<!-- /wp:spacer -->
36+
<!-- /wp:query --></div>
37+
<!-- /wp:group -->

‎patterns/template-query-loop.php‎

Lines changed: 24 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -6,42 +6,31 @@
66
* Inserter: no
77
*/
88
?>
9-
<!-- wp:query {"query":{"perPage":12,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"type":"constrained"}} -->
10-
<div class="wp-block-query alignwide">
11-
<!-- wp:post-template {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":3}} -->
12-
<!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /-->
13-
14-
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50"}},"border":{"right":{"color":"var:preset|color|cyan-bluish-gray","width":"1px"},"bottom":{"color":"var:preset|color|cyan-bluish-gray","width":"1px"},"left":{"width":"1px","color":"var:preset|color|cyan-bluish-gray"}}},"layout":{"type":"constrained"}} -->
15-
<div class="wp-block-group alignwide" style="border-right-color:var(--wp--preset--color--cyan-bluish-gray);border-right-width:1px;border-bottom-color:var(--wp--preset--color--cyan-bluish-gray);border-bottom-width:1px;border-left-color:var(--wp--preset--color--cyan-bluish-gray);border-left-width:1px;padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--50)">
16-
<!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
17-
<!-- wp:post-excerpt {"excerptLength":35} /-->
18-
<!-- wp:post-date {"isLink":true} /-->
19-
<!-- wp:read-more /-->
20-
21-
<!-- wp:spacer {"height":"var(--wp--preset--spacing--40)"} -->
22-
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
23-
<!-- /wp:spacer -->
24-
</div>
25-
<!-- /wp:group -->
26-
27-
<!-- /wp:post-template -->
28-
29-
30-
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
31-
<div class="wp-block-group alignwide">
32-
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
33-
<!-- wp:query-pagination-previous /-->
34-
<!-- wp:query-pagination-numbers /-->
35-
<!-- wp:query-pagination-next /-->
36-
<!-- /wp:query-pagination -->
37-
</div>
38-
<!-- /wp:group -->
9+
<!-- wp:query {"query":{"perPage":12,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide","layout":{"type":"default"}} -->
10+
<div class="wp-block-query alignwide"><!-- wp:post-template {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"grid","columnCount":3}} -->
11+
<!-- wp:post-featured-image {"isLink":true,"width":"100%","height":"clamp(15vw, 30vh, 400px)","align":"wide","style":{"spacing":{"margin":{"bottom":"0"}}}} /-->
12+
13+
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"border":{"right":{"color":"var:preset|color|cyan-bluish-gray","width":"1px"},"bottom":{"color":"var:preset|color|cyan-bluish-gray","width":"1px"},"left":{"width":"1px","color":"var:preset|color|cyan-bluish-gray"}}},"layout":{"type":"constrained"}} -->
14+
<div class="wp-block-group alignwide" style="border-right-color:var(--wp--preset--color--cyan-bluish-gray);border-right-width:1px;border-bottom-color:var(--wp--preset--color--cyan-bluish-gray);border-bottom-width:1px;border-left-color:var(--wp--preset--color--cyan-bluish-gray);border-left-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:post-title {"isLink":true,"fontSize":"large"} /-->
15+
16+
<!-- wp:post-excerpt {"excerptLength":22} /-->
17+
18+
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
19+
<div class="wp-block-group"><!-- wp:post-date {"isLink":true} /-->
20+
21+
<!-- wp:read-more /--></div>
22+
<!-- /wp:group -->
3923
</div>
40-
<!-- /wp:query -->
24+
<!-- /wp:group -->
25+
<!-- /wp:post-template -->
4126

42-
<!-- wp:spacer {"height":"var(--wp--preset--spacing--60)"} -->
43-
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
44-
<!-- /wp:spacer -->
27+
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
28+
<div class="wp-block-group alignwide"><!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
29+
<!-- wp:query-pagination-previous /-->
4530

31+
<!-- wp:query-pagination-numbers /-->
4632

47-
33+
<!-- wp:query-pagination-next /-->
34+
<!-- /wp:query-pagination --></div>
35+
<!-- /wp:group --></div>
36+
<!-- /wp:query -->

0 commit comments

Comments
 (0)