Skip to content
This repository has been archived by the owner on Oct 28, 2022. It is now read-only.

Update home template #111

Merged
merged 11 commits into from
Aug 26, 2022
Merged

Update home template #111

Show file tree
Hide file tree
Changes from 10 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
8925143
Remove latest posts and view more from home template
mikachan Aug 24, 2022
697900f
Update spacing values in home template
mikachan Aug 24, 2022
8fb87ba
Set default heading font weight to 400
mikachan Aug 24, 2022
1d32910
Update post titles to h3; update spacing variable
mikachan Aug 24, 2022
206e465
Add query pagination and spacer
mikachan Aug 24, 2022
d3d6b3f
Merge branch 'trunk' into update/home-template
mikachan Aug 25, 2022
9a646d7
Match spacing to other templates
mikachan Aug 25, 2022
7fbc843
Move common post-title spacing values to theme.json
mikachan Aug 25, 2022
2ee64f2
Add spacer above pagination
mikachan Aug 25, 2022
11de825
Swap spacer with separator
mikachan Aug 26, 2022
ab8659b
Update templates/home.html
mikachan Aug 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion templates/archive.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<div class="wp-block-query alignwide">
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:post-date {"format":"F j, Y","isLink":true} /-->
<!-- wp:spacer {"height":"var(--wp--preset--spacing--50)"} -->
Expand Down
41 changes: 22 additions & 19 deletions templates/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,43 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var(--wp--preset--spacing--70)","bottom":"var(--wp--preset--spacing--70)"}}},"layout":{"inherit":true}} -->
<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"inherit":true}} -->
<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)">

<!-- wp:image {"align":"wide"} -->
<figure class="wp-block-image alignwide"><img alt=""/></figure>
<!-- /wp:image -->
<!-- wp:heading {"align":"wide","style":{"typography":{"fontWeight":"400"},"spacing":{"margin":{"top":"var(--wp--preset--spacing--70)","bottom":"var(--wp--preset--spacing--70)"}}}} -->
<h2 class="alignwide" style="margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);font-weight:400;">Mindblown: a blog about philosophy.</h2>

<!-- wp:heading {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|50"}}}} -->
<h2 class="alignwide" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--50);">Mindblown: a blog about philosophy.</h2>
<!-- /wp:heading -->

<!-- wp:query {"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"displayLayout":{"type":"flex","columns":3},"align":"wide","layout":{"inherit":true}} -->
<div class="wp-block-query alignwide">
<!-- wp:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"level":3,"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} -->
<h3 class="has-small-font-size" style="font-style:normal;font-weight:400;text-transform:uppercase">Latests posts</h3>
<!-- /wp:heading -->
<!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"right"}} -->
<!-- wp:query-pagination-next {"label":"View more"} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
<!-- wp:post-title {"level":4,"isLink":true,"style":{"spacing":{"margin":{"top":"var(--wp--preset--spacing--40)","bottom":"var(--wp--preset--spacing--40)"}}}} /-->
<!-- wp:post-title {"level":3,"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:post-date {"format":"F j, Y","isLink":true} /-->
<!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} -->
<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":"var(--wp--preset--spacing--60)"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- /wp:post-template -->
</div>
<!-- /wp:query -->

<!-- wp:separator {"align":"wide","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|60"}}}} -->
<hr class="wp-block-separator alignwide has-alpha-channel-opacity" style="margin-bottom:var(--wp--preset--spacing--60)"/>
mikachan marked this conversation as resolved.
Show resolved Hide resolved
<!-- /wp:separator -->

<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"label":"Newer Posts"} /-->
<!-- wp:query-pagination-next {"label":"Older Posts"} /-->
<!-- /wp:query-pagination -->

<!-- wp:spacer {"height":"var(--wp--preset--spacing--60)"} -->
<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:pattern {"slug":"twentytwentythree/cta"} /-->

</main>
Expand Down
2 changes: 1 addition & 1 deletion templates/search.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<div class="wp-block-query alignwide">
<!-- wp:post-template {"align":"wide"} -->
<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} /-->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-excerpt /-->
<!-- wp:post-date {"format":"F j, Y","isLink":true} /-->
<!-- wp:spacer {"height":"var(--wp--preset--spacing--70)"} -->
Expand Down
9 changes: 7 additions & 2 deletions theme.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -343,6 +343,12 @@
}
},
"core/post-title": {
"spacing": {
"margin": {
"bottom": "var(--wp--preset--spacing--40)",
"top": "var(--wp--preset--spacing--40)"
}
},
"typography": {
"fontWeight": "400"
},
Expand Down Expand Up @@ -502,13 +508,12 @@
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "400",
"textTransform": "uppercase"
}
},
"heading": {
"typography": {
"fontWeight": "300",
"fontWeight": "400",
"lineHeight": "1.4"
}
},
Expand Down