Template files changes

- Single, archive page design fixings
WordPress · Jan 10, 2025 · bf7d545 · bf7d545
1 parent cd3ab57
commit bf7d545
Show file tree

Hide file tree

Showing 6 changed files with 164 additions and 157 deletions.
diff --git a/tt5-fse/patterns/blog-post.php b/tt5-fse/patterns/blog-post.php
@@ -0,0 +1,24 @@
+<?php
+/**
+ * Title: blog-post
+ * Slug: tt5-fse/blog-post
+ * Categories: Posts
+ */
+?>
+<!-- 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,"parents":[]},"layout":{"type":"default"}} -->
+<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":2}} -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
+
+<!-- wp:post-title {"level":5,"isLink":true} /-->
+
+<!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|grey-color"}}}},"textColor":"grey-color"} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+</div>
+<!-- /wp:query -->
diff --git a/tt5-fse/patterns/homepage.php b/tt5-fse/patterns/homepage.php
@@ -6,8 +6,8 @@
  */
 ?>
 <!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
-<main class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"}}},"layout":{"type":"constrained"}} -->
-<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
+<main class="wp-block-group"><!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|20","right":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--20)"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"right"}} -->
 <div class="wp-block-group"><!-- wp:image {"width":"200px","height":"200px","scale":"contain","sizeSlug":"full","linkDestination":"none","align":"right","className":"is-style-rounded"} -->
 <figure class="wp-block-image alignright size-full is-resized is-style-rounded"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/banner-img.png" alt="" class="" style="object-fit:contain;width:200px;height:200px"/></figure>
 <!-- /wp:image --></div>
@@ -28,8 +28,8 @@
 <!-- /wp:group --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:columns -->
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:columns -->
 <div class="wp-block-columns"><!-- wp:column {"style":{"border":{"color":"#adadad","width":"1px"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"}}}} -->
 <div class="wp-block-column has-border-color" style="border-color:#adadad;border-width:1px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
 <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/strategy-img.jpg" alt="" class=""/></figure>
@@ -65,6 +65,7 @@
 <!-- wp:column {"style":{"border":{"color":"#adadad","width":"1px"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"20px","right":"20px"}}}} -->
 <div class="wp-block-column has-border-color" style="border-color:#adadad;border-width:1px;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:image {"sizeSlug":"full","linkDestination":"none"} -->
 <figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/development-img.jpg" alt="" class=""/></figure>
+
 <!-- /wp:image -->
 
 <!-- wp:spacer -->
@@ -80,8 +81,8 @@
 <!-- /wp:columns --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:spacer -->
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:spacer -->
 <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
 <!-- /wp:spacer -->
 
@@ -94,35 +95,21 @@
 <!-- /wp:spacer --></div>
 <!-- /wp:group -->
 
-<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div id="works" class="wp-block-group"><!-- wp:heading -->
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|20","left":"var:preset|spacing|20"}}},"layout":{"type":"constrained"}} -->
+<div id="works" class="wp-block-group" style="padding-right:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)"><!-- wp:heading -->
 <h2 class="wp-block-heading">Works</h2>
 <!-- /wp:heading -->
 
-<!-- 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,"parents":[]},"layout":{"type":"default"}} -->
-<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":2}} -->
-<!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"default"}} -->
-<div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
-
-<!-- wp:post-title {"level":5,"isLink":true} /-->
-
-<!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|grey-color"}}}},"textColor":"grey-color"} /--></div>
-<!-- /wp:group -->
-<!-- /wp:post-template -->
-
-<!-- wp:spacer {"height":"40px"} -->
-<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
+<!-- wp:pattern {"slug":"tt5-fse/blog-post"} /-->
 
 <!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
 <div class="wp-block-buttons"><!-- wp:button {"textColor":"secondary-color","className":"is-style-outline","style":{"spacing":{"padding":{"left":"var:preset|spacing|70","right":"var:preset|spacing|70"}},"elements":{"link":{"color":{"text":"var:preset|color|secondary-color"}}},"typography":{"fontStyle":"normal","fontWeight":"500"}},"fontSize":"x-small"} -->
 <div class="wp-block-button has-custom-font-size is-style-outline has-x-small-font-size" style="font-style:normal;font-weight:500"><a class="wp-block-button__link has-secondary-color-color has-text-color has-link-color wp-element-button" href="/blog" style="padding-right:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)">View All Works</a></div>
 <!-- /wp:button --></div>
-<!-- /wp:buttons --></div>
-<!-- /wp:query -->
+<!-- /wp:buttons -->
+
 <!-- wp:spacer {"height":"30px"} -->
 <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
-<!-- /wp:spacer -->
-</div>
+<!-- /wp:spacer --></div>
 <!-- /wp:group --></main>
-<!-- /wp:group -->
+<!-- /wp:group -->
diff --git a/tt5-fse/templates/archive.html b/tt5-fse/templates/archive.html
@@ -3,52 +3,42 @@
 <!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
 <main class="wp-block-group"
     style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)">
-    <!-- wp:query-title {"type":"archive","fontSize":"large"} /-->
+    <!-- wp:query-title {"type":"archive","textAlign":"center","fontSize":"x-large"} /-->
 
     <!-- wp:spacer {"height":"30px"} -->
     <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>
     <!-- /wp:spacer -->
 
-    <!-- wp:query {"queryId":16,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"layout":{"contentSize":null,"type":"constrained"}} -->
-    <div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"default"}} -->
-        <!-- wp:group -->
-        <div class="wp-block-group"><!-- wp:post-title {"isLink":true,"fontSize":"medium"} /-->
+    <!-- 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,"parents":[]},"layout":{"type":"default"}} -->
+    <div class="wp-block-query">
+        <!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|70"}},"layout":{"type":"grid","columnCount":2}} -->
+        <!-- wp:group {"style":{"spacing":{"blockGap":"20px"}},"layout":{"type":"default"}} -->
+        <div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"3/2"} /-->
 
