Goodskin: add theme (#7971)

* Adds Goodskin theme:

Goodskin is a blogging theme designed for skincare blogs.

* Update theme.json

Fix paths to font assets.

* Update two column gallery pattern

Fix image paths.

* Update product ratings pattern

Fix image paths.

* Update home.php

* Removing hidden .DS_store files

* Update the footer to use the pattern.

---------

Co-authored-by: alaczek <[email protected]>

goodskin/functions.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * goodskin functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package goodskin
+ * @since goodskin 1.0
+ */
+declare( strict_types = 1 );
+
+if ( ! function_exists( 'goodskin_support' ) ) :
+
+ /**
+ * Sets up theme defaults and registers support for various WordPress feagoodskinres.
+ *
+ * @since goodskin 1.0
+ *
+ * @regoodskinrn void
+ */
+ function goodskin_support() {
+
+ // Enqueue editor styles.
+ add_editor_style( 'style.css' );
+
+ // Make theme available for translation.
+ load_theme_textdomain( 'goodskin' );
+ }
+
+endif;
+
+add_action( 'after_segoodskinp_theme', 'goodskin_support' );
+
+if ( ! function_exists( 'goodskin_styles' ) ) :
+
+ /**
+ * Enqueue styles.
+ *
+ * @since goodskin 1.0
+ *
+ * @regoodskinrn void
+ */
+ function goodskin_styles() {
+
+ // Register theme stylesheet.
+ wp_register_style(
+ 'goodskin-style',
+ get_stylesheet_directory_uri() . '/style.css',
+ array(),
+ wp_get_theme()->get( 'Version' )
+ );
+
+ // Enqueue theme stylesheet.
+ wp_enqueue_style( 'goodskin-style' );
+
+ }
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'goodskin_styles' );

goodskin/parts/comments.html

