Merge pull request #3745 from Automattic/add/join-pattern

Quadrat: Add Join pattern

quadrat/inc/block-patterns.php

@@ -17,7 +17,6 @@ function quadrat_register_block_patterns() {
 		}
 
 		if ( function_exists( 'register_block_pattern' ) ) {
-
 			$block_patterns = array(
 				'headline-button',
 				'media-text-button',
@@ -28,15 +27,18 @@ function quadrat_register_block_patterns() {
 				'listen-to-the-podcast',
 			);
 
+			if ( class_exists( 'WP_Block_Type_Registry' ) && \WP_Block_Type_Registry::get_instance()->is_registered( 'jetpack/subscriptions' ) ) {
+				$block_patterns[] = 'join';
+			}
+
 			foreach ( $block_patterns as $block_pattern ) {
 				register_block_pattern(
 					'quadrat/' . $block_pattern,
 					require __DIR__ . '/patterns/' . $block_pattern . '.php'
 				);
 			}
-
 		}
 	}
 endif;
 
-add_action( 'after_setup_theme', 'quadrat_register_block_patterns', 12 );
+add_action( 'init', 'quadrat_register_block_patterns' );

quadrat/inc/patterns/join.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Join.
+ *
+ * @package Quadrat
+ */
+
+return array(
+	'title'      => __( 'Join', 'quadrat' ),
+	'categories' => array( 'quadrat' ),
+	'content'    => '<!-- wp:columns {"align":"wide"} -->
+		<div class="wp-block-columns alignwide">
+		<!-- wp:column -->
+		<div class="wp-block-column"><!-- wp:heading {"level":3} -->
+		<h3>' . esc_html( 'Join the Community' ) . '</h3>
+		<!-- /wp:heading -->
+
+		<!-- wp:paragraph -->
+		<p>' . esc_html__( 'We’re thrilled to have you here! Now, if you don’t want to miss an article or an episode, you can subscribe to our newsletter.' ) . '</p>
+		<!-- /wp:paragraph --></div>
+		<!-- /wp:column -->
+
+		<!-- wp:column {"verticalAlignment":"center","className":"subscription-column"} -->
+		<div class="wp-block-column is-vertically-aligned-center subscription-column"><!-- wp:jetpack/subscriptions {"buttonOnNewLine":true} -->
+		<div class="wp-block-jetpack-subscriptions wp-block-jetpack-subscriptions__supports-newline wp-block-jetpack-subscriptions__use-newline">[jetpack_subscription_form show_subscribers_total="false" button_on_newline="true" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true"]</div>
+		<!-- /wp:jetpack/subscriptions --></div>
+		<!-- /wp:column --></div>
+		<!-- /wp:columns -->',
+);

quadrat/sass/block-patterns/_join.scss

@@ -0,0 +1,3 @@
+.subscription-column {
+	text-align: right;
+}

quadrat/sass/theme.scss

@@ -1,10 +1,11 @@
 @import "../../blank-canvas-blocks/sass/base/breakpoints"; // Get the mobile-only media query and make it available to this theme's styles
+@import "block-patterns/headlines";
+@import "block-patterns/join";
 @import "blocks/cover";
 @import "blocks/list";
 @import "blocks/media-text";
 @import "blocks/post-navigation-link";
 @import "blocks/table";
-@import "block-patterns/headlines";
 @import "header";
 
 .wp-block-post-featured-image {