Add Archeo (as standalone theme) (#5436)

* Add archeo

* Add color and font settings

* update the footer

* Add footer file

* footer fixes

* make sizes responsive

* Add package.json to handle theme.css

* Add functions.php

* Adjust footer to be closer to mocks

* Add index.html

* Add theme.scss & add numbers to header nav

* Update package-lock

* Make menu with numbers into a template part

* Remove theme sass

* Remove Template: blockbase

* Add index.php file

* Remove Blockbase class name

* Update functions.php & add font file

functions.php file is based on Livro

* Update theme.json fonts and layout

* Rename header template

* Rename parts and templates directories

* Update theme.json

* Update readme

* Add styles to style.css

* Update header template

* Adjust header font sizes

* Add dynamic spacing

* Update nav in footer

* Remove inline style from site title

* Update layout settings against mocks

* Add typography styles

* Change Chivo fallback to sans-serif

* Add template parts

* Add basic templates

* Add button styles

* Fix style.css formatting

* Fix default line height var

Co-authored-by: Ben Dwyer <ben@scruffian.com>
This commit is contained in:
Sarah Norris 2022-02-02 16:48:50 +00:00 committed by GitHub
parent 6927689026
commit 02057a7313
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 756 additions and 8 deletions

Binary file not shown.

View file

@ -0,0 +1,93 @@
Copyright 2016 The Chivo Project Authors (omnibus.type@gmail.com)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

135
archeo/functions.php Normal file
View file

@ -0,0 +1,135 @@
<?php
/**
* Archeo functions and definitions
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package Archeo
* @since Archeo 1.0
*/
if ( ! function_exists( 'archeo_support' ) ) :
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_support() {
// Add support for block styles.
add_theme_support( 'wp-block-styles' );
// Enqueue editor styles.
add_editor_style( 'style.css' );
}
endif;
add_action( 'after_setup_theme', 'archeo_support' );
if ( ! function_exists( 'archeo_styles' ) ) :
/**
* Enqueue styles.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_styles() {
// Register theme stylesheet.
wp_register_style(
'archeo-style',
get_template_directory_uri() . '/style.css',
array(),
wp_get_theme()->get( 'Version' )
);
// Add styles inline.
wp_add_inline_style( 'archeo-style', archeo_get_font_face_styles() );
// Enqueue theme stylesheet.
wp_enqueue_style( 'archeo-style' );
}
endif;
add_action( 'wp_enqueue_scripts', 'archeo_styles' );
if ( ! function_exists( 'archeo_editor_styles' ) ) :
/**
* Enqueue editor styles.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_editor_styles() {
// Add styles inline.
wp_add_inline_style( 'wp-block-library', archeo_get_font_face_styles() );
}
endif;
add_action( 'admin_init', 'archeo_editor_styles' );
if ( ! function_exists( 'archeo_get_font_face_styles' ) ) :
/**
* Get font face styles.
* Called by functions archeo_styles() and archeo_editor_styles() above.
*
* @since Archeo 1.0
*
* @return string
*/
function archeo_get_font_face_styles() {
return "
@font-face{
font-family: 'Chivo';
font-weight: 300 400 700 900;
font-style: normal;
font-stretch: normal;
font-display: swap;
src: url('" . get_theme_file_uri( 'assets/fonts/Chivo.woff2' ) . "') format('woff2');
}
";
}
endif;
if ( ! function_exists( 'archeo_preload_webfonts' ) ) :
/**
* Preloads the main web font to improve performance.
*
* @since Archeo 1.0
*
* @return void
*/
function archeo_preload_webfonts() {
?>
<link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/Chivo.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
<?php
}
endif;
add_action( 'wp_head', 'archeo_preload_webfonts' );
// Add block patterns
// require get_template_directory() . '/inc/block-patterns.php';

5
archeo/index.php Normal file
View file

@ -0,0 +1,5 @@
<?php
// There is nothing output here because block themes do not use php templates.
// There is a core ticket discussing removing this requirement for block themes:
// https://core.trac.wordpress.org/ticket/54272.

9
archeo/parts/footer.html Normal file
View file

@ -0,0 +1,9 @@
<!-- wp:group {"layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"100px","top":"100px"}}}} -->
<div class="wp-block-group" style="padding-top: 100px; padding-bottom: 100px;">
<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"},"overlayMenu":"never","style":{"typography":{"fontStyle":"normal"}},"fontSize":"small"} /-->
<!-- wp:paragraph {"align":"center","fontSize":"small","style":{"spacing":{"margin":{"top":0}}}} -->
<p class="has-text-align-center has-small-font-size" style="margin-top: 0;">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

27
archeo/parts/header.html Normal file
View file

@ -0,0 +1,27 @@
<!-- wp:group {"layout":{"inherit":"true"}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--medium)","top":"var(--wp--custom--spacing--medium)"}}}} -->
<div class="wp-block-group alignfull" style="padding-bottom:var(--wp--custom--spacing--medium);padding-top:var(--wp--custom--spacing--medium)">
<!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"width":64} /-->
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:site-title /-->
<!-- wp:site-tagline /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"overlayBackgroundColor":"background","overlayTextColor":"foreground","style":{"typography":{"fontStyle":"normal"}},"fontSize":"small"} -->
<!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