@@ -0,0 +1,35 @@
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:group {"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:comments-title {"level":3} /-->
+
+<!-- wp:comment-template {"style":{"spacing":{"padding":{"left":"0px"}}}} -->
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|60"}}}} -->
+<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":64} /-->
+
+<!-- wp:group -->
+<div class="wp-block-group"><!-- wp:comment-author-name /-->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group" style="margin-top:0px;margin-bottom:0px"><!-- wp:comment-date {"format":"F j, Y \\a\\t g:i a"} /-->
+
+<!-- wp:comment-edit-link /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:comment-content /-->
+
+<!-- wp:comment-reply-link /--></div>
+<!-- /wp:group -->
+<!-- /wp:comment-template -->
+
+<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:comments-pagination-previous /-->
+
+<!-- wp:comments-pagination-next /-->
+<!-- /wp:comments-pagination -->
+
+<!-- wp:post-comments-form /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:comments -->

goodskin/parts/footer.html

@@ -0,0 +1 @@
+<!-- wp:pattern {"slug":"goodskin/footer"} /-->

goodskin/parts/header.html

@@ -0,0 +1,5 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)"><!-- wp:site-title /-->
+
+<!-- wp:navigation {"overlayMenu":"always","overlayBackgroundColor":"custom-background","overlayTextColor":"contrast","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"0"},"layout":{"selfStretch":"fit","flexSize":null}},"fontSize":"xx-large","fontFamily":"instrument-serif"} /--></div>
+<!-- /wp:group -->

goodskin/parts/sidebar.html

@@ -0,0 +1,73 @@
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"default"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-small","fontFamily":"archivo"} -->
+<p class="has-archivo-font-family has-x-small-font-size" style="font-style:normal;font-weight:400;text-transform:uppercase">Topics</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:categories /--></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":[]}} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"Search...","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":[]}} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30","padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"backgroundColor":"custom-background","layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group has-custom-background-background-color has-background" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading"><em>better</em>skin</h3>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.4"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="line-height:1.4">Subscribe to my monthly newsletter</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:buttons -->
+<div class="wp-block-buttons"><!-- wp:button -->
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Subscribe</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons --></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":[]}} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"400","letterSpacing":"0.04em"}},"fontSize":"x-small","fontFamily":"archivo"} -->
+<p class="has-archivo-font-family has-x-small-font-size" style="font-style:normal;font-weight:400;letter-spacing:0.04em;text-transform:uppercase">About Me</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.3"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="line-height:1.3">My name is Ava Wells and I’m a skincare lover with a Ph.D. in Pharmaceutical Sciences at the University of Glasgow.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":[]}} -->
+<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"textTransform":"uppercase","letterSpacing":"0.04em","fontStyle":"normal","fontWeight":"400"}},"fontSize":"x-small","fontFamily":"archivo"} -->
+<p class="has-archivo-font-family has-x-small-font-size" style="font-style:normal;font-weight:400;letter-spacing:0.04em;text-transform:uppercase">Recent Posts</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:query {"queryId":17,"query":{"perPage":"3","pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"exclude","inherit":false}} -->
+<div class="wp-block-query"><!-- wp:post-template {"layout":{"type":"default"}} -->
+<!-- wp:group {"style":{"spacing":{"blockGap":"1rem"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top"}} -->
+<div class="wp-block-group"><!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","height":"60px"} /-->
+
+<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:post-title {"isLink":true,"style":{"typography":{"lineHeight":"1.1"}},"fontSize":"medium"} /-->
+
+<!-- wp:post-date {"fontSize":"x-small"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+<!-- /wp:post-template --></div>
+<!-- /wp:query --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

goodskin/patterns/404.php

@@ -0,0 +1,12 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: goodskin/404
+ * Inserter: no
+ */
+declare( strict_types = 1 );
+?>
+
+<!-- wp:heading {"level":1,"fontSize":"huge","anchor":"oops-that-page-can-t-be-found"} -->
+<h1 class="wp-block-heading has-huge-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Nothing found. Maybe try a search?', 'goodskin' ); ?></h1>
+<!-- /wp:heading -->

goodskin/patterns/about-page-heading-paragraph-image.php

@@ -0,0 +1,29 @@
+<?php
+/**
+ * Title: About Page with Heading, Paragraph and Image
+ * Slug: goodskin/about-page
+ * Categories: pages
+ * Inserter: yes
+ */
+declare( strict_types = 1 );
+?>
+
+<!-- wp:columns {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
+<div class="wp-block-columns" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:column {"verticalAlignment":"bottom"} -->
+<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"bottom"}} -->
+<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"lineHeight":"1.1"}}} -->
+<h2 class="wp-block-heading" style="line-height:1.1">My name is Ava Wells and I’m a skincare lover with a Ph.D. in Pharmaceutical Sciences at the University of London.</h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}}} -->
+<p style="line-height:1.2">Ever since I can remember, I've been fascinated by the intricate workings of the human body and the ways in which science can be harnessed to improve health and well-being. This fascination led me to pursue a Ph.D. in Pharmaceutical Sciences from London, where I became increasingly interested in the intersection of science and skincare. From understanding the role of antioxidants in protecting against environmental damage to exploring the benefits of retinoids in stimulating collagen production, I was captivated by the science behind skincare and its transformative effects on the skin.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"48%"} -->
+<div class="wp-block-column" style="flex-basis:48%"><!-- wp:image {"id":206,"sizeSlug":"large","linkDestination":"none"} -->
+<figure class="wp-block-image size-large"><img src="https://skinblog.mystagingwebsite.com/wp-content/uploads/2024/03/skin-blog-about-image-792x1024.jpg" alt="" class="wp-image-206"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->

goodskin/patterns/footer.php

@@ -0,0 +1,61 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: goodskin/footer
+ * Categories: featured, footer
+ * Block Types: core/template-part/footer
+ */
+declare( strict_types = 1 );
+?>
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)"><!-- wp:spacer {"height":"20px"} -->
+<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:columns {"isStackedOnMobile":false} -->
+<div class="wp-block-columns is-not-stacked-on-mobile"><!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:site-title {"fontSize":"xx-large"} /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"bottom","width":"66.66%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:66.66%"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"300"}},"fontSize":"large"} -->
+<p class="has-large-font-size" style="font-style:italic;font-weight:300"><a href="#">Instagram</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"300"}},"fontSize":"large"} -->
+<p class="has-large-font-size" style="font-style:italic;font-weight:300"><a href="#">TikTok</a></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"fontStyle":"italic","fontWeight":"300"}},"fontSize":"large"} -->
+<p class="has-large-font-size" style="font-style:italic;font-weight:300"><a href="#">Youtube</a></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
+<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0px","right":"0px","bottom":"0px","left":"0px"}},"typography":{"fontSize":"0.9rem"}}} -->
+<p style="margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:0.9rem">
+ <?php
+ /* Translators: WordPress link. */
+ $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'goodskin' ) ) . '" rel="nofollow">WordPress</a>';
+ echo sprintf(
+ esc_html__( 'Designed with %1$s', 'goodskin' ),
+ $wordpress_link
+ );?>
+</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
+<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer --></div>
+<!-- /wp:group -->