<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[49347] trunk/src/wp-content/themes/twentytwenty: Bundled Themes: Introduce block patterns for Twenty Twenty.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/49347">49347</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/49347","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>helen</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2020-10-27 20:59:30 +0000 (Tue, 27 Oct 2020)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Bundled Themes: Introduce block patterns for Twenty Twenty.
Props melchoyce, Anlino, kjellr, ryelle.
Fixes <a href="https://core.trac.wordpress.org/ticket/51098">#51098</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyfunctionsphp">trunk/src/wp-content/themes/twentytwenty/functions.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentytwentyincblockpatternsphp">trunk/src/wp-content/themes/twentytwenty/inc/block-patterns.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunksrcwpcontentthemestwentytwentyfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentytwenty/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwenty/functions.php 2020-10-27 20:16:22 UTC (rev 49346)
+++ trunk/src/wp-content/themes/twentytwenty/functions.php 2020-10-27 20:59:30 UTC (rev 49347)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -178,6 +178,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Custom CSS.
</span><span class="cx" style="display: block; padding: 0 10px"> require get_template_directory() . '/inc/custom-css.php';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Block Patterns.
+require get_template_directory() . '/inc/block-patterns.php';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Register and Enqueue Styles.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentytwentyincblockpatternsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: trunk/src/wp-content/themes/twentytwenty/inc/block-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentytwenty/inc/block-patterns.php (rev 0)
+++ trunk/src/wp-content/themes/twentytwenty/inc/block-patterns.php 2020-10-27 20:59:30 UTC (rev 49347)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,203 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Block Patterns
+ *
+ * @link https://developer.wordpress.org/reference/functions/register_block_pattern/
+ * @link https://developer.wordpress.org/reference/functions/register_block_pattern_category/
+ *
+ * @package WordPress
+ * @subpackage Twenty_Twenty
+ * @since Twenty Twenty 1.5
+ */
+
+/**
+ * Register Block Pattern Category.
+ */
+if ( function_exists( 'register_block_pattern_category' ) ) {
+
+ register_block_pattern_category(
+ 'twentytwenty',
+ array( 'label' => esc_html__( 'Twenty Twenty', 'twentytwenty' ) )
+ );
+}
+
+/**
+ * Register Block Patterns.
+ */
+if ( function_exists( 'register_block_pattern' ) ) {
+
+ // Call to Action.
+ register_block_pattern(
+ 'twentytwenty/call-to-action',
+ array(
+ 'title' => esc_html__( 'Call to Action', 'twentytwenty' ),
+ 'categories' => array( 'twentytwenty' ),
+ 'viewportWidth' => 1400,
+ 'content' => implode(
+ '',
+ array(
+ '<!-- wp:group {"align":"wide","style":{"color":{"background":"#ffffff"}}} -->',
+ '<div class="wp-block-group alignwide has-background" style="background-color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:group -->',
+ '<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center"} -->',
+ '<h2 class="has-text-align-center">' . esc_html__( 'Support the Museum and Get Exclusive Offers', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"align":"center"} -->',
+ '<p class="has-text-align-center">' . esc_html__( 'Members get access to exclusive exhibits and sales. Our memberships cost $99.99 and are billed annually.', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ '<!-- wp:button {"align":"center","className":"is-style-outline"} -->',
+ '<div class="wp-block-button aligncenter is-style-outline"><a class="wp-block-button__link" href="#">' . esc_html__( 'Become a Member', 'twentytwenty' ) . '</a></div>',
+ '<!-- /wp:button --></div></div>',
+ '<!-- /wp:group --></div></div>',
+ '<!-- /wp:group -->',
+ )
+ )
+ )
+ );
+
+ // Double Call to Action.
+ register_block_pattern(
+ 'twentytwenty/double-call-to-action',
+ array(
+ 'title' => esc_html__( 'Double Call to Action', 'twentytwenty' ),
+ 'categories' => array( 'twentytwenty' ),
+ 'viewportWidth' => 1400,
+ 'content' => implode(
+ '',
+ array(
+ '<!-- wp:columns {"align":"wide"} -->',
+ '<div class="wp-block-columns alignwide"><!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:group {"style":{"color":{"background":"#ffffff"}}} -->',
+ '<div class="wp-block-group has-background" style="background-color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center"} -->',
+ '<h2 class="has-text-align-center">' . esc_html__( 'The Museum', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"align":"center"} -->',
+ '<p class="has-text-align-center">' . esc_html__( 'Award-winning exhibitions featuring internationally-renowned artists.', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ '<!-- wp:buttons {"align":"center"} -->',
+ '<div class="wp-block-buttons aligncenter"><!-- wp:button {"className":"is-style-outline"} -->',
+ '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Read More', 'twentytwenty' ) . '</a></div>',
+ '<!-- /wp:button --></div>',
+ '<!-- /wp:buttons --></div></div>',
+ '<!-- /wp:group --></div>',
+ '<!-- /wp:column -->',
+ '<!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:group {"style":{"color":{"background":"#ffffff"}}} -->',
+ '<div class="wp-block-group has-background" style="background-color:#ffffff"><div class="wp-block-group__inner-container"><!-- wp:heading {"align":"center"} -->',
+ '<h2 class="has-text-align-center">' . esc_html__( 'The Store', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"align":"center"} -->',
+ '<p class="has-text-align-center">' . esc_html__( 'An awe-inspiring collection of books, prints, and gifts from our exhibitions.', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ '<!-- wp:buttons {"align":"center"} -->',
+ '<div class="wp-block-buttons aligncenter"><!-- wp:button {"className":"is-style-outline"} -->',
+ '<div class="wp-block-button is-style-outline"><a class="wp-block-button__link">' . esc_html__( 'Shop Now', 'twentytwenty' ) . '</a></div>',
+ '<!-- /wp:button --></div>',
+ '<!-- /wp:buttons --></div></div>',
+ '<!-- /wp:group --></div>',
+ '<!-- /wp:column --></div>',
+ '<!-- /wp:columns -->',
+ )
+ )
+ )
+ );
+
+ // Event Details.
+ register_block_pattern(
+ 'twentytwenty/event-details',
+ array(
+ 'title' => esc_html__( 'Event Details', 'twentytwenty' ),
+ 'categories' => array( 'twentytwenty' ),
+ 'viewportWidth' => 1400,
+ 'content' => implode(
+ '',
+ array(
+ '<!-- wp:group {"align":"wide","backgroundColor":"primary"} -->',
+ '<div class="wp-block-group alignwide has-primary-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:columns -->',
+ '<div class="wp-block-columns"><!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:paragraph {"align":"center","textColor":"background","fontSize":"large"} -->',
+ '<p class="has-text-align-center has-background-color has-text-color has-large-font-size">' . wp_kses_post( __( '<em>Dates</em><br>Aug 1 — Dec 1', 'twentytwentyone' ) ) . '</p>',
+ '<!-- /wp:paragraph --></div>',
+ '<!-- /wp:column -->',
+ '<!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:paragraph {"align":"center","textColor":"background","fontSize":"large"} -->',
+ '<p class="has-text-align-center has-background-color has-text-color has-large-font-size">' . wp_kses_post( __( '<em>Location</em><br>Exhibit Hall B', 'twentytwentyone' ) ) . '</p>',
+ '<!-- /wp:paragraph --></div>',
+ '<!-- /wp:column -->',
+ '<!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:paragraph {"align":"center","textColor":"background","fontSize":"large"} -->',
+ '<p class="has-text-align-center has-background-color has-text-color has-large-font-size">' . wp_kses_post( __( '<em>Price</em><br>Included', 'twentytwentyone' ) ) . '</p>',
+ '<!-- /wp:paragraph --></div>',
+ '<!-- /wp:column --></div>',
+ '<!-- /wp:columns --></div></div>',
+ '<!-- /wp:group -->',
+ )
+ )
+ )
+ );
+
+ // Featured Content.
+ register_block_pattern(
+ 'twentytwenty/featured-content',
+ array(
+ 'title' => esc_html__( 'Featured Content', 'twentytwenty' ),
+ 'categories' => array( 'twentytwenty' ),
+ 'viewportWidth' => 1400,
+ 'content' => implode(
+ '',
+ array(
+ '<!-- wp:columns {"align":"wide"} -->',
+ '<div class="wp-block-columns alignwide"><!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:image {"sizeSlug":"full"} -->',
+ '<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/2020-three-quarters-1.png" alt="' . esc_attr__( 'Abstract Rectangles', 'twentytwenty' ) . '"/></figure>',
+ '<!-- /wp:image -->',
+ '<!-- wp:heading -->',
+ '<h2>' . esc_html__( 'Works and Days', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"fontSize":"larger"} -->',
+ '<p class="has-larger-font-size">' . esc_html__( 'August 1 — December 1', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ '<!-- wp:button {"align":"left","className":"is-style-outline"} -->',
+ '<div class="wp-block-button alignleft is-style-outline"><a class="wp-block-button__link" href="#">' . esc_html__( 'Read More', 'twentytwenty' ) . '</a></div>',
+ '<!-- /wp:button --></div>',
+ '<!-- /wp:column -->',
+ '<!-- wp:column -->',
+ '<div class="wp-block-column"><!-- wp:image {sizeSlug":"full"} -->',
+ '<figure class="wp-block-image size-full"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/2020-three-quarters-2.png" alt="' . esc_attr__( 'Abstract Rectangles', 'twentytwenty' ) . '"/></figure>',
+ '<!-- /wp:image -->',
+ '<!-- wp:heading -->',
+ '<h2>' . esc_html__( 'The Life I Deserve', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"fontSize":"larger"} -->',
+ '<p class="has-larger-font-size">' . esc_html__( 'August 1 — December 1', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ '<!-- wp:button {"align":"left","className":"is-style-outline"} -->',
+ '<div class="wp-block-button alignleft is-style-outline"><a class="wp-block-button__link" href="#">' . esc_html__( 'Read More', 'twentytwenty' ) . '</a></div>',
+ '<!-- /wp:button --></div>',
+ '<!-- /wp:column --></div>',
+ '<!-- /wp:columns -->',
+ )
+ )
+ )
+ );
+
+ // Introduction.
+ register_block_pattern(
+ 'twentytwenty/introduction',
+ array(
+ 'title' => esc_html__( 'Introduction', 'twentytwenty' ),
+ 'categories' => array( 'twentytwenty' ),
+ 'viewportWidth' => 1400,
+ 'content' => implode(
+ '',
+ array(
+ '<!-- wp:heading {"align":"center"} -->',
+ '<h2 class="has-text-align-center">' . esc_html__( 'The Premier Destination for Modern Art in Sweden', 'twentytwenty' ) . '</h2>',
+ '<!-- /wp:heading -->',
+ '<!-- wp:paragraph {"dropCap":true} -->',
+ '<p class="has-drop-cap">' . esc_html__( 'With seven floors of striking architecture, UMoMA shows exhibitions of international contemporary art, sometimes along with art historical retrospectives. Existential, political, and philosophical issues are intrinsic to our program. As visitor, you are invited to guided tours artist talks, lectures, film screenings, and other events with free admission.', 'twentytwenty' ) . '</p>',
+ '<!-- /wp:paragraph -->',
+ )
+ )
+ )
+ );
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: trunk/src/wp-content/themes/twentytwenty/inc/block-patterns.php
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span></div>
</body>
</html>