0ct0pu5/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tweak/pendant post design (#5874)

Browse source
This commit is contained in:
Jason Crist 2022-04-15 10:05:56 -04:00 committed by GitHub
parent 7d98af9c63
commit 2aa1eb78d0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 64 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
pendant/patterns/post-navigation.php Normal file
View file

@ -0,0 +1,21 @@
<?php
/**
* Title: Post Navigation
* Slug: pendant/post-navigation
* Categories: pendant
*/
?>
<!-- wp:columns -->
<div class="wp-block-columns"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:post-navigation-link {"textAlign":"right","type":"previous","showTitle":true,"label":"<?php echo esc_html__( 'Previous Post', 'pendant' ); ?><br>"} /--></div>
<!-- /wp:column -->
<!-- wp:column {"width":"33.33%"} -->
<div class="wp-block-column" style="flex-basis:33.33%"></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:post-navigation-link {"showTitle":true,"label":"<?php echo esc_html__( 'Next Post', 'pendant' ); ?><br>"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

9
pendant/style.css
View file

@ -227,4 +227,13 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.wp-block-categories {
list-style-type: none;
}
.wp-block-post-navigation-link .post-navigation-link__label {
font-family: var(--wp--preset--font-family--body-font);
font-size: var(--wp--preset--font-size--x-small);
font-weight: 500;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 3;
}

28
pendant/templates/single.html
View file

@ -1,14 +1,15 @@
<!-- wp:group {"style":{"spacing":{"blockGap":{"top":"0px","left":"0px"}}}} -->
<div class="wp-block-group"><!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"50px","top":"40px"},"blockGap":"40px"}},"className":"has-text-align-center","layout":{"inherit":true}} -->
<div class="wp-block-group has-text-align-center" style="padding-top:40px;padding-bottom:50px"><!-- wp:post-terms {"term":"category","style":{"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}}} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"20px","top":"55px"},"blockGap":"55px","margin":{"top":"0px"}}},"className":"has-text-align-center","layout":{"inherit":true}} -->
<div class="wp-block-group has-text-align-center" style="margin-top:0px;padding-top:55px;padding-bottom:20px"><!-- wp:post-terms {"term":"category","style":{"spacing":{"padding":{"top":"15px","bottom":"15px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}},"typography":{"textTransform":"uppercase"}}} /-->
<!-- wp:post-featured-image /-->
<!-- wp:post-title {"style":{"spacing":{"margin":{"top":"30px"}}}} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"20px","margin":{"top":"0px"}}}} -->
<div class="wp-block-group" style="margin-top:0px"><!-- wp:post-title {"style":{"spacing":{"margin":{"top":"30px"}}}} /-->
<!-- wp:post-date /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /-->
@ -21,5 +22,18 @@
<!-- wp:post-comments /--></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /--></div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:pattern {"slug":"pendant/post-navigation"} /-->
<!-- wp:spacer {"height":"60px"} -->
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container"} /-->

15
pendant/theme.json
View file

@ -228,7 +228,7 @@
"fontWeight": "500",
"letterSpacing": "0.1em",
"textTransform": "uppercase",
"lineHeight": 2.3
"lineHeight": 2.3
},
"spacing": {
"padding": {
@ -238,7 +238,7 @@
},
"core/heading": {
"typography": {
"lineHeight": 1.5
"lineHeight": 1.2
}
},
"core/navigation": {
@ -247,6 +247,12 @@
"lineHeight": "1.5"
}
},
"core/post-navigation-link": {
"typography": {
"fontFamily": "var(--wp--preset--font-family--heading-font)",
"fontSize": "var(--wp--preset--font-size--large)"
}
},
"core/query-pagination": {
"elements": {
"link": {
@ -290,6 +296,11 @@
"width": "1px"
}
},
"core/separator": {
"border": {
"width": "0 0 1px 0"
}
},
"core/site-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",