Remote: Adding search template and moving posts list to a pattern (#5539)

* Remote: Making posts list a pattern
* Remote: adding search template
* Remote: adding hidden to the search pattern filename

Co-authored-by: Jason Crist <jcrist@pbking.com>

remote/inc/block-patterns.php

@@ -42,6 +42,8 @@ function remote_register_block_patterns() {
 
 	$block_patterns = array(
 		'hero-text',
+		'posts-list',
+		'hidden-search-form',
 	);
 
 	/**

remote/inc/patterns/hidden-search-form.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Search form
+ */
+return array(
+	'title'      => __( 'Search form', 'remote' ),
+	'categories' => array( 'pages' ),
+	'inserter'   => false,
+	'content'    => '<!-- wp:group {"layout":{"inherit":true}} -->
+    <div class="wp-block-group"><!-- wp:spacer {"height":"32px"} -->
+    <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+    <!-- wp:search {"label":"' . esc_attr__( 'Search', 'remote' ) . '","width":100,"widthUnit":"%","buttonText":"' . esc_attr__( 'Search', 'remote' ) . '","style":{"border":{"radius":"0px"}}} /-->
+    <!-- wp:spacer -->
+    <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer --></div>
+    <!-- /wp:group -->',
+);

remote/inc/patterns/posts-list.php

@@ -0,0 +1,36 @@
+<?php
+/**
+ * Posts list
+ */
+return array(
+	'title'      => __( 'Posts list', 'remote' ),
+	'categories' => array( 'pages' ),
+	'content'    => '<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
+    <div class="wp-block-group alignfull"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null},"tagName":"main","align":"wide"} -->
+    <main class="wp-block-query alignwide"><!-- wp:post-template -->
+    <!-- wp:separator {"className":"is-style-wide"} -->
+    <hr class="wp-block-separator is-style-wide"/>
+    <!-- /wp:separator -->
+    
+    <!-- wp:columns {"style":{"spacing":{"padding":{"top":"1em"}}}} -->
+    <div class="wp-block-columns" style="padding-top:1em"><!-- wp:column {"verticalAlignment":"top","width":"10%"} -->
+    <div class="wp-block-column is-vertically-aligned-top" style="flex-basis:10%"><!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
+    <!-- /wp:column -->
+    
+    <!-- wp:column {"verticalAlignment":"center","width":""} -->
+    <div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"}}} /--></div>
+    <!-- /wp:column --></div>
+    <!-- /wp:columns -->
+    <!-- /wp:post-template -->
+    
+    <!-- wp:spacer {"height":"32px"} -->
+    <div style="height:32px" aria-hidden="true" class="wp-block-spacer"></div>
+    <!-- /wp:spacer -->
+    
+    <!-- wp:query-pagination -->
+    <!-- wp:query-pagination-previous /-->
+    <!-- wp:query-pagination-next /-->
+    <!-- /wp:query-pagination --></main>
+    <!-- /wp:query --></div>
+    <!-- /wp:group -->',
+);

remote/templates/home.html

@@ -6,33 +6,6 @@
 	</div>
 <!-- /wp:group -->
 
-<!-- wp:group {"align":"full","layout":{"inherit":true}} -->
-<div class="wp-block-group alignfull"><!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null},"tagName":"main","align":"wide"} -->
-	<main class="wp-block-query alignwide"><!-- wp:post-template -->
-	<!-- wp:separator {"className":"is-style-wide"} -->
-	<hr class="wp-block-separator is-style-wide"/>
-	<!-- /wp:separator -->
-	
-	<!-- wp:columns {"style":{"spacing":{"padding":{"top":"1em"}}}} -->
-	<div class="wp-block-columns" style="padding-top:1em"><!-- wp:column {"verticalAlignment":"top","width":"10%"} -->
-	<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:10%"><!-- wp:post-date {"format":"M j","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /--></div>
-	<!-- /wp:column -->
-	
-	<!-- wp:column {"verticalAlignment":"center","width":""} -->
-	<div class="wp-block-column is-vertically-aligned-center"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}},"typography":{"fontSize":"clamp(3rem, 6vw, 4rem)"}}} /--></div>
-	<!-- /wp:column --></div>
-	<!-- /wp:columns -->
-	<!-- /wp:post-template -->
+<!-- wp:pattern {"slug":"remote/posts-list"} /-->
 
-	<!-- wp:spacer {"height":"1.5em"} -->
-	<div style="height:1.5em" aria-hidden="true" class="wp-block-spacer"></div>
-	<!-- /wp:spacer -->
-	
-	<!-- wp:query-pagination -->
-	<!-- wp:query-pagination-previous /-->
-	<!-- wp:query-pagination-next /-->
-	<!-- /wp:query-pagination --></main>
-	<!-- /wp:query --></div>
-<!-- /wp:group -->
-
-<!-- wp:template-part {"slug":"footer","tagName":"footer","className":"site-footer-container","layout":{"inherit":true}} /-->
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->

remote/templates/search.html

@@ -0,0 +1,7 @@
+<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+
+<!-- wp:pattern {"slug":"remote/hidden-search-form"} /-->
+
+<!-- wp:pattern {"slug":"remote/posts-list"} /-->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","layout":{"inherit":true}} /-->