mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-19 11:01:23 +02:00
88cedeac5c
Upon further examination, this change was not great for backwards compatibility, resulting in block validation errors when running on older versions of WordPress. While there are currently many `console.info()` notices caused by older format block syntax being updated to the current version included in WordPress 5.8, the blocks do not break. Block patterns do not currently have a versioning mechanism, or a means to indicate which versions of WordPress are supported. See #53617. Built from https://develop.svn.wordpress.org/trunk@51434 git-svn-id: http://core.svn.wordpress.org/trunk@51045 1a063a9b-81f0-0310-95a4-ce76da25c4cd
158 lines
7.4 KiB
PHP
158 lines
7.4 KiB
PHP
<?php
|
|
/**
|
|
* Twenty Sixteen Theme: Block Patterns
|
|
*
|
|
* @package WordPress
|
|
* @subpackage Twenty_Sixteen
|
|
* @since Twenty Sixteen 2.3
|
|
*/
|
|
|
|
/**
|
|
* Register Block Pattern Category.
|
|
*/
|
|
if ( function_exists( 'register_block_pattern_category' ) ) {
|
|
|
|
register_block_pattern_category(
|
|
'twentysixteen',
|
|
array( 'label' => __( 'Twenty Sixteen', 'twentysixteen' ) )
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Register Block Patterns.
|
|
*/
|
|
if ( function_exists( 'register_block_pattern' ) ) {
|
|
register_block_pattern(
|
|
'twentysixteen/large-heading-short-description',
|
|
array(
|
|
'title' => __( 'Large heading with short description', 'twentysixteen' ),
|
|
'categories' => array( 'twentysixteen' ),
|
|
'content' => '<!-- wp:group {"align":"full","backgroundColor":"background"} -->
|
|
<div class="wp-block-group alignfull has-background-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:spacer {"height":60} -->
|
|
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
<!-- wp:heading {"level":6,"style":{"typography":{"lineHeight":"1.5","fontSize":35}}} -->
|
|
<h6 style="font-size:35px;line-height:1.5"><strong>' . esc_html__( 'Twenty Sixteen is a modern take on the horizontal masthead with an optional right sidebar. It works perfectly for WordPress websites and blogs.', 'twentysixteen' ) . '</strong></h6>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.8"}}} -->
|
|
<p style="line-height:1.8">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of custom color options, beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail.', 'twentysixteen' ) . '</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:spacer {"height":60} -->
|
|
<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer --></div></div>
|
|
<!-- /wp:group -->',
|
|
)
|
|
);
|
|
|
|
register_block_pattern(
|
|
'twentysixteen/big-title-two-columns-text',
|
|
array(
|
|
'title' => __( 'Big Title with Two Columns Text', 'twentysixteen' ),
|
|
'categories' => array( 'twentysixteen' ),
|
|
'content' => '<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":55}}} -->
|
|
<h1 style="font-size:55px">' . esc_html__( 'Twenty Sixteen' ) . '</h1>
|
|
<!-- /wp:heading -->
|
|
|
|
<!-- wp:spacer {"height":30} -->
|
|
<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:columns -->
|
|
<div class="wp-block-columns"><!-- wp:column -->
|
|
<div class="wp-block-column"><!-- wp:paragraph {"dropCap":true} -->
|
|
<p class="has-drop-cap">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of its custom color options and beautiful default color schemes.', 'twentysixteen' ) . '</p>
|
|
<!-- /wp:paragraph --></div>
|
|
<!-- /wp:column -->
|
|
|
|
<!-- wp:column -->
|
|
<div class="wp-block-column"><!-- wp:paragraph -->
|
|
<p>' . esc_html__( 'The theme features a harmonious fluid grid using a mobile-first approach. The layout is a modern take on the horizontal masthead with an optional right sidebar. ', 'twentysixteen' ) . '</p>
|
|
<!-- /wp:paragraph --></div>
|
|
<!-- /wp:column --></div>
|
|
<!-- /wp:columns -->
|
|
|
|
<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->',
|
|
)
|
|
);
|
|
|
|
register_block_pattern(
|
|
'twentysixteen/large-blockquote',
|
|
array(
|
|
'title' => __( 'Large Blockquote', 'twentysixteen' ),
|
|
'categories' => array( 'twentysixteen' ),
|
|
'content' => '<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
|
|
<hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
|
|
<!-- /wp:separator -->
|
|
|
|
<!-- wp:heading {"style":{"typography":{"lineHeight":"1.5","fontSize":40}}} -->
|
|
<h2 style="font-size:40px;line-height:1.5"><em>' . esc_html__( 'Twenty Sixteen will make your WordPress look beautiful everywhere.', 'twentysixteen' ) . '</em></h2>
|
|
<!-- /wp:heading -->
|
|
|
|
<!-- wp:paragraph {"textColor":"medium-gray"} -->
|
|
<p class="has-medium-gray-color has-text-color">' . esc_html__( '— Takashi Irie', 'twentysixteen' ) . '</p>
|
|
<!-- /wp:paragraph -->
|
|
|
|
<!-- wp:spacer {"height":52} -->
|
|
<div style="height:52px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
|
|
<hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
|
|
<!-- /wp:separator -->
|
|
|
|
<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->',
|
|
)
|
|
);
|
|
|
|
register_block_pattern(
|
|
'twentysixteen/call-to-action',
|
|
array(
|
|
'title' => __( 'Call to Action', 'twentysixteen' ),
|
|
'categories' => array( 'twentysixteen' ),
|
|
'content' => '<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->
|
|
|
|
<!-- wp:separator {"color":"dark-gray","className":"is-style-wide"} -->
|
|
<hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>
|
|
<!-- /wp:separator -->
|
|
|
|
<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":35,"lineHeight":"1.5"}}} -->
|
|
<h1 style="font-size:35px;line-height:1.5">' . esc_html__( 'My new book “Twenty Sixteen” is available for pre-order.', 'twentysixteen' ) . '</h1>
|
|
<!-- /wp:heading -->
|
|
|
|
<!-- wp:columns -->
|
|
<div class="wp-block-columns"><!-- wp:column -->
|
|
<div class="wp-block-column"><!-- wp:buttons -->
|
|
<div class="wp-block-buttons"><!-- wp:button {"borderRadius":0,"backgroundColor":"bright-blue"} -->
|
|
<div class="wp-block-button"><a class="wp-block-button__link has-bright-blue-background-color has-background no-border-radius">' . esc_html__( 'Pre-Order Now', 'twentysixteen' ) . '</a></div>
|
|
<!-- /wp:button --></div>
|
|
<!-- /wp:buttons --></div>
|
|
<!-- /wp:column -->
|
|
|
|
<!-- wp:column -->
|
|
<div class="wp-block-column"><!-- wp:spacer {"height":54} -->
|
|
<div style="height:54px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer --></div>
|
|
<!-- /wp:column --></div>
|
|
<!-- /wp:columns -->
|
|
|
|
<!-- wp:spacer -->
|
|
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
|
|
<!-- /wp:spacer -->',
|
|
)
|
|
);
|
|
}
|