31
archeo/readme.txt Normal file
View file

@ -0,0 +1,31 @@
=== Archeo ===
Contributors: Automattic
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
== Description ==
A clean portfolio theme
== Changelog ==
= 1.0.0 =
* Initial release
== Copyright ==
Archeo WordPress Theme, (C) 2021 Automattic
Archeo is distributed under the terms of the GNU GPL.
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
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.

BIN
archeo/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

150
archeo/style.css Normal file
View file

@ -0,0 +1,150 @@
/*
Theme Name: Archeo
Theme URI: https://github.com/Automattic/themes/tree/trunk/archeo
Author: Automattic
Author URI: https://automattic.com
Description: A clean portfolio theme
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: https://raw.githubusercontent.com/Automattic/themes/trunk/LICENSE
Text Domain: archeo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/
/*
* Font smoothing
*/
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/*
* Link Details
*/
a {
color: var(--wp--preset--color--foreground);
text-decoration-thickness: 0.075ex;
text-underline-offset: 0.125em;
}
.wp-block-site-title a {
text-decoration: none;
}
a:hover,
.wp-block-site-title a:hover,
.wp-block-post-title a:hover,
.wp-block-post-date a:hover {
text-decoration-style: dotted;
}
a:active,
.wp-block-site-title a:active,
.wp-block-post-title a:active,
.wp-block-post-date a:active {
text-decoration-style: solid;
}
.wp-block-navigation .wp-block-navigation-link a:hover,
.wp-block-navigation .wp-block-page-list a:hover,
.wp-block-navigation .wp-block-pages-list__item a:hover {
text-decoration: underline;
}
/*
* Button hover styles.
* Necessary until the following issue is resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/27075
*/
.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary);
}
/*
* Search and File Block button styles.
* Necessary until the following issues are resolved in Gutenberg:
* https://github.com/WordPress/gutenberg/issues/36444
* https://github.com/WordPress/gutenberg/issues/27760
*/
.wp-block-search__button,
.wp-block-file .wp-block-file__button {
background-color: var(--wp--preset--color--foreground);
border-radius: 0;
border: none;
color: var(--wp--preset--color--background);
font-size: var(--wp--preset--typography--font-size--normal);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
}
/*
* Comment Form Fields
*/
.wp-block-post-comments input:not([type='submit']),
.wp-block-post-comments textarea {
background-color: var(--wp--preset--color--background);
border-color: var(--wp--preset--color--foreground);
}
/*
* Alignment styles, borrowed from Twenty Twenty-Two.
* These rules are temporary, and should not be relied on or
* modified too heavily by themes or plugins that build on
* Twenty Twenty-Two. These are meant to be a precursor to
* a global solution provided by the Block Editor.
*
* Relevant issues:
* https://github.com/WordPress/gutenberg/issues/35607
* https://github.com/WordPress/gutenberg/issues/35884
*/
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align='full'] > .wp-block-group,
.is-root-container .wp-block[data-align='full'] > .wp-block-cover {
padding-left: var(--wp--custom--spacing--outer);
padding-right: var(--wp--custom--spacing--outer);
}
.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-group.has-background,
body > .is-root-container > .wp-block-cover,
body
> .is-root-container
> .wp-block-template-part
> .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align='full'] {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
}
/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
margin-left: auto !important;
margin-right: auto !important;
width: inherit;
}

View file

@ -0,0 +1 @@
<!-- wp:post-content {"layout":{"inherit":true}} /-->

View file

@ -0,0 +1,31 @@
<!-- wp:template-part {"slug":"header","tagName":"header","className":"site-header"} /-->
<!-- wp:query {"tagName":"main","layout":{"inherit":true}} -->
<main class="wp-block-query">
<!-- wp:query-title {"type":"archive","style":{"spacing":{"margin":{"bottom":"60px"}}}} /-->
<!-- wp:post-template -->
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"bottom":"45px"}}}} /-->
<!-- wp:post-author-name /-->
<!-- wp:spacer {"height":25} -->
<div style="height:25px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:query-pagination {"paginationArrow":"arrow"} -->
<!-- wp:query-pagination-previous /-->
<!-- wp:query-pagination-next /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:query -->
<!-- wp:template-part {"area":"footer","slug":"footer","tagName":"footer","className":"site-footer-container"} /-->

View file

@ -0,0 +1,17 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main"} -->
<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:post-title {"level":1} /-->
<!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}}} /--></div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

View file

