Get WordPress

Make WordPress Core

Changeset 52222

Timestamp:
11/19/2021 08:12:44 PM (3 years 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":""}}},"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:;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":{"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
    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
    114116            src: url('" . get_theme_file_uri( 'assets/fonts/SourceSerif4Variable-Italic.ttf.woff2' ) . "') format('woff2');
    115117        }
    … …  
    120122endif;
    121123
     124
     125
     126
     127
     128
     129
     130
     131
     132
     133
     134
     135
     136
     137
     138
     139
     140
     141
     142
     143
     144
     145
     146
     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     * categories.
    1124     *
    1225     * @since Twenty Twenty-Two 1.0
     26
     27
     28
     29
     30
     31
     32
     33
     34
     35
    1336     */
    14     function twentytwentytwo_register_block_patterns() {
     37   
    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
    44 */
    55return array(
    6     'title'      => __( 'Footer with title, tagline, and social links', 'twentytwentytwo' ),
     6    'title'      => __( 'Footer with title, tagline, and social links', '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":{","layout":{"inherit":true}} -->
     10                    <div class="wp-block-group alignfull} -->
     11                    <>
     12                    <-->
    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
    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"} -->
     22                    <div class="wp-block-column is-vertically-aligned-center"><!-- 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 block pattern
    44 */
    55return array(
    6     'title'      => __( 'Large header', 'twentytwentytwo' ),
     6    'title'      => __( 'Large header', '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: .
    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-",
     14            "title": "",
    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": ""
    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.