Update Creatio (#7229)

* Update single.html template

Allow post content to stretch full width, and turn on "inner blocks use content width" option.

* Add screenshot.png

Add theme screenshot and update the image credits.

* Update post-meta.html

Update the typography of the post meta template part.

* Update search.html

Make the search result page use grid layout for posts.

* Turn post byline into a pattern.

Turn post byline into a pattern to make it translatable.

* Update post title

Update post title font size in index/archive templates.

* Update theme.json

Increase the line-height for headings.
This commit is contained in:
alaczek 2023-07-12 15:42:49 +10:00 committed by GitHub
parent ec75b0bef1
commit e98f1c544f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 40 additions and 18 deletions

View file

@ -0,0 +1 @@
<!-- wp:pattern {"slug":"creatio/byline-date"} /-->

View file

@ -1,7 +1,7 @@
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"radius":"4px"}},"backgroundColor":"tertiary","layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:4px"><!-- wp:post-terms {"term":"category","style":{"spacing":{"padding":{"top":"6px","right":"6px","bottom":"6px","left":"6px"}}}} /--></div>
<div class="wp-block-group has-tertiary-background-color has-background" style="border-radius:4px"><!-- wp:post-terms {"term":"category","style":{"spacing":{"padding":{"top":"6px","right":"6px","bottom":"6px","left":"6px"}},"typography":{"textTransform":"uppercase","fontSize":"0.8rem"}}} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->

View file

@ -0,0 +1,20 @@
<?php
/**
* Title: Byline and Date Post Meta
* Slug: creatio/byline-date
* Inserter: no
*/
?>
<!-- wp:group {"style":{"spacing":{"blockGap":"0.26rem","padding":{"bottom":"20px"}},"typography":{"fontSize":"0.7rem","textTransform":"uppercase","letterSpacing":"0.03rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-bottom:20px;font-size:0.7rem;letter-spacing:0.03rem;text-transform:uppercase"><!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Published by', 'creatio' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:post-author {"showAvatar":false,"showBio":false,"byline":""} /-->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'on', 'Preposition: Refers to the post publish date', 'creatio' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:post-date {"isLink":true} /--></div>
<!-- /wp:group -->

View file

@ -31,6 +31,8 @@ but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
This theme bundles the following third-party resources:
Inter Font
Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
@ -44,3 +46,14 @@ This Font Software is licensed under the SIL Open Font License, Version 1.1. Thi
License URL: http://scripts.sil.org/OFL
Source: https://github.com/googlefonts/literata
-- End of Literata Font credits --
Image by Thought Catalog
https://www.pexels.com/photo/three-assorted-colored-books-2228546/
Image by Victor Freitas
https://www.pexels.com/photo/person-in-black-shorts-and-pink-sneakers-lying-on-floor-2261486/
Image by Brando.ltd
https://www.pexels.com/photo/a-person-holding-black-smartphone-9878730/
Included in theme screenshot and in a front page template.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

After

Width:  |  Height:  |  Size: 428 KiB

View file

@ -11,7 +11,7 @@
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","letterSpacing":"-0.04rem"}},"fontFamily":"literata"} /-->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","letterSpacing":"-0.04rem"}},"fontSize":"large","fontFamily":"literata"} /-->
<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->

View file

@ -10,7 +10,7 @@
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","letterSpacing":"-0.04rem"}},"fontFamily":"literata"} /-->
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"500","letterSpacing":"-0.04rem"}},"fontSize":"large","fontFamily":"literata"} /-->
<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->

View file

@ -6,7 +6,7 @@
<!-- wp:search {"showLabel":false,"buttonPosition":"button-inside","buttonUseIcon":true,"style":{"border":{"radius":"2px","top":{"color":"#dfdfdf","style":"solid","width":"1px"},"right":{"color":"#dfdfdf","style":"solid","width":"1px"},"bottom":{"color":"#dfdfdf","style":"solid","width":"1px"},"left":{"color":"#dfdfdf","style":"solid","width":"1px"}}},"backgroundColor":"primary","textColor":"background"} /-->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"20px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-top:20px"><!-- wp:post-template -->
<div class="wp-block-group" style="padding-top:20px"><!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
<!-- wp:group -->
<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group"><!-- wp:group {"style":{"border":{"radius":"4px","top":{"style":"none","width":"0px"},"right":{"style":"none","width":"0px"},"bottom":{"style":"none","width":"0px"},"left":{"style":"none","width":"0px"}},"color":{"background":"#ecf1fe"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->

View file

@ -5,19 +5,7 @@
<!-- wp:post-title {"textAlign":"center","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}},"typography":{"fontStyle":"normal","fontWeight":"400","letterSpacing":"-0.03rem"}},"fontSize":"x-large","fontFamily":"literata"} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0.26rem","padding":{"bottom":"20px"}},"typography":{"fontSize":"0.7rem","textTransform":"uppercase","letterSpacing":"0.03rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"center","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-bottom:20px;font-size:0.7rem;letter-spacing:0.03rem;text-transform:uppercase"><!-- wp:paragraph -->
<p>Published by</p>
<!-- /wp:paragraph -->
<!-- wp:post-author {"showAvatar":false,"showBio":false,"byline":""} /-->
<!-- wp:paragraph -->
<p>on</p>
<!-- /wp:paragraph -->
<!-- wp:post-date {"isLink":true} /--></div>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"byline-date","area":"uncategorized"} /-->
<!-- wp:post-featured-image /-->

View file

@ -542,7 +542,7 @@
"fontFamily": "var(--wp--preset--font-family--inter)",
"fontStyle": "normal",
"fontWeight": "700",
"lineHeight": "1.125"
"lineHeight": "1.2"
}
},
"link": {