Saison: add theme (#7961)

* Saison is a clean, modern theme for restaurants, bakeries and other food businesses. It comes with page patterns and style variations that allow you to quickly design and launch your website.

* Update header.html

Remove navigation ref id.

* Update footer

Switch static footer content to a pattern.

* Remove hidden .DS_store files

* Update path to imagaes

* Pattern updates

Switch cover block to group block, and update path to images.

* Add a page template without title

Since this theme includes a few landing page patterns I decided to add a page template that displays these full-width to make it easier to create a landing page.

---------

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

saison/functions.php

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

saison/parts/footer.html

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

saison/parts/header.html

@@ -0,0 +1,11 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"6vw","left":"6vw","bottom":"6vh"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group" style="padding-right:6vw;padding-bottom:6vh;padding-left:6vw"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:site-title /-->
+
+<!-- wp:site-tagline /--></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:navigation {"overlayBackgroundColor":"base","overlayTextColor":"contrast"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

saison/parts/post-meta.html

@@ -0,0 +1,11 @@
+<!-- wp:group {"layout":{"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"}},"layout":{"type":"flex"}} -->
+<div class="wp-block-group"><!-- wp:post-date {"isLink":true} /-->
+
+<!-- wp:paragraph {"style":{"typography":{"fontSize":"0.8rem"}}} -->
+<p style="font-size:0.8rem">◦</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:post-terms {"term":"category"} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

saison/patterns/404.php

@@ -0,0 +1,16 @@
+<?php
+/**
+ * Title: A 404 page
+ * Slug: saison/404
+ * Inserter: no
+ */
+
+?>
+
+<!-- wp:heading {"textAlign":"center","level":1,"fontSize":"x-large"} -->
+<h1 class="has-text-align-center has-x-large-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can&rsquo;t be found.', 'saison' ); ?></h1>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php echo esc_html__( 'It looks like nothing was found at this location. Maybe try a search?', 'saison' ); ?></p>
+<!-- /wp:paragraph -->

saison/patterns/comments.php

@@ -0,0 +1,52 @@
+<?php
+/**
+ * Title: Comments
+ * slug: saison/comments
+ * inserter: no
+ */
+
+?>
+
+<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop">
+ <!-- wp:comments-title {"level":3} /-->
+
+ <!-- wp:comment-template -->
+ <!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|50"}}}} -->
+ <div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--50)">
+ <!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
+ <div class="wp-block-group">
+ <!-- wp:avatar {"size":40,"style":{"spacing":{"margin":{"top":"0.5em"}}}} /-->
+
+ <!-- wp:group -->
+ <div class="wp-block-group">
+ <!-- wp:comment-author-name /-->
+
+ <!-- wp:group {"layout":{"type":"flex"},"style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"blockGap":"0.5em"}}} -->
+ <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 -->
+ <!-- wp:comments-pagination-previous /-->
+ <!-- wp:comments-pagination-numbers /-->
+ <!-- wp:comments-pagination-next /-->
+ <!-- /wp:comments-pagination -->
+
+ <!-- wp:post-comments-form /-->
+</div>
+<!-- /wp:comments -->

saison/patterns/footer.php

@@ -0,0 +1,37 @@
+<?php
+/**
+ * Title: Default footer
+ * Slug: saison/footer
+ * Categories: footer
+ * Block Types: core/template-part/footer
+ */
+?>
+
+<!-- wp:group {"layout":{"inherit":true,"type":"constrained"}} -->
+<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var(--wp--preset--spacing--60)","bottom":"var(--wp--preset--spacing--60)"}}}} -->
+<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:spacer {"height":"var:preset|spacing|70"} -->
+<div style="height:var(--wp--preset--spacing--70)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:social-links {"iconColor":"contrast","iconColorValue":"#ffffff","size":"has-small-icon-size","style":{"spacing":{"blockGap":{"left":"var:preset|spacing|40"}}},"className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
+<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"instagram"} /-->
+
+<!-- wp:social-link {"url":"#","service":"facebook"} /-->
+
+<!-- wp:social-link {"url":"#","service":"yelp"} /--></ul>
+<!-- /wp:social-links -->
+
+<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.7rem"}}} -->
+<p class="has-text-align-center" style="font-size:0.7rem">
+ <?php
+ /* Translators: WordPress link. */
+ $wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'saison' ) ) . '" rel="nofollow">WordPress</a>';
+ echo sprintf(
+ esc_html__( 'Designed with %1$s', 'saison' ),
+ $wordpress_link
+ );
+ ?>
+</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->

