Browse Source

Fix/pendant pattern meta (#5943)

Jason Crist 3 years ago
parent
commit
492d097d55

+ 8 - 1
pendant/functions.php

@@ -59,7 +59,14 @@ endif;
 add_action( 'wp_enqueue_scripts', 'pendant_styles' );
 
 function pendant_register_block_pattern_categories() {
-	register_block_pattern_category( 'pendant', array( 'label' => __( 'Pendant', 'pendant' ) ) );
+	register_block_pattern_category( 'featured', array( 'label' => __( 'Featured', 'pendant' ) ) );
+	register_block_pattern_category( 'query', array( 'label' => __( 'Query', 'pendant' ) ) );
+	register_block_pattern_category( 'call-to-action', array( 'label' => __( 'Call to Action', 'pendant' ) ) );
+	register_block_pattern_category( 'media', array( 'label' => __( 'Media', 'pendant' ) ) );
+	register_block_pattern_category( 'quotes', array( 'label' => __( 'Quotes', 'pendant' ) ) );
+	register_block_pattern_category( 'list', array( 'label' => __( 'List', 'pendant' ) ) );
+	register_block_pattern_category( 'images', array( 'label' => __( 'Images', 'pendant' ) ) );
+	register_block_pattern_category( 'gallery', array( 'label' => __( 'Gallery', 'pendant' ) ) );
 }
 	
 add_action( 'init', 'pendant_register_block_pattern_categories', 9 );

+ 11 - 1
pendant/parts/header.html

@@ -1 +1,11 @@
-<!-- wp:pattern {"slug":"pendant/header"} /-->
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","bottom":"0px"}}},"backgroundColor":"foreground","textColor":"background","layout":{"inherit":true}} -->
+<div class="wp-block-group has-background-color has-foreground-background-color has-text-color has-background" style="padding-top:0px;padding-bottom:0px"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"3vw","top":"3vw"}}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
+<div class="wp-block-group alignfull" style="padding-top:3vw;padding-bottom:3vw"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"foreground","overlayTextColor":"background"} /-->
+
+<!-- wp:site-title {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} /-->
+
+<!-- wp:social-links {"iconColor":"background","iconColorValue":"currentColor","className":"is-style-logos-only"} -->
+<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /--></ul>
+<!-- /wp:social-links --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

+ 0 - 9
pendant/parts/post-meta.html

@@ -1,9 +0,0 @@
-<!-- wp:group {"layout":{"type":"flex"}} -->
-<div class="wp-block-group"><!-- wp:post-author {"showAvatar":false,"showBio":false,"style":{"typography":{"fontSize":"14px"}}} /-->
-
-<!-- wp:post-date {"isLink":true,"style":{"typography":{"fontSize":"14px"}}} /-->
-
-<!-- wp:post-terms {"term":"category","style":{"typography":{"fontSize":"14px"}}} /-->
-
-<!-- wp:post-terms {"term":"post_tag","style":{"typography":{"fontSize":"14px"}}} /--></div>
-<!-- /wp:group -->

+ 7 - 10
pendant/patterns/footer.php

@@ -2,22 +2,19 @@
 /**
  * Title: Default footer
  * Slug: pendant/footer
- * Categories: pendant footer
  * Block Types: core/template-part/footer
+ * inserter: no
  */
 ?>
 
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"40px","bottom":"40px"}}},"layout":{"inherit":true}} -->
-<div class="wp-block-group" style="padding-top:40px;padding-bottom:40px"><!-- wp:columns {"isStackedOnMobile":false,"align":"wide"} -->
-<div class="wp-block-columns alignwide is-not-stacked-on-mobile"><!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph {"align":"left"} -->
+<div class="wp-block-group" style="padding-top:40px;padding-bottom:40px"><!-- wp:group {"align":"full","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignfull"><!-- wp:paragraph {"align":"left"} -->
 <p class="has-text-align-left"><?php echo esc_html__( '2021 Pendant © All Rights Reserved', 'pendant' ); ?></p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:column -->
-<!-- wp:column -->
-<div class="wp-block-column"><!-- wp:paragraph {"align":"right"} -->
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"align":"right"} -->
 <p class="has-text-align-right"><?php echo esc_html__( 'Powered by', 'pendant' ); ?> <a rel="nofollow" href="https://wordpress.org">WordPress</a></p>
 <!-- /wp:paragraph --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns --></div>