@ -0,0 +1,53 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main"} -->
<main class="wp-block-group">
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:post-title {"level":1} /-->
<!-- wp:post-date {"format":"F jS, Y","isLink":true,"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /-->
<!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--small)"}}}} /-->
</div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /-->
<!-- wp:spacer {"height":32} -->
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:post-date {"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /-->
<!-- wp:post-author {"showAvatar":false,"fontSize":"small"} /-->
<!-- wp:post-terms {"term":"category","fontSize":"small"} /-->
<!-- wp:post-terms {"term":"post_tag","fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":32} -->
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:post-comments /-->
</div>
<!-- /wp:group -->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->

192
archeo/theme.json Normal file
View file

@ -0,0 +1,192 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 2,
"customTemplates": [
{
"name": "blank",
"title": "Blank",
"postTypes": [
"page",
"post"
]
}
],
"settings": {
"appearanceTools": true,
"color": {
"palette": [
{
"slug": "foreground",
"color": "#242321",
"name": "Foreground"
},
{
"slug": "background",
"color": "#FCFBF8",
"name": "Background"
},
{
"slug": "primary",
"color": "#71706E",
"name": "Primary"
},
{
"slug": "tertiary",
"color": "#CFCFCF",
"name": "Tertiary"
}
]
},
"custom": {
"body": {
"typography": {
"lineHeight": 1.5
}
},
"heading": {
"typography": {
"fontWeight": "400",
"lineHeight": 1.1
}
},
"spacing": {
"small": "clamp(20px, 4vw, 90px)",
"medium": "clamp(30px, 8vw, 100px)",
"large": "clamp(100px, 12vw, 460px)",
"outer": "min(4vw, 90px)"
}
},
"layout": {
"contentSize": "620px",
"wideSize": "835px"
},
"typography": {
"fontFamilies": [
{
"fontFamily": "\"Chivo\", sans-serif",
"name": "Chivo",
"slug": "chivo"
}
],
"fontSizes": [
{
"name": "Small",
"size": "16px",
"slug": "small"
},
{
"name": "Normal",
"size": "18px",
"slug": "normal"
},
{
"name": "Medium",
"size": "min(max(24px, 5vw), 32px)",
"slug": "medium"
},
{
"name": "Large",
"size": "min(max(36px, 5vw), 48px)",
"slug": "large"
},
{
"name": "Huge",
"size": "min(max(48px, 5vw), 72px)",
"slug": "huge"
}
]
}
},
"styles": {
"blocks": {
"core/button": {
"border": {
"radius": "0"
},
"color": {
"background": "var(--wp--preset--color--foreground)",
"text": "var(--wp--preset--color--background)"
},
"typography": {
"fontSize": "var(--wp--preset--typography--font-size--normal)",
"textTransform": "uppercase"
}
},
"core/site-title": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "400",
"textTransform": "uppercase"
}
}
},
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--foreground)"
},
"elements": {
"h1": {
"typography": {
"fontSize": "min(max(64px, 5vw), 100px)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"h2": {
"typography": {
"fontSize": "var(--wp--preset--font-size--huge)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"h3": {
"typography": {
"fontSize": "var(--wp--preset--font-size--large)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"h4": {
"typography": {
"fontSize": "var(--wp--preset--font-size--medium)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"h5": {
"typography": {
"fontSize": "var(--wp--preset--font-size--normal)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
},
"h6": {
"typography": {
"fontSize": "var(--wp--preset--font-size--small)",
"fontWeight": "var(--wp--custom--heading--typography--font-weight)",
"lineHeight": "var(--wp--custom--heading--typography--line-height)"
}
}
},
"spacing": {
"blockGap": "1.25rem"
},
"typography": {
"fontFamily": "var(--wp--preset--font-family--chivo)",
"lineHeight": "var(--wp--custom--body--typography--line-height)",
"fontSize": "var(--wp--preset--font-size--normal)"
}
},
"templateParts": [
{
"name": "header",
"title": "Header",
"area": "header"
},
{
"name": "footer",
"title": "Footer",
"area": "footer"
}
]
}

View file

@ -1,17 +1,21 @@
<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
<!-- wp:group {"tagName":"main"} -->
<main class="wp-block-group"><!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group"><!-- wp:post-title {"level":1} /-->
<main class="wp-block-group">
<!-- wp:group {"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:post-title {"level":1} /-->
<!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:spacer {"height":1} -->
<div style="height:1px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--small, 1.25rem)"}}}} /--></div>
<!-- /wp:group -->
<!-- wp:post-featured-image {"align":"wide","style":{"spacing":{"margin":{"bottom":"var(--wp--custom--spacing--small)"}}}} /-->
</div>
<!-- /wp:group -->
<!-- wp:post-content {"layout":{"inherit":true}} /--></main>
<!-- wp:post-content {"layout":{"inherit":true}} /-->
</main>
<!-- /wp:group -->
<!-- wp:template-part {"slug":"footer","tagName":"footer"} /-->