saison/patterns/hidden-no-results-content.php

@@ -0,0 +1,10 @@
+<?php
+/**
+ * Title: Hidden No Results Content
+ * Slug: saison/hidden-no-results-content
+ * Inserter: no
+ */
+?>
+<!-- wp:paragraph -->
+<p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'saison' ); ?></p>
+<!-- /wp:paragraph -->

saison/patterns/home.php

@@ -0,0 +1,103 @@
+<?php
+/**
+ * Title: home
+ * Slug: saison/home
+ * Categories: hidden
+ * Inserter: no
+ */
+?>
+<!-- wp:template-part {"slug":"header","area":"header"} /-->
+
+<!-- wp:group {"style":{"spacing":{"padding":{"right":"6vw","left":"6vw"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="padding-right:6vw;padding-left:6vw"><!-- wp:spacer {"height":"40px"} -->
+<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"80%"} -->
+<div class="wp-block-column" style="flex-basis:80%"><!-- wp:heading -->
+<h2 class="wp-block-heading">Welcome to Saison, your favorite local and seasonal food place in Norwich.</h2>
+<!-- /wp:heading --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer {"height":"10px"} -->
+<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:image {"id":398,"aspectRatio":"16/9","scale":"cover","sizeSlug":"full","linkDestination":"none"} -->
+<figure class="wp-block-image size-full"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/home-image-1-scaled.jpg" alt="" class="wp-image-398" style="aspect-ratio:16/9;object-fit:cover"/></figure>
+<!-- /wp:image -->
+
+<!-- wp:columns {"style":{"spacing":{"padding":{"top":"6vh","bottom":"6vh"}}}} -->
+<div class="wp-block-columns" style="padding-top:6vh;padding-bottom:6vh"><!-- wp:column {"width":"33.33%"} -->
+<div class="wp-block-column" style="flex-basis:33.33%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"66.66%"} -->
+<div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:heading {"level":3} -->
+<h3 class="wp-block-heading">At Saison, we embrace the bounty of the sea and the richness of local, seasonal ingredients to create a culinary experience that reflects the heart of our community.</h3>
+<!-- /wp:heading --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column {"width":"60.2%"} -->
+<div class="wp-block-column" style="flex-basis:60.2%"><!-- wp:image {"id":399,"sizeSlug":"large","linkDestination":"none"} -->
+<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/home-image-2-1024x556.jpg" alt="" class="wp-image-399"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:image {"id":400,"sizeSlug":"large","linkDestination":"none"} -->
+<figure class="wp-block-image size-large"><img src="<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/home-image-3-1024x891.jpg" alt="" class="wp-image-400"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:spacer -->
+<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
+<div class="wp-block-buttons"><!-- wp:button -->
+<div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="#">Book a Table</a></div>
+<!-- /wp:button -->
+
+<!-- wp:button {"className":"is-style-outline"} -->
+<div class="wp-block-button is-style-outline"><a class="wp-block-button__link wp-element-button">Home Delivery</a></div>
+<!-- /wp:button --></div>
+<!-- /wp:buttons -->
+
+<!-- wp:spacer {"height":"var:preset|spacing|60"} -->
+<div style="height:var(--wp--preset--spacing--60)" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->
+
+<!-- wp:columns -->
+<div class="wp-block-columns"><!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9rem","letterSpacing":"0.06em"}}} -->
+<p class="has-text-align-center" style="font-size:0.9rem;letter-spacing:0.06em">92 St. Faiths Lane,<br>Norwich NR1 1NE</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"0.9rem","letterSpacing":"0.06em"}}} -->
+<p class="has-text-align-center" style="font-size:0.9rem;letter-spacing:0.06em"><a href="#">[email protected]</a><br>+00 123 456 789</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:column -->
+
+<!-- wp:column -->
+<div class="wp-block-column"></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /-->