+<!-- /wp:group --></div>
 <!-- /wp:group -->

+ 1 - 1
pendant/patterns/grid-of-posts.php

@@ -2,7 +2,7 @@
 /**
  * Title: Grid of Posts
  * slug: pendant/grid-of-posts
- * categories: pendant
+ * categories: featured, query
  */
 ?>
 

+ 0 - 20
pendant/patterns/header.php

@@ -1,20 +0,0 @@
-<?php
-/**
- * Title: Default header 
- * Slug: pendant/header
- * Categories: pendant, header
- * Block Types: core/template-part/header
- */
-?>
-
-<!-- wp:group {"layout":{"inherit":true}} -->
-<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"3vw","top":"3vw"}}},"backgroundColor":"foreground","textColor":"background","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"}} -->
-<div class="wp-block-group alignfull has-background-color has-foreground-background-color has-text-color has-background" style="padding-top:3vw;padding-bottom:3vw"><!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"foreground","overlayTextColor":"background"} /-->
-
-<!-- wp:site-title {"textAlign":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}}} /-->
-
-<!-- wp:social-links {"iconColor":"background","iconColorValue":"currentColor","className":"is-style-logos-only"} -->
-<ul class="wp-block-social-links has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /--></ul>
-<!-- /wp:social-links --></div>
-<!-- /wp:group --></div>
-<!-- /wp:group -->

+ 2 - 1
pendant/patterns/hero.php

@@ -1,7 +1,8 @@
 <?php
 /**
- * Title: Home page hero
+ * Title: Home Page Hero
  * slug: pendant/home-hero
+ * categories: featured, call-to-action 
  */
 ?>
 

+ 3 - 3
pendant/patterns/image-and-quote.php

@@ -2,12 +2,12 @@
 /**
  * Title: Image & Quote
  * slug: pendant/image-and-quote
- * categories: pendant
+ * categories: featured, quotes, text
  */
 ?>
 
-<!-- wp:media-text {"align":"full","mediaLink":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/person-with-shadow-on-wall.jpeg'; ?>","mediaType":"image","mediaWidth":40,"mediaSizeSlug":"full","backgroundColor":"secondary"} -->
-<div class="wp-block-media-text alignfull is-stacked-on-mobile is-vertically-aligned-center has-secondary-background-color has-background" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/person-with-shadow-on-wall.jpeg'; ?>" alt=""/></figure><div class="wp-block-media-text__content">
+<!-- wp:media-text {"align":"full","mediaLink":"<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/person-with-shadow-on-wall.jpeg'; ?>","mediaType":"image","mediaWidth":40,"mediaSizeSlug":"full","backgroundColor":"primary"} -->
+<div class="wp-block-media-text alignfull is-stacked-on-mobile is-vertically-aligned-center has-primary-background-color has-background" style="grid-template-columns:40% auto"><figure class="wp-block-media-text__media"><img src="<?php echo esc_url( get_template_directory_uri() ) . '/assets/images/person-with-shadow-on-wall.jpeg'; ?>" alt=""/></figure><div class="wp-block-media-text__content">
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"30px","right":"30px","bottom":"40px","left":"30px"}}}} -->
 <div class="wp-block-group" style="padding-top:30px;padding-right:30px;padding-bottom:40px;padding-left:30px"><!-- wp:quote {"className":"is-style-plain"} -->
 <blockquote class="wp-block-quote is-style-plain"><p>

+ 2 - 1
pendant/patterns/image-gallery.php

@@ -1,7 +1,8 @@
 <?php
 /**
- * Title: Image Gallery
+ * Title: Gallery
  * slug: pendant/image-gallery
+ * categories: featured, images, gallery
  */
 ?>
 

+ 2 - 30
pendant/patterns/image-series.php

@@ -1,7 +1,8 @@
 <?php
 /**
- * Title: Image Series
+ * Title: Our Picks
  * slug: pendant/image-series
+ * categories: featured, images
  */
 ?>
 
