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.

creatio/parts/byline-date.html

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

creatio/parts/post-meta.html

@@ -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 -->

creatio/patterns/byline-date.php

@@ -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 -->

creatio/readme.txt

@@ -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.

creatio/templates/archive.html

@@ -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"} /-->
 

creatio/templates/index.html

@@ -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"} /-->
 

creatio/templates/search.html

@@ -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"}} -->

creatio/templates/single.html

@@ -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 /-->
 

creatio/theme.json

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