Twenty Twenty-Two: Sync updates from GitHub.
This commit syncs several changes for the default theme from its active development repository to core.
This is a follow up to [52081], [52107], and [52164]. It includes improvements to the home page template, adding a filter for block patterns, pre-loading the web font, improvements and bug fixes to block patterns, and more. For a full list of changes, visit e4f69d0b7e...25d74deaa5
.
Props jeffpaul, richtabor, netweb, luminuu, melchoyce, beafealho, clucasrowlands, desrosj, flixos90, joen, otto42, saju4wordpress, westonruter, kjellr, poena.
See #54318.
Built from https://develop.svn.wordpress.org/trunk@52222
git-svn-id: http://core.svn.wordpress.org/trunk@51814 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
07bf9f55e2
commit
6ebd3a8fc9
Binary file not shown.
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 82 KiB |
Binary file not shown.
After Width: | Height: | Size: 101 KiB |
|
@ -1,5 +1,5 @@
|
|||
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"8rem","right":"0px","left":"0px"},"margin":{"bottom":"8rem"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:8rem;padding-top:0px;padding-right:0px;padding-bottom:8rem;padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
|
||||
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"var(--wp--custom--spacing--large, 8rem)","right":"0px","left":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-right:0px;padding-bottom:var(--wp--custom--spacing--large, 8rem);padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:max(1.25rem, 5vw);padding-bottom:0px;padding-left:max(1.25rem, 5vw)"><!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true},"align":"wide"} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
|
|
|
@ -0,0 +1,7 @@
|
|||
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"},"margin":{"bottom":"var(--wp--custom--spacing--large, 8rem)"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:var(--wp--custom--spacing--large, 8rem);padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:max(1.25rem, 5vw);padding-bottom:0px;padding-left:max(1.25rem, 5vw)"><!-- wp:template-part {"slug":"header","tagName":"header","layout":{"inherit":true},"align":"wide"} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:pattern {"slug":"twentytwentytwo/hidden-bird"} /--></div>
|
||||
<!-- /wp:group -->
|
|
@ -1,7 +1,6 @@
|
|||
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--large, 8rem)","top":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<div class="wp-block-group alignwide" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--large, 8rem)"><!-- wp:group {"layout":{"type":"flex"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:site-logo {"width":64} /-->
|
||||
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
|
||||
|
||||
<!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
||||
<!-- wp:template-part {"slug":"header","tagName":"header","style":{"spacing":{"padding":{"bottom":"var(--wp--custom--spacing--small, 1.25rem)","right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
|
||||
<main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)"><!-- wp:group {"layout":{"inherit":true}} -->
|
||||
|
|
|
@ -0,0 +1,45 @@
|
|||
<!-- wp:template-part {"slug":"header","tagName":"header","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
|
||||
<div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
|
||||
<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
|
||||
|
||||
<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
|
||||
|
||||
<!-- wp:columns {"align":"wide"} -->
|
||||
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} -->
|
||||
<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /-->
|
||||
|
||||
<!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":""} -->
|
||||
<div class="wp-block-column"></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:spacer {"height":112} -->
|
||||
<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer --></div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:post-template -->
|
||||
|
||||
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<!-- wp:query-pagination-previous {"fontSize":"small"} /-->
|
||||
|
||||
<!-- wp:query-pagination-numbers /-->
|
||||
|
||||
<!-- wp:query-pagination-next {"fontSize":"small"} /-->
|
||||
<!-- /wp:query-pagination --></main>
|
||||
<!-- /wp:query --></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
|
@ -0,0 +1,41 @@
|
|||
<!-- wp:template-part {"slug":"header-small-dark","tagName":"header"} /-->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
|
||||
<div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
|
||||
|
||||
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
|
||||
<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"align":"wide","style":{"typography":{"fontStyle":"normal","fontWeight":"300"}},"fontSize":"huge"} /-->
|
||||
|
||||
<!-- wp:post-featured-image {"isLink":true,"align":"wide","style":{"spacing":{"margin":{"top":"calc(1.75 * var(--wp--style--block-gap))"}}}} /-->
|
||||
|
||||
<!-- wp:columns {"align":"wide"} -->
|
||||
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"650px"} -->
|
||||
<div class="wp-block-column" style="flex-basis:650px"><!-- wp:post-excerpt /-->
|
||||
|
||||
<!-- wp:post-date {"isLink":true,"format":"F j, Y","style":{"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"width":""} -->
|
||||
<div class="wp-block-column"></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:spacer {"height":112} -->
|
||||
<div style="height:112px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer --></div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:post-template -->
|
||||
|
||||
<!-- wp:query-pagination {"paginationArrow":"arrow","align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<!-- wp:query-pagination-previous {"fontSize":"small"} /-->
|
||||
|
||||
<!-- wp:query-pagination-numbers /-->
|
||||
|
||||
<!-- wp:query-pagination-next {"fontSize":"small"} /-->
|
||||
<!-- /wp:query-pagination --></main>
|
||||
<!-- /wp:query --></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
|
@ -3,10 +3,6 @@
|
|||
<!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
|
||||
<div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
|
||||
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"layout":{"inherit":true},"tagName":"main"} -->
|
||||
<main class="wp-block-query"><!-- wp:post-template {"align":"wide"} -->
|
||||
<!-- wp:group {"layout":{"inherit":true}} -->
|
||||
|
|
|
@ -0,0 +1,9 @@
|
|||
<!-- wp:template-part {"slug":"header-large-dark","tagName":"header"} /-->
|
||||
|
||||
<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
|
||||
<main class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
|
||||
<!-- wp:post-content {"layout":{"inherit":true}} /-->
|
||||
</main>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:template-part {"slug":"footer","tagName":"footer","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--large, 8rem)","right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}},"layout":{"inherit":true}} /-->
|
|
@ -103,6 +103,7 @@ if ( ! function_exists( 'twentytwentytwo_get_font_face_styles' ) ) :
|
|||
font-weight: 200 900;
|
||||
font-style: normal;
|
||||
font-stretch: normal;
|
||||
font-display: swap;
|
||||
src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) . "') format('woff2');
|
||||
}
|
||||
|
||||
|
@ -111,6 +112,7 @@ if ( ! function_exists( 'twentytwentytwo_get_font_face_styles' ) ) :
|
|||
font-weight: 200 900;
|
||||
font-style: italic;
|
||||
font-stretch: normal;
|
||||
font-display: swap;
|
||||
src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Italic.ttf.woff2' ) . "') format('woff2');
|
||||
}
|
||||
";
|
||||
|
@ -119,5 +121,29 @@ if ( ! function_exists( 'twentytwentytwo_get_font_face_styles' ) ) :
|
|||
|
||||
endif;
|
||||
|
||||
if ( ! function_exists( 'twentytwentytwo_preload_webfonts' ) ) :
|
||||
|
||||
/**
|
||||
* Preloads the main web font to improve performance.
|
||||
*
|
||||
* Only the main web font (font-style: normal) is preloaded here since that font is always relevant (e.g. it used
|
||||
* on every heading). The other font is only needed if there is any applicable content in italic style, and
|
||||
* therefore preloading it would in most cases regress performance when that font would otherwise not be loaded at
|
||||
* all.
|
||||
*
|
||||
* @since Twenty Twenty-Two 1.0
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
function twentytwentytwo_preload_webfonts() {
|
||||
?>
|
||||
<link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
|
||||
<?php
|
||||
}
|
||||
|
||||
endif;
|
||||
|
||||
add_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
|
||||
|
||||
// Add block patterns
|
||||
require get_template_directory() . '/inc/block-patterns.php';
|
||||
|
|
|
@ -5,109 +5,125 @@
|
|||
* @since Twenty Twenty-Two 1.0
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'twentytwentytwo_register_block_patterns' ) ) :
|
||||
/**
|
||||
* Registers block patterns and categories.
|
||||
*
|
||||
* @since Twenty Twenty-Two 1.0
|
||||
*/
|
||||
function twentytwentytwo_register_block_patterns() {
|
||||
$block_pattern_categories = array(
|
||||
'twentytwentytwo-general' => array( 'label' => __( 'Twenty Twenty-Two General', 'twentytwentytwo' ) ),
|
||||
'twentytwentytwo-footers' => array( 'label' => __( 'Twenty Twenty-Two Footers', 'twentytwentytwo' ) ),
|
||||
'twentytwentytwo-headers' => array( 'label' => __( 'Twenty Twenty-Two Headers', 'twentytwentytwo' ) ),
|
||||
'twentytwentytwo-query' => array( 'label' => __( 'Twenty Twenty-Two Posts', 'twentytwentytwo' ) ),
|
||||
'twentytwentytwo-pages' => array( 'label' => __( 'Twenty Twenty-Two Pages', 'twentytwentytwo' ) ),
|
||||
);
|
||||
|
||||
/**
|
||||
* Registers block patterns and categories.
|
||||
* Filters the theme block pattern categories.
|
||||
*
|
||||
* @since Twenty Twenty-Two 1.0
|
||||
*
|
||||
* @param array[] $block_pattern_categories {
|
||||
* An associative array of block pattern categories, keyed by category name.
|
||||
*
|
||||
* @type array[] $properties {
|
||||
* An array of block category properties.
|
||||
*
|
||||
* @type string $label A human-readable label for the pattern category.
|
||||
* }
|
||||
* }
|
||||
*/
|
||||
function twentytwentytwo_register_block_patterns() {
|
||||
$block_pattern_categories = apply_filters( 'twentytwentytwo_block_pattern_categories', $block_pattern_categories );
|
||||
|
||||
register_block_pattern_category(
|
||||
'twentytwentytwo-general',
|
||||
array( 'label' => __( 'Twenty Twenty-Two General', 'twentytwentytwo' ) )
|
||||
);
|
||||
register_block_pattern_category(
|
||||
'twentytwentytwo-footers',
|
||||
array( 'label' => __( 'Twenty Twenty-Two Footers', 'twentytwentytwo' ) )
|
||||
);
|
||||
register_block_pattern_category(
|
||||
'twentytwentytwo-headers',
|
||||
array( 'label' => __( 'Twenty Twenty-Two Headers', 'twentytwentytwo' ) )
|
||||
);
|
||||
register_block_pattern_category(
|
||||
'twentytwentytwo-query',
|
||||
array( 'label' => __( 'Twenty Twenty-Two Posts', 'twentytwentytwo' ) )
|
||||
);
|
||||
register_block_pattern_category(
|
||||
'twentytwentytwo-pages',
|
||||
array( 'label' => __( 'Twenty Twenty-Two Pages', 'twentytwentytwo' ) )
|
||||
);
|
||||
|
||||
$block_patterns = array(
|
||||
'footer-default',
|
||||
'footer-dark',
|
||||
'footer-logo',
|
||||
'footer-navigation',
|
||||
'footer-title-tagline-social',
|
||||
'footer-title-tagline-social-dark',
|
||||
'footer-social-copyright',
|
||||
'footer-navigation-copyright',
|
||||
'footer-about-title-logo',
|
||||
'footer-query-title-citation',
|
||||
'footer-query-images-title-citation',
|
||||
'footer-blog',
|
||||
'general-subscribe',
|
||||
'general-featured-posts',
|
||||
'general-layered-images-with-duotone',
|
||||
'general-wide-image-intro-buttons',
|
||||
'general-large-list-names',
|
||||
'general-video-header-details',
|
||||
'general-list-events',
|
||||
'general-two-images-text',
|
||||
'general-image-with-caption',
|
||||
'general-video-trailer',
|
||||
'general-pricing-table',
|
||||
'general-divider-light',
|
||||
'general-divider-dark',
|
||||
'header-default',
|
||||
'header-large-dark',
|
||||
'header-image-background',
|
||||
'header-image-background-overlay',
|
||||
'header-with-tagline',
|
||||
'header-text-only-green-background',
|
||||
'header-text-only-salmon-background',
|
||||
'header-title-and-button',
|
||||
'header-text-only-with-tagline-black-background',
|
||||
'header-logo-navigation-gray-background',
|
||||
'header-logo-navigation-social-black-background',
|
||||
'header-title-navigation-social',
|
||||
'header-logo-navigation-offset-tagline',
|
||||
'header-stacked',
|
||||
'header-centered-logo',
|
||||
'header-centered-logo-black-background',
|
||||
'header-centered-title-navigation-social',
|
||||
'header-title-and-button',
|
||||
'hidden-404',
|
||||
'hidden-heading-and-bird',
|
||||
'page-about-big-image-and-buttons',
|
||||
'page-about-media-left',
|
||||
'page-about-simple-dark',
|
||||
'page-about-media-right',
|
||||
'page-about-links',
|
||||
'page-about-links-dark',
|
||||
'page-layout-image-and-text',
|
||||
'page-layout-image-text-and-video',
|
||||
'page-layout-two-columns',
|
||||
'page-sidebar-poster',
|
||||
'page-sidebar-grid-posts',
|
||||
'page-sidebar-blog-posts',
|
||||
'page-sidebar-blog-posts-right',
|
||||
'query-default',
|
||||
'query-simple-blog',
|
||||
'query-grid',
|
||||
'query-text-grid',
|
||||
'query-image-grid',
|
||||
'query-large-titles',
|
||||
'query-irregular-grid',
|
||||
);
|
||||
|
||||
foreach ( $block_patterns as $block_pattern ) {
|
||||
register_block_pattern(
|
||||
'twentytwentytwo/' . $block_pattern,
|
||||
require __DIR__ . '/patterns/' . $block_pattern . '.php'
|
||||
);
|
||||
}
|
||||
foreach ( $block_pattern_categories as $name => $properties ) {
|
||||
register_block_pattern_category( $name, $properties );
|
||||
}
|
||||
endif;
|
||||
|
||||
$block_patterns = array(
|
||||
'footer-default',
|
||||
'footer-dark',
|
||||
'footer-logo',
|
||||
'footer-navigation',
|
||||
'footer-title-tagline-social',
|
||||
'footer-social-copyright',
|
||||
'footer-navigation-copyright',
|
||||
'footer-about-title-logo',
|
||||
'footer-query-title-citation',
|
||||
'footer-query-images-title-citation',
|
||||
'footer-blog',
|
||||
'general-subscribe',
|
||||
'general-featured-posts',
|
||||
'general-layered-images-with-duotone',
|
||||
'general-wide-image-intro-buttons',
|
||||
'general-large-list-names',
|
||||
'general-video-header-details',
|
||||
'general-list-events',
|
||||
'general-two-images-text',
|
||||
'general-image-with-caption',
|
||||
'general-video-trailer',
|
||||
'general-pricing-table',
|
||||
'general-divider-light',
|
||||
'general-divider-dark',
|
||||
'header-default',
|
||||
'header-large-dark',
|
||||
'header-small-dark',
|
||||
'header-image-background',
|
||||
'header-image-background-overlay',
|
||||
'header-with-tagline',
|
||||
'header-text-only-green-background',
|
||||
'header-text-only-salmon-background',
|
||||
'header-title-and-button',
|
||||
'header-text-only-with-tagline-black-background',
|
||||
'header-logo-navigation-gray-background',
|
||||
'header-logo-navigation-social-black-background',
|
||||
'header-title-navigation-social',
|
||||
'header-logo-navigation-offset-tagline',
|
||||
'header-stacked',
|
||||
'header-centered-logo',
|
||||
'header-centered-logo-black-background',
|
||||
'header-centered-title-navigation-social',
|
||||
'header-title-and-button',
|
||||
'hidden-404',
|
||||
'hidden-bird',
|
||||
'hidden-heading-and-bird',
|
||||
'page-about-media-left',
|
||||
'page-about-simple-dark',
|
||||
'page-about-media-right',
|
||||
'page-about-solid-color',
|
||||
'page-about-links',
|
||||
'page-about-links-dark',
|
||||
'page-about-large-image-and-buttons',
|
||||
'page-layout-image-and-text',
|
||||
'page-layout-image-text-and-video',
|
||||
'page-layout-two-columns',
|
||||
'page-sidebar-poster',
|
||||
'page-sidebar-grid-posts',
|
||||
'page-sidebar-blog-posts',
|
||||
'page-sidebar-blog-posts-right',
|
||||
'query-default',
|
||||
'query-simple-blog',
|
||||
'query-grid',
|
||||
'query-text-grid',
|
||||
'query-image-grid',
|
||||
'query-large-titles',
|
||||
'query-irregular-grid',
|
||||
);
|
||||
|
||||
/**
|
||||
* Filters the theme block patterns.
|
||||
*
|
||||
* @since Twenty Twenty-Two 1.0
|
||||
*
|
||||
* @param $block_patterns array List of block patterns by name.
|
||||
*/
|
||||
$block_patterns = apply_filters( 'twentytwentytwo_block_patterns', $block_patterns );
|
||||
|
||||
foreach ( $block_patterns as $block_pattern ) {
|
||||
register_block_pattern(
|
||||
'twentytwentytwo/' . $block_pattern,
|
||||
require __DIR__ . '/patterns/' . $block_pattern . '.php'
|
||||
);
|
||||
}
|
||||
}
|
||||
add_action( 'init', 'twentytwentytwo_register_block_patterns', 9 );
|
||||
|
|
|
@ -1,84 +1,26 @@
|
|||
<?php
|
||||
/**
|
||||
* Footer with title, tagline, and social links
|
||||
* Footer with title, tagline, and social links on a dark background
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'Footer with title, tagline, and social links', 'twentytwentytwo' ),
|
||||
'title' => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-footers' ),
|
||||
'blockTypes' => array( 'core/template-part/footer' ),
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
|
||||
<figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt="' . esc_html__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '"/></figure>
|
||||
<!-- /wp:image -->
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"4rem","bottom":"4rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:group -->
|
||||
<div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"textTransform":"uppercase"}}} /-->
|
||||
|
||||
<!-- wp:spacer {"height":16} -->
|
||||
<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
<!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
<!-- wp:social-links {"iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","layout":{"type":"flex","justifyContent":"right"}} -->
|
||||
<ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'See my process', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:spacer {"height":32} -->
|
||||
<div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://wordpress.org/","service":"wordpress"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"https://www.instagram.com/","service":"instagram"} /--></ul>
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:group --></div>
|
||||
<!-- /wp:group -->',
|
||||
);
|
||||
|
|
|
@ -18,8 +18,8 @@ return array(
|
|||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column {"verticalAlignment":"center"} -->
|
||||
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
|
||||
<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}}} -->
|
||||
<div class="wp-block-column is-vertically-aligned-center" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
|
||||
<hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
|
||||
<!-- /wp:separator --></div>
|
||||
<!-- /wp:column --></div>
|
||||
|
|
|
@ -8,7 +8,7 @@ return array(
|
|||
'content' => '<!-- wp:columns {"align":"wide"} -->
|
||||
<div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
|
||||
<div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"sizeSlug":"large"} -->
|
||||
<figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon-alt-crop.jpg" alt="' . esc_attr__( 'Illustration of a bird sitting on a branch.', 'twentytwentytwo' ) . '"/></figure>
|
||||
<figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Illustration of a bird sitting on a branch.', 'twentytwentytwo' ) . '"/></figure>
|
||||
<!-- /wp:image --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
|
|
|
@ -6,8 +6,8 @@ return array(
|
|||
'title' => __( 'Header with image background', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-headers' ),
|
||||
'blockTypes' => array( 'core/template-part/header' ),
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":70,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"8rem","left":"max(1.25rem, 5vw)"}},"color":{}}} -->
|
||||
<div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw);min-height:400px"><span aria-hidden="true" class="has-background-dim-70 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
'content' => '<!-- wp:cover {"url":"' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg","dimRatio":0,"focalPoint":{"x":"0.58","y":"0.58"},"minHeight":400,"contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"8rem","left":"max(1.25rem, 5vw)"}},"color":{}}} -->
|
||||
<div class="wp-block-cover alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:8rem;padding-left:max(1.25rem, 5vw);min-height:400px"><span aria-hidden="true" class="has-background-dim-0 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Illustration of a flying bird', 'twentytwentytwo' ) . '" src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-c.jpg" style="object-position:58% 58%" data-object-fit="cover" data-object-position="58% 58%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"textColor":"foreground","layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<div class="wp-block-group alignwide has-foreground-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /-->
|
||||
|
||||
<!-- wp:navigation {"itemsJustification":"right","isResponsive":true} -->
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
<?php
|
||||
/**
|
||||
* Large header block pattern
|
||||
* Large header with dark background block pattern
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'Large header', 'twentytwentytwo' ),
|
||||
'title' => __( 'Large header with dark background', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-headers' ),
|
||||
'blockTypes' => array( 'core/template-part/header' ),
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"8rem","right":"0px","left":"0px"},"margin":{"bottom":"8rem"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
|
|
|
@ -0,0 +1,28 @@
|
|||
<?php
|
||||
/**
|
||||
* Small header with dark background block pattern
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'Small header with dark background', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-headers' ),
|
||||
'blockTypes' => array( 'core/template-part/header' ),
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}},"spacing":{"padding":{"top":"0px","bottom":"0px","right":"0px","left":"0px"},"margin":{"bottom":"8rem"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background has-link-color" style="margin-bottom:8rem;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)","top":"0px","bottom":"0px"}}},"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:0px;padding-right:max(1.25rem, 5vw);padding-bottom:0px;padding-left:max(1.25rem, 5vw)"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","bottom":"8rem"}}},"layout":{"type":"flex","justifyContent":"space-between"}} -->
|
||||
<div class="wp-block-group alignwide" style="padding-top:max(1.25rem, 5vw);padding-bottom:8rem"><!-- wp:group {"layout":{"type":"flex"}} -->
|
||||
<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
|
||||
|
||||
<!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:navigation {"itemsJustification":"right","isResponsive":true} -->
|
||||
<!-- wp:page-list /-->
|
||||
<!-- /wp:navigation --></div>
|
||||
<!-- /wp:group --></div>
|
||||
<!-- /wp:group -->
|
||||
|
||||
<!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
|
||||
<figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
|
||||
<!-- /wp:image --></div>
|
||||
<!-- /wp:group -->',
|
||||
);
|
|
@ -0,0 +1,14 @@
|
|||
<?php
|
||||
/**
|
||||
* Bird image
|
||||
*
|
||||
* This pattern is used only to reference a dynamic image URL.
|
||||
* It does not appear in the inserter.
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'Heading and bird image', 'twentytwentytwo' ),
|
||||
'inserter' => false,
|
||||
'content' => '<!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none"} -->
|
||||
<figure class="wp-block-image alignwide size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-transparent-d.png" alt="' . esc_attr__( 'Illustration of a bird flying.', 'twentytwentytwo' ) . '"/></figure>
|
||||
<!-- /wp:image -->',
|
||||
);
|
|
@ -0,0 +1,79 @@
|
|||
<?php
|
||||
/**
|
||||
* About page with large image and buttons
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'About page with large image and buttons', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-pages' ),
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"max(1.25rem, 5vw)","right":"max(1.25rem, 5vw)","bottom":"max(1.25rem, 5vw)","left":"max(1.25rem, 5vw)"}}},"layout":{"inherit":true}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:max(1.25rem, 5vw);padding-right:max(1.25rem, 5vw);padding-bottom:max(1.25rem, 5vw);padding-left:max(1.25rem, 5vw)"><!-- wp:image {"align":"full","sizeSlug":"full","linkDestination":"none"} -->
|
||||
<figure class="wp-block-image alignfull size-full"><img src="' . esc_url( get_stylesheet_directory_uri() ) . '/assets/images/flight-path-on-gray-b.jpg" alt=""/></figure>
|
||||
<!-- /wp:image -->
|
||||
|
||||
<!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Purchase my work', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Support my studio', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Take a class', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:columns {"align":"full"} -->
|
||||
<div class="wp-block-columns alignfull"><!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Read about me', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Learn about my process', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column -->
|
||||
|
||||
<!-- wp:column -->
|
||||
<div class="wp-block-column"><!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"width":100} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100"><a class="wp-block-button__link">' . esc_html__( 'Join my mailing list', 'twentytwentytwo' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons --></div>
|
||||
<!-- /wp:column --></div>
|
||||
<!-- /wp:columns -->
|
||||
|
||||
<!-- wp:spacer {"height":50} -->
|
||||
<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--preset--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"facebook"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --></div>
|
||||
<!-- /wp:group -->',
|
||||
);
|
|
@ -12,13 +12,9 @@ return array(
|
|||
|
||||
<!-- wp:site-logo {"width":60} /-->
|
||||
|
||||
<!-- wp:spacer {"height":380} -->
|
||||
<div style="height:380px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)"}}}} -->
|
||||
<div class="wp-block-group" style="padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
|
||||
<h2 id="doug-stilton-1" style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . esc_html__( 'Doug', 'twentytwentytwo' ) . '<br>' . esc_html__( 'Stilton', 'twentytwentytwo' ) . '</em></h2>
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(28rem, 28vw)"}}}} -->
|
||||
<div class="wp-block-group" style="padding-top:min(28rem, 28vw);padding-right:min(8rem, 5vw)"><!-- wp:heading {"style":{"typography":{"fontWeight":"300","lineHeight":"1.115","fontSize":"clamp(3rem, 6vw, 4.5rem)"}}} -->
|
||||
<h2 style="font-size:clamp(3rem, 6vw, 4.5rem);font-weight:300;line-height:1.115"><em>' . esc_html__( 'Doug', 'twentytwentytwo' ) . '<br>' . esc_html__( 'Stilton', 'twentytwentytwo' ) . '</em></h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.6"}}} -->
|
||||
|
|
|
@ -0,0 +1,41 @@
|
|||
<?php
|
||||
/**
|
||||
* About page on solid color background
|
||||
*/
|
||||
return array(
|
||||
'title' => __( 'About page on solid color background', 'twentytwentytwo' ),
|
||||
'categories' => array( 'twentytwentytwo-pages' ),
|
||||
'content' => '<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"1.25rem","right":"1.25rem","bottom":"1.25rem","left":"1.25rem"}}}} -->
|
||||
<div class="wp-block-group alignfull" style="padding-top:1.25rem;padding-right:1.25rem;padding-bottom:1.25rem;padding-left:1.25rem"><!-- wp:cover {"overlayColor":"secondary","minHeight":80,"minHeightUnit":"vh","isDark":false,"align":"full"} -->
|
||||
<div class="wp-block-cover alignfull is-light" style="min-height:80vh"><span aria-hidden="true" class="has-secondary-background-color has-background-dim-100 wp-block-cover__gradient-background has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"inherit":false,"contentSize":"400px"}} -->
|
||||
<div class="wp-block-group"><!-- wp:spacer {"height":64} -->
|
||||
<div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer --><!-- wp:heading {"style":{"typography":{"lineHeight":"1","textTransform":"uppercase","fontSize":"clamp(3rem, 6vw, 4rem)"}}} -->
|
||||
<h2 id="edvard-smith" style="font-size:clamp(3rem, 6vw, 4rem);line-height:1;text-transform:uppercase">' . wp_kses_post( __( 'Edvard<br>Smith', 'twentytwentytwo' ) ) . '</h2>
|
||||
<!-- /wp:heading -->
|
||||
|
||||
<!-- wp:spacer {"height":8} -->
|
||||
<div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:paragraph {"fontSize":"small"} -->
|
||||
<p class="has-small-font-size">' . esc_html__( 'Oh hello. My name’s Edvard, and you’ve found your way to my website. I’m an avid bird watcher, and I also broadcast my own radio show every Tuesday evening at 11PM EDT. Listen in sometime!', 'twentytwentytwo' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
|
||||
<!-- wp:spacer {"height":8} -->
|
||||
<div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
|
||||
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"var(--wp--preset--color--foreground)","className":"is-style-logos-only"} -->
|
||||
<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"wordpress"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"twitter"} /-->
|
||||
|
||||
<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links --><!-- wp:spacer {"height":64} -->
|
||||
<div style="height:64px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer --></div>
|
||||
<!-- /wp:group --></div></div>
|
||||
<!-- /wp:cover --></div>
|
||||
<!-- /wp:group -->',
|
||||
);
|
|
@ -9,7 +9,11 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
|
|||
|
||||
== Description ==
|
||||
|
||||
The WordPress default theme for 2022.
|
||||
Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page.
|
||||
|
||||
The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks.
|
||||
|
||||
Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
|
||||
|
||||
== Changelog ==
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@ Theme Name: Twenty Twenty-Two
|
|||
Theme URI: https://github.com/wordpress/twentytwentytwo/
|
||||
Author: the WordPress team
|
||||
Author URI: https://wordpress.org/
|
||||
Description: The WordPress default theme for 2022.
|
||||
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
|
||||
Requires at least: 5.8
|
||||
Tested up to: 5.9
|
||||
Requires PHP: 5.6
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
]
|
||||
},
|
||||
{
|
||||
"name": "page-home",
|
||||
"title": "Homepage",
|
||||
"name": "page-large-header",
|
||||
"title": "Page (Large Header)",
|
||||
"postTypes": [
|
||||
"page"
|
||||
]
|
||||
|
@ -140,7 +140,7 @@
|
|||
"spacing": {
|
||||
"small": "max(1.25rem, 5vw)",
|
||||
"medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
|
||||
"large": "8rem"
|
||||
"large": "clamp(4rem, 10vw, 8rem)"
|
||||
},
|
||||
"typography": {
|
||||
"font-size": {
|
||||
|
@ -356,7 +356,12 @@
|
|||
},
|
||||
{
|
||||
"name": "header-large-dark",
|
||||
"title": "Header — Dark",
|
||||
"title": "Header (Dark, large)",
|
||||
"area": "header"
|
||||
},
|
||||
{
|
||||
"name": "header-small-dark",
|
||||
"title": "Header (Dark, small)",
|
||||
"area": "header"
|
||||
},
|
||||
{
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
*
|
||||
* @global string $wp_version
|
||||
*/
|
||||
$wp_version = '5.9-alpha-52221';
|
||||
$wp_version = '5.9-alpha-52222';
|
||||
|
||||
/**
|
||||
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||
|
|
Loading…
Reference in New Issue