@@ -33,32 +34,3 @@
 
 <!-- /wp:columns --></div>
 <!-- /wp:group -->
-
-
-
-
-<!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"40px","padding":{"top":"60px","bottom":"60px"}}},"backgroundColor":"tertiary","layout":{"inherit":true}} -->
-<div class="wp-block-group alignfull has-tertiary-background-color has-background" style="padding-top:60px;padding-bottom:60px"><!-- wp:heading {"textAlign":"center","level":4} -->
-<h4 class="has-text-align-center">Our Picks</h4>
-<!-- /wp:heading -->
-
-<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->
-<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"40px","right":"20px","bottom":"20px","left":"20px"}}}} -->
-<div class="wp-block-column is-vertically-aligned-center" style="padding-top:40px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image aligncenter size-full"><img src="http://localhost:4759/wp-content/themes/themes/pendant/assets/images/jewelery-1.png" alt=""/></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column -->
-
-<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"40px","right":"20px","bottom":"20px","left":"20px"}}}} -->
-<div class="wp-block-column is-vertically-aligned-center" style="padding-top:40px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image aligncenter size-full"><img src="http://localhost:4759/wp-content/themes/themes/pendant/assets/images/jewelery-2.png" alt=""/></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column -->
-
-<!-- wp:column {"verticalAlignment":"center","style":{"spacing":{"padding":{"top":"40px","right":"20px","bottom":"20px","left":"20px"}}}} -->
-<div class="wp-block-column is-vertically-aligned-center" style="padding-top:40px;padding-right:20px;padding-bottom:20px;padding-left:20px"><!-- wp:image {"align":"center","sizeSlug":"full","linkDestination":"none"} -->
-<figure class="wp-block-image aligncenter size-full"><img src="http://localhost:4759/wp-content/themes/themes/pendant/assets/images/jewelery-3.png" alt=""/></figure>
-<!-- /wp:image --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns --></div>
-<!-- /wp:group -->

+ 1 - 1
pendant/patterns/latest-articles.php

@@ -2,7 +2,7 @@
 /**
  * Title: Latest Articles
  * slug: pendant/latest-articles
- * categories: pendant
+ * categories: featured, query
  */
 ?>
 

+ 1 - 0
pendant/patterns/latest-interviews.php

@@ -2,6 +2,7 @@
 /**
  * Title: Posts and Topics
  * slug: pendant/latest-interviews
+ * inserter: no
  */
 ?>
 

+ 3 - 3
pendant/patterns/about.php → pendant/patterns/media-and-text.php

@@ -1,8 +1,8 @@
 <?php
 /**
- * Title: About
- * slug: pendant/about
- * categories: pendant
+ * Title: Media & Text 
+ * slug: pendant/media-and-text
+ * categories: featured, media, text
  */
 ?>
 

+ 1 - 1
pendant/patterns/post-navigation.php

@@ -2,7 +2,7 @@
 /**
  * Title: Post Navigation
  * Slug: pendant/post-navigation
- * Categories: pendant
+ * inserter: no
  */
 ?>
 

+ 1 - 0
pendant/patterns/post-topics.php

@@ -2,6 +2,7 @@
 /**
  * Title: Posts and Topics
  * slug: pendant/posts-topics
+ * categories: featured, list, text
  */
 ?>
 

+ 1 - 1
pendant/patterns/team.php

@@ -2,7 +2,7 @@
 /**
  * Title: Team
  * slug: pendant/team
- * categories: pendant
+ * categories: pendant, list
  */
 ?>
 

+ 2 - 2
pendant/theme.json

@@ -41,7 +41,7 @@
 			"palette": [
 				{
 					"slug": "primary",
-					"color": "#776c4e",
+					"color": "#A19982",
 					"name": "Primary"
 				},
 				{
@@ -64,7 +64,7 @@
 		},
 		"custom": {
 			"gap": {
-				"horizontal": "clamp(20px, 12vw - 40px, 100px)"
+				"horizontal": "clamp(20px, 6vw, 100px)"
 			}
 		},
 		"spacing": {