-            <!-- wp:post-featured-image {"isLink":true} /-->
+            <!-- wp:post-title {"level":5,"isLink":true} /-->
 
-            <!-- wp:post-content /-->
-
-            <!-- wp:group {"style":{"typography":{"fontSize":"14px"}},"layout":{"type":"flex"}} -->
-            <div class="wp-block-group" style="font-size:14px">
-                <!-- wp:post-author {"showAvatar":false,"showBio":false} /-->
-
-                <!-- wp:post-date {"isLink":true} /-->
-
-                <!-- wp:post-terms {"term":"category"} /-->
-
-                <!-- wp:post-terms {"term":"post_tag"} /-->
-            </div>
-            <!-- /wp:group -->
-
-            <!-- wp:spacer {"height":"40px"} -->
-            <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
-            <!-- /wp:spacer -->
+            <!-- wp:post-date {"style":{"elements":{"link":{"color":{"text":"var:preset|color|grey-color"}}}},"textColor":"grey-color"} /-->
         </div>
         <!-- /wp:group -->
         <!-- /wp:post-template -->
 
-        <!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
-        <div class="wp-block-group"><!-- wp:query-pagination -->
-            <!-- wp:query-pagination-previous /-->
+        <!-- wp:spacer {"height":"40px"} -->
+        <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+        <!-- /wp:spacer -->
+    </div>
+    <!-- /wp:query -->
 
-            <!-- wp:query-pagination-numbers /-->
+    <!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+    <div class="wp-block-group">
+        <!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
+        <!-- wp:query-pagination-previous /-->
 
-            <!-- wp:query-pagination-next /-->
-            <!-- /wp:query-pagination -->
-        </div>
-        <!-- /wp:group -->
+        <!-- wp:query-pagination-numbers /-->
+
+        <!-- wp:query-pagination-next /-->
+        <!-- /wp:query-pagination -->
     </div>
-    <!-- /wp:query -->
+    <!-- /wp:group -->
 </main>
 <!-- /wp:group -->
 

diff --git a/tt5-fse/templates/search.html b/tt5-fse/templates/search.html
@@ -5,64 +5,30 @@
     <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
     <div class="wp-block-group"
         style="padding-top:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70)">
-        <!-- wp:query-title {"type":"search","textAlign":"center"} /-->
+        <!-- wp:query-title {"type":"search","textAlign":"center","fontSize":"x-large"} /-->
 
         <!-- wp:search {"label":"","showLabel":false,"width":50,"widthUnit":"%","buttonText":"Search","buttonPosition":"button-inside","align":"center","style":{"border":{"radius":"5px"}}} /-->
 
         <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
         <div class="wp-block-group"
             style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
-            <!-- wp:query {"queryId":0,"query":{"perPage":9,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true,"taxQuery":null,"parents":[]},"tagName":"main","layout":{"type":"constrained"}} -->
-            <main class="wp-block-query"><!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
 
-                <!-- wp:group {"layout":{"type":"constrained"}} -->
-                <div class="wp-block-group">
-                    <!-- wp:group {"style":{"layout":{"columnSpan":1,"rowSpan":1},"spacing":{"padding":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70","left":"var:preset|spacing|60","right":"var:preset|spacing|60"}},"border":{"radius":"10px"}},"backgroundColor":"section-bg-color","layout":{"type":"default"}} -->
-                    <div class="wp-block-group has-section-bg-color-background-color has-background"
-                        style="border-radius:10px;padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--60)">
-                        <!-- wp:post-featured-image {"isLink":true,"aspectRatio":"16/9","width":"","height":"","scale":"contain","align":"center"} /-->
+            <!-- wp:pattern {"slug":"tt5-fse/blog-post"} /-->
 
-                        <!-- wp:post-title {"textAlign":"center","isLink":true} /-->
+            <!-- wp:query-pagination {"paginationArrow":"chevron","layout":{"type":"flex","justifyContent":"space-between"}} -->
+            <!-- wp:query-pagination-previous /-->
 
-                        <!-- wp:group {"style":{"typography":{"fontSize":"14px"}},"layout":{"type":"flex","justifyContent":"center"}} -->
-                        <div class="wp-block-group" style="font-size:14px">
-                            <!-- wp:post-author {"showAvatar":false,"showBio":false} /-->
+            <!-- wp:query-pagination-numbers /-->
 
-                            <!-- wp:post-date {"isLink":true} /-->
+            <!-- wp:query-pagination-next /-->
+            <!-- /wp:query-pagination -->
 
-                            <!-- wp:post-terms {"term":"category"} /-->
-
-                            <!-- wp:post-terms {"term":"post_tag"} /-->
-                        </div>
-                        <!-- /wp:group -->
-                    </div>
-                    <!-- /wp:group -->
-                </div>
-                <!-- /wp:group -->
-                <!-- /wp:post-template -->
-
-                <!-- wp:spacer {"height":"50px"} -->
-                <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
-                <!-- /wp:spacer -->
-
-                <!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
-                <div class="wp-block-group">
-                    <!-- wp:query-pagination {"layout":{"type":"flex","justifyContent":"center"}} -->
-                    <!-- wp:query-pagination-previous /-->
-
-                    <!-- wp:query-pagination-numbers /-->
-
-                    <!-- wp:query-pagination-next /-->
-                    <!-- /wp:query-pagination -->
-                </div>
-                <!-- /wp:group -->
-            </main>
-            <!-- /wp:query -->
         </div>
         <!-- /wp:group -->
+
+
     </div>
     <!-- /wp:group -->
-
 </main>
 <!-- /wp:group -->