WordPress.org

Make WordPress Core

Changeset 52222


Ignore:
Timestamp:
11/19/2021 08:12:44 PM (2 weeks ago)
Author:
jffng
Message:

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 https://github.com/WordPress/twentytwentytwo/compare/e4f69d0b7ed93f73b33c5991430618d01b0e3cac...25d74deaa57ba49b5a64a8569e6dd9ebadbfb23c.

Props jeffpaul, richtabor, netweb, luminuu, melchoyce, beafealho, clucasrowlands, desrosj, flixos90, joen, otto42, saju4wordpress, westonruter, kjellr, poena.
See #54318.

Location:
trunk/src/wp-content/themes/twentytwentytwo
Files:
9 added
16 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentytwentytwo/block-template-parts/header-large-dark.html

    r52081 r52222  
    1 <!-- 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}} -->
    2 <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}} -->
     1<!-- 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}} -->
     2<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}} -->
    33<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>
    44<!-- /wp:group -->
  • trunk/src/wp-content/themes/twentytwentytwo/block-template-parts/header.html

    r52081 r52222  
    11<!-- 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"}} -->
    22<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"}} -->
    3 <div class="wp-block-group">
    4 <!-- wp:site-logo {"width":64} /-->
     3<div class="wp-block-group"><!-- wp:site-logo {"width":64} /-->
    54
    65<!-- wp:site-title {"style":{"typography":{"fontStyle":"italic","fontWeight":"400"}}} /--></div>
  • trunk/src/wp-content/themes/twentytwentytwo/block-templates/404.html

    r52081 r52222  
    1 <!-- 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}} /-->
     1<!-- 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}} /-->
    22
    33<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
  • trunk/src/wp-content/themes/twentytwentytwo/block-templates/index.html

    r52081 r52222  
    33<!-- wp:group {"style":{"spacing":{"padding":{"right":"var(--wp--custom--spacing--small, 1.25rem)","left":"var(--wp--custom--spacing--small, 1.25rem)"}}}} -->
    44<div class="wp-block-group" style="padding-right:var(--wp--custom--spacing--small, 1.25rem);padding-left:var(--wp--custom--spacing--small, 1.25rem)">
    5 
    6 <!-- wp:group {"layout":{"inherit":true}} -->
    7 <div class="wp-block-group"><!-- wp:query-title {"type":"archive","align":"wide","style":{"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"},"spacing":{"margin":{"bottom":"6rem"}}}} /--></div>
    8 <!-- /wp:group -->
    95
    106<!-- 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"} -->
  • trunk/src/wp-content/themes/twentytwentytwo/functions.php

    r52164 r52222  
    104104            font-style: normal;
    105105            font-stretch: normal;
     106            font-display: swap;
    106107            src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) . "') format('woff2');
    107108        }
     
    112113            font-style: italic;
    113114            font-stretch: normal;
     115            font-display: swap;
    114116            src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Italic.ttf.woff2' ) . "') format('woff2');
    115117        }
     
    120122endif;
    121123
     124if ( ! function_exists( 'twentytwentytwo_preload_webfonts' ) ) :
     125
     126    /**
     127     * Preloads the main web font to improve performance.
     128     *
     129     * Only the main web font (font-style: normal) is preloaded here since that font is always relevant (e.g. it used
     130     * on every heading). The other font is only needed if there is any applicable content in italic style, and
     131     * therefore preloading it would in most cases regress performance when that font would otherwise not be loaded at
     132     * all.
     133     *
     134     * @since Twenty Twenty-Two 1.0
     135     *
     136     * @return void
     137     */
     138    function twentytwentytwo_preload_webfonts() {
     139        ?>
     140        <link rel="preload" href="<?php echo esc_url( get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Roman.ttf.woff2' ) ); ?>" as="font" type="font/woff2" crossorigin>
     141        <?php
     142    }
     143
     144endif;
     145
     146add_action( 'wp_head', 'twentytwentytwo_preload_webfonts' );
     147
    122148// Add block patterns
    123149require get_template_directory() . '/inc/block-patterns.php';
  • trunk/src/wp-content/themes/twentytwentytwo/inc/block-patterns.php

    r52081 r52222  
    66 */
    77
    8 if ( ! function_exists( 'twentytwentytwo_register_block_patterns' ) ) :
     8/**
     9 * Registers block patterns and categories.
     10 *
     11 * @since Twenty Twenty-Two 1.0
     12 */
     13function twentytwentytwo_register_block_patterns() {
     14    $block_pattern_categories = array(
     15        'twentytwentytwo-general' => array( 'label' => __( 'Twenty Twenty-Two General', 'twentytwentytwo' ) ),
     16        'twentytwentytwo-footers' => array( 'label' => __( 'Twenty Twenty-Two Footers', 'twentytwentytwo' ) ),
     17        'twentytwentytwo-headers' => array( 'label' => __( 'Twenty Twenty-Two Headers', 'twentytwentytwo' ) ),
     18        'twentytwentytwo-query'   => array( 'label' => __( 'Twenty Twenty-Two Posts', 'twentytwentytwo' ) ),
     19        'twentytwentytwo-pages'   => array( 'label' => __( 'Twenty Twenty-Two Pages', 'twentytwentytwo' ) ),
     20    );
     21
    922    /**
    10      * Registers block patterns and categories.
     23     * Filters the theme block pattern categories.
    1124     *
    1225     * @since Twenty Twenty-Two 1.0
     26     *
     27     * @param array[] $block_pattern_categories {
     28     *     An associative array of block pattern categories, keyed by category name.
     29     *
     30     *     @type array[] $properties {
     31     *         An array of block category properties.
     32     *
     33     *         @type string $label A human-readable label for the pattern category.
     34     *     }
     35     * }
    1336     */
    14     function twentytwentytwo_register_block_patterns() {
     37    $block_pattern_categories = apply_filters( 'twentytwentytwo_block_pattern_categories', $block_pattern_categories );
    1538
    16         register_block_pattern_category(
    17             'twentytwentytwo-general',
    18             array( 'label' => __( 'Twenty Twenty-Two General', 'twentytwentytwo' ) )
     39    foreach ( $block_pattern_categories as $name => $properties ) {
     40        register_block_pattern_category( $name, $properties );
     41    }
     42
     43    $block_patterns = array(
     44        'footer-default',
     45        'footer-dark',
     46        'footer-logo',
     47        'footer-navigation',
     48        'footer-title-tagline-social',
     49        'footer-social-copyright',
     50        'footer-navigation-copyright',
     51        'footer-about-title-logo',
     52        'footer-query-title-citation',
     53        'footer-query-images-title-citation',
     54        'footer-blog',
     55        'general-subscribe',
     56        'general-featured-posts',
     57        'general-layered-images-with-duotone',
     58        'general-wide-image-intro-buttons',
     59        'general-large-list-names',
     60        'general-video-header-details',
     61        'general-list-events',
     62        'general-two-images-text',
     63        'general-image-with-caption',
     64        'general-video-trailer',
     65        'general-pricing-table',
     66        'general-divider-light',
     67        'general-divider-dark',
     68        'header-default',
     69        'header-large-dark',
     70        'header-small-dark',
     71        'header-image-background',
     72        'header-image-background-overlay',
     73        'header-with-tagline',
     74        'header-text-only-green-background',
     75        'header-text-only-salmon-background',
     76        'header-title-and-button',
     77        'header-text-only-with-tagline-black-background',
     78        'header-logo-navigation-gray-background',
     79        'header-logo-navigation-social-black-background',
     80        'header-title-navigation-social',
     81        'header-logo-navigation-offset-tagline',
     82        'header-stacked',
     83        'header-centered-logo',
     84        'header-centered-logo-black-background',
     85        'header-centered-title-navigation-social',
     86        'header-title-and-button',
     87        'hidden-404',
     88        'hidden-bird',
     89        'hidden-heading-and-bird',
     90        'page-about-media-left',
     91        'page-about-simple-dark',
     92        'page-about-media-right',
     93        'page-about-solid-color',
     94        'page-about-links',
     95        'page-about-links-dark',
     96        'page-about-large-image-and-buttons',
     97        'page-layout-image-and-text',
     98        'page-layout-image-text-and-video',
     99        'page-layout-two-columns',
     100        'page-sidebar-poster',
     101        'page-sidebar-grid-posts',
     102        'page-sidebar-blog-posts',
     103        'page-sidebar-blog-posts-right',
     104        'query-default',
     105        'query-simple-blog',
     106        'query-grid',
     107        'query-text-grid',
     108        'query-image-grid',
     109        'query-large-titles',
     110        'query-irregular-grid',
     111    );
     112
     113    /**
     114     * Filters the theme block patterns.
     115     *
     116     * @since Twenty Twenty-Two 1.0
     117     *
     118     * @param $block_patterns array List of block patterns by name.
     119     */
     120    $block_patterns = apply_filters( 'twentytwentytwo_block_patterns', $block_patterns );
     121
     122    foreach ( $block_patterns as $block_pattern ) {
     123        register_block_pattern(
     124            'twentytwentytwo/' . $block_pattern,
     125            require __DIR__ . '/patterns/' . $block_pattern . '.php'
    19126        );
    20         register_block_pattern_category(
    21             'twentytwentytwo-footers',
    22             array( 'label' => __( 'Twenty Twenty-Two Footers', 'twentytwentytwo' ) )
    23         );
    24         register_block_pattern_category(
    25             'twentytwentytwo-headers',
    26             array( 'label' => __( 'Twenty Twenty-Two Headers', 'twentytwentytwo' ) )
    27         );
    28         register_block_pattern_category(
    29             'twentytwentytwo-query',
    30             array( 'label' => __( 'Twenty Twenty-Two Posts', 'twentytwentytwo' ) )
    31         );
    32         register_block_pattern_category(
    33             'twentytwentytwo-pages',
    34             array( 'label' => __( 'Twenty Twenty-Two Pages', 'twentytwentytwo' ) )
    35         );
    36 
    37         $block_patterns = array(
    38             'footer-default',
    39             'footer-dark',
    40             'footer-logo',
    41             'footer-navigation',
    42             'footer-title-tagline-social',
    43             'footer-title-tagline-social-dark',
    44             'footer-social-copyright',
    45             'footer-navigation-copyright',
    46             'footer-about-title-logo',
    47             'footer-query-title-citation',
    48             'footer-query-images-title-citation',
    49             'footer-blog',
    50             'general-subscribe',
    51             'general-featured-posts',
    52             'general-layered-images-with-duotone',
    53             'general-wide-image-intro-buttons',
    54             'general-large-list-names',
    55             'general-video-header-details',
    56             'general-list-events',
    57             'general-two-images-text',
    58             'general-image-with-caption',
    59             'general-video-trailer',
    60             'general-pricing-table',
    61             'general-divider-light',
    62             'general-divider-dark',
    63             'header-default',
    64             'header-large-dark',
    65             'header-image-background',
    66             'header-image-background-overlay',
    67             'header-with-tagline',
    68             'header-text-only-green-background',
    69             'header-text-only-salmon-background',
    70             'header-title-and-button',
    71             'header-text-only-with-tagline-black-background',
    72             'header-logo-navigation-gray-background',
    73             'header-logo-navigation-social-black-background',
    74             'header-title-navigation-social',
    75             'header-logo-navigation-offset-tagline',
    76             'header-stacked',
    77             'header-centered-logo',
    78             'header-centered-logo-black-background',
    79             'header-centered-title-navigation-social',
    80             'header-title-and-button',
    81             'hidden-404',
    82             'hidden-heading-and-bird',
    83             'page-about-big-image-and-buttons',
    84             'page-about-media-left',
    85             'page-about-simple-dark',
    86             'page-about-media-right',
    87             'page-about-links',
    88             'page-about-links-dark',
    89             'page-layout-image-and-text',
    90             'page-layout-image-text-and-video',
    91             'page-layout-two-columns',
    92             'page-sidebar-poster',
    93             'page-sidebar-grid-posts',
    94             'page-sidebar-blog-posts',
    95             'page-sidebar-blog-posts-right',
    96             'query-default',
    97             'query-simple-blog',
    98             'query-grid',
    99             'query-text-grid',
    100             'query-image-grid',
    101             'query-large-titles',
    102             'query-irregular-grid',
    103         );
    104 
    105         foreach ( $block_patterns as $block_pattern ) {
    106             register_block_pattern(
    107                 'twentytwentytwo/' . $block_pattern,
    108                 require __DIR__ . '/patterns/' . $block_pattern . '.php'
    109             );
    110         }
    111127    }
    112 endif;
     128}
    113129add_action( 'init', 'twentytwentytwo_register_block_patterns', 9 );
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/footer-title-tagline-social.php

    r52081 r52222  
    11<?php
    22/**
    3  * Footer with title, tagline, and social links
     3 * Footer with title, tagline, and social links on a dark background
    44 */
    55return array(
    6     'title'      => __( 'Footer with title, tagline, and social links', 'twentytwentytwo' ),
     6    'title'      => __( 'Footer with title, tagline, and social links on a dark background', 'twentytwentytwo' ),
    77    'categories' => array( 'twentytwentytwo-footers' ),
    88    'blockTypes' => array( 'core/template-part/footer' ),
    9     '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}} -->
    10                     <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"} -->
    11                     <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>
    12                     <!-- /wp:image -->
     9    'content'    => '<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
     10                    <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"}} -->
     11                    <div class="wp-block-group alignwide" style="padding-top:4rem;padding-bottom:4rem"><!-- wp:group -->
     12                    <div class="wp-block-group"><!-- wp:site-title {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"textTransform":"uppercase"}}} /-->
    1313
    14                     <!-- wp:spacer {"height":16} -->
    15                     <div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
    16                     <!-- /wp:spacer -->
     14                    <!-- wp:site-tagline {"style":{"spacing":{"margin":{"top":"0.25em","bottom":"0px"}},"typography":{"fontStyle":"italic","fontWeight":"400"}},"fontSize":"small"} /--></div>
     15                    <!-- /wp:group -->
    1716
    18                     <!-- wp:columns {"align":"full"} -->
    19                     <div class="wp-block-columns alignfull"><!-- wp:column -->
    20                     <div class="wp-block-column"><!-- wp:buttons -->
    21                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    22                     <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>
    23                     <!-- /wp:button --></div>
    24                     <!-- /wp:buttons --></div>
    25                     <!-- /wp:column -->
     17                    <!-- wp:social-links {"iconBackgroundColor":"foreground","iconBackgroundColorValue":"var(--wp--preset--color--foreground)","layout":{"type":"flex","justifyContent":"right"}} -->
     18                    <ul class="wp-block-social-links has-icon-background-color"><!-- wp:social-link {"url":"#","service":"facebook"} /-->
    2619
    27                     <!-- wp:column -->
    28                     <div class="wp-block-column"><!-- wp:buttons -->
    29                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    30                     <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>
    31                     <!-- /wp:button --></div>
    32                     <!-- /wp:buttons --></div>
    33                     <!-- /wp:column -->
     20                    <!-- wp:social-link {"url":"#","service":"twitter"} /-->
    3421
    35                     <!-- wp:column -->
    36                     <div class="wp-block-column"><!-- wp:buttons -->
    37                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    38                     <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>
    39                     <!-- /wp:button --></div>
    40                     <!-- /wp:buttons --></div>
    41                     <!-- /wp:column --></div>
    42                     <!-- /wp:columns -->
    43 
    44                     <!-- wp:columns {"align":"full"} -->
    45                     <div class="wp-block-columns alignfull"><!-- wp:column -->
    46                     <div class="wp-block-column"><!-- wp:buttons -->
    47                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    48                     <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>
    49                     <!-- /wp:button --></div>
    50                     <!-- /wp:buttons --></div>
    51                     <!-- /wp:column -->
    52 
    53                     <!-- wp:column -->
    54                     <div class="wp-block-column"><!-- wp:buttons -->
    55                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    56                     <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>
    57                     <!-- /wp:button --></div>
    58                     <!-- /wp:buttons --></div>
    59                     <!-- /wp:column -->
    60 
    61                     <!-- wp:column -->
    62                     <div class="wp-block-column"><!-- wp:buttons -->
    63                     <div class="wp-block-buttons"><!-- wp:button {"width":100} -->
    64                     <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>
    65                     <!-- /wp:button --></div>
    66                     <!-- /wp:buttons --></div>
    67                     <!-- /wp:column --></div>
    68                     <!-- /wp:columns -->
    69 
    70                     <!-- wp:spacer {"height":32} -->
    71                     <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
    72                     <!-- /wp:spacer -->
    73 
    74                     <!-- wp:social-links {"iconColor":"primary","iconColorValue":"var(--wp--custom--color--primary)","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
    75                     <ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://wordpress.org/","service":"wordpress"} /-->
    76 
    77                     <!-- wp:social-link {"url":"https://www.facebook.com/","service":"facebook"} /-->
    78 
    79                     <!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
    80 
    81                     <!-- wp:social-link {"url":"https://www.instagram.com/","service":"instagram"} /--></ul>
     22                    <!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>
    8223                    <!-- /wp:social-links --></div>
     24                    <!-- /wp:group --></div>
    8325                    <!-- /wp:group -->',
    8426);
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-subscribe.php

    r52081 r52222  
    1919                    <!-- /wp:column -->
    2020
    21                     <!-- wp:column {"verticalAlignment":"center"} -->
    22                     <div class="wp-block-column is-vertically-aligned-center"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
     21                    <!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"2rem","bottom":"2rem"}}}} -->
     22                    <div class="wp-block-column is-vertically-aligned-center" style="padding-top:2rem;padding-bottom:2rem"><!-- wp:separator {"color":"primary","className":"is-style-wide"} -->
    2323                    <hr class="wp-block-separator has-text-color has-background has-primary-background-color has-primary-color is-style-wide"/>
    2424                    <!-- /wp:separator --></div>
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/general-two-images-text.php

    r52081 r52222  
    99                    <div class="wp-block-columns alignwide"><!-- wp:column {"style":{"spacing":{"padding":{"top":"0rem","right":"0rem","bottom":"0rem","left":"0rem"}}}} -->
    1010                    <div class="wp-block-column" style="padding-top:0rem;padding-right:0rem;padding-bottom:0rem;padding-left:0rem"><!-- wp:image {"sizeSlug":"large"} -->
    11                     <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>
     11                    <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>
    1212                    <!-- /wp:image --></div>
    1313                    <!-- /wp:column -->
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-image-background.php

    r52081 r52222  
    77    'categories' => array( 'twentytwentytwo-headers' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
    9     '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":{}}} -->
    10                     <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"}} -->
     9    '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":{}}} -->
     10                    <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"}} -->
    1111                    <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"}}} /-->
    1212
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/header-large-dark.php

    r52081 r52222  
    11<?php
    22/**
    3  * Large header block pattern
     3 * Large header with dark background block pattern
    44 */
    55return array(
    6     'title'      => __( 'Large header', 'twentytwentytwo' ),
     6    'title'      => __( 'Large header with dark background', 'twentytwentytwo' ),
    77    'categories' => array( 'twentytwentytwo-headers' ),
    88    'blockTypes' => array( 'core/template-part/header' ),
  • trunk/src/wp-content/themes/twentytwentytwo/inc/patterns/page-about-media-left.php

    r52081 r52222  
    1313                    <!-- wp:site-logo {"width":60} /-->
    1414
    15                     <!-- wp:spacer {"height":380} -->
    16                     <div style="height:380px" aria-hidden="true" class="wp-block-spacer"></div>
    17                     <!-- /wp:spacer -->
    18 
    19                     <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)"}}}} -->
    20                     <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)"}}} -->
    21                     <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>
     15                    <!-- wp:group {"style":{"spacing":{"padding":{"right":"min(8rem, 5vw)","top":"min(28rem, 28vw)"}}}} -->
     16                    <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)"}}} -->
     17                    <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>
    2218                    <!-- /wp:heading -->
    2319
  • trunk/src/wp-content/themes/twentytwentytwo/readme.txt

    r52221 r52222  
    1010== Description ==
    1111
    12 The WordPress default theme for 2022.
     12Built 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.
     13
     14The 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.
     15
     16Whether 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.
    1317
    1418== Changelog ==
  • trunk/src/wp-content/themes/twentytwentytwo/style.css

    r52221 r52222  
    44Author: the WordPress team
    55Author URI: https://wordpress.org/
    6 Description: The WordPress default theme for 2022.
     6Description: 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.
    77Requires at least: 5.8
    88Tested up to: 5.9
  • trunk/src/wp-content/themes/twentytwentytwo/theme.json

    r52164 r52222  
    1111        },
    1212        {
    13             "name": "page-home",
    14             "title": "Homepage",
     13            "name": "page-large-header",
     14            "title": "Page (Large Header)",
    1515            "postTypes": [
    1616                "page"
     
    141141                "small": "max(1.25rem, 5vw)",
    142142                "medium": "clamp(2rem, 8vw, calc(4 * var(--wp--style--block-gap)))",
    143                 "large": "8rem"
     143                "large": "clamp(4rem, 10vw, 8rem)"
    144144            },
    145145            "typography": {
     
    357357        {
    358358            "name": "header-large-dark",
    359             "title": "Header — Dark",
     359            "title": "Header (Dark, large)",
     360            "area": "header"
     361        },
     362        {
     363            "name": "header-small-dark",
     364            "title": "Header (Dark, small)",
    360365            "area": "header"
    361366        },
Note: See TracChangeset for help on using the changeset viewer.