Professio: add theme (#8462)

* Professio: add theme

* Manually localised background image paths that CBT failed to do

* Professio: fixes issues commented below

* Deregister unused pattern in json

---------

Co-authored-by: Takashi Irie <[email protected]>

professio/functions.php

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

professio/parts/comments.html

@@ -0,0 +1,39 @@
+<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group"><!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
+<div class="wp-block-comments wp-block-comments-query-loop"><!-- wp:comments-title /-->
+
+<!-- wp:group {"layout":{"type":"constrained","justifyContent":"left"}} -->
+<div class="wp-block-group"><!-- wp:comment-template {"style":{"spacing":{"padding":{"left":"0px"},"margin":{"right":"0","left":"0"}}}} -->
+<!-- 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":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:avatar {"size":48,"style":{"border":{"radius":"50%"}}} /-->
+
+<!-- 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 --></div>
+<!-- /wp:group -->
+
+<!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}},"layout":{"type":"default"}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:comments-pagination {"paginationArrow":"arrow","layout":{"type":"flex","justifyContent":"space-between"}} -->
+<!-- wp:comments-pagination-previous /-->
+
+<!-- wp:comments-pagination-next /-->
+<!-- /wp:comments-pagination --></div>
+<!-- /wp:group -->
+
+<!-- wp:post-comments-form {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"}}}} /--></div>
+<!-- /wp:comments --></div>
+<!-- /wp:group -->

professio/parts/footer.html

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

professio/parts/header.html

@@ -0,0 +1,15 @@
+<!-- wp:group {"metadata":{"name":"Header wrapper"},"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|80"},"blockGap":"var:preset|spacing|70","margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"border":{"top":{"width":"2px"},"right":[],"bottom":[],"left":[]}},"backgroundColor":"base","textColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group has-contrast-color has-base-background-color has-text-color has-background has-link-color" style="border-top-width:2px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"0"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center","width":""} -->
+<div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-title {"level":0,"style":{"layout":{"selfStretch":"fixed","flexSize":"230px"}}} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"center","width":"66.66%"} -->
+<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:66.66%"><!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
+<div class="wp-block-group"><!-- wp:site-tagline /-->
+
+<!-- wp:navigation {"overlayMenu":"always","icon":"menu","overlayBackgroundColor":"contrast","overlayTextColor":"base","align":"wide","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","justifyContent":"left","orientation":"vertical"}} /--></div>
+<!-- /wp:group --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></div>
+<!-- /wp:group -->

professio/patterns/404.php

@@ -0,0 +1,31 @@
+<?php
+/**
+ * Title: 404
+ * Slug: professio/404
+ * Inserter: no
+ */
+?>
+<!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_ESDCTK2C7Z_web.png","hasParallax":true,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"color":{"duotone":"var:preset|duotone|duo-secondary"}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignfull is-light has-parallax" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><div class="wp-block-cover__image-background size-full has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/StockSnap_ESDCTK2C7Z_web.png)"></div><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","area":"header"} /-->
+
+<!-- wp:group {"tagName":"main","metadata":{"name":"Content"},"style":{"spacing":{"blockGap":"var:preset|spacing|70","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"dimensions":{"minHeight":"30vh"}},"backgroundColor":"base","textColor":"contrast","layout":{"type":"constrained"}} -->
+<main class="wp-block-group has-contrast-color has-base-background-color has-text-color has-background has-link-color" style="min-height:30vh;padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"top","align":"wide"} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"66.6%","style":{"spacing":{"padding":{"bottom":"0"}}}} -->
+<div class="wp-block-column is-vertically-aligned-top" style="padding-bottom:0;flex-basis:66.6%"><!-- wp:heading {"level":1,"style":{"typography":{"textTransform":"uppercase","lineHeight":"0.9"}},"fontSize":"xxxx-large"} -->
+<h1 class="wp-block-heading has-xxxx-large-font-size" id="oops-that-page-can-t-be-found" style="line-height:0.9;text-transform:uppercase"><?php /* Translators: 1. is a 'br' HTML element */ 
+echo sprintf( esc_html__( 'Oops! page%1$snot found.', 'professio' ), '<br>' ); ?></h1>
+<!-- /wp:heading --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"width":"33.3%","style":{"spacing":{"padding":{"bottom":"0","top":"10px"}}}} -->
+<div class="wp-block-column" style="padding-top:10px;padding-bottom:0;flex-basis:33.3%"><!-- wp:paragraph -->
+<p><?php esc_html_e('It looks like nothing was found at this location. Maybe try a search?', 'professio');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:search {"label":"Search","showLabel":false,"buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","tagName":"footer","align":"full"} /--></div></div>
+<!-- /wp:cover -->

professio/patterns/archive.php

@@ -0,0 +1,54 @@
+<?php
+/**
+ * Title: archive
+ * Slug: professio/archive
+ * Inserter: no
+ */
+?>
+<!-- wp:cover {"url":"http://localhost.local/wp-content/themes/professio/assets/images/StockSnap_ESDCTK2C7Z_web.png","hasParallax":true,"dimRatio":0,"isUserOverlayColor":true,"isDark":false,"sizeSlug":"full","align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40","right":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"0"},"color":{"duotone":"var:preset|duotone|duo-secondary"}},"layout":{"type":"default"}} -->
+<div class="wp-block-cover alignfull is-light has-parallax" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--40)"><div class="wp-block-cover__image-background size-full has-parallax" style="background-position:50% 50%;background-image:url(http://localhost.local/wp-content/themes/professio/assets/images/StockSnap_ESDCTK2C7Z_web.png)"></div><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:template-part {"slug":"header","area":"header"} /-->
+
+<!-- wp:group {"tagName":"main","metadata":{"name":"Content"},"style":{"spacing":{"blockGap":"var:preset|spacing|70","padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"backgroundColor":"base","textColor":"contrast","layout":{"type":"constrained"}} -->
+<main class="wp-block-group has-contrast-color has-base-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)"><!-- wp:columns {"verticalAlignment":"bottom","align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-bottom" style="margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)"><!-- wp:column {"verticalAlignment":"bottom","width":"66.6%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:66.6%"><!-- wp:query-title {"type":"archive","showPrefix":false} /--></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"bottom","width":"33.3%"} -->
+<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:33.3%"><!-- wp:term-description {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}}}} /--></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:query {"queryId":7,"query":{"perPage":10,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":true},"align":"wide"} -->
+<div class="wp-block-query alignwide"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"grid","columnCount":3}} -->
+<!-- wp:post-featured-image {"isLink":true,"aspectRatio":"1","width":"33.3%","style":{"color":[],"border":{"radius":"5px"}}} /-->
+
+<!-- wp:group {"metadata":{"name":"Query Loop Copy"},"style":{"spacing":{"padding":{"bottom":"var:preset|spacing|60"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--60)"><!-- wp:group {"style":{"spacing":{"padding":{"right":"5%"},"blockGap":"0.5rem","margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
+<div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40);padding-right:5%"><!-- wp:post-date {"format":"M j, Y"} /-->
+
+<!-- wp:post-title {"level":3,"isLink":true} /--></div>
+<!-- /wp:group -->
+
+<!-- wp:post-excerpt {"moreText":"Read more","showMoreOnNewLine":false,"excerptLength":20} /--></div>
+<!-- /wp:group -->
+<!-- /wp:post-template -->
+
+<!-- wp:query-pagination -->
+<!-- wp:query-pagination-previous /-->
+
+<!-- wp:query-pagination-numbers /-->
+
+<!-- wp:query-pagination-next /-->
+<!-- /wp:query-pagination -->
+
+<!-- wp:query-no-results -->
+<!-- wp:paragraph {"placeholder":"Add text or blocks that will display when a query returns no results."} -->
+<p><?php esc_html_e('Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'professio');?></p>
+<!-- /wp:paragraph -->
+<!-- /wp:query-no-results --></div>
+<!-- /wp:query --></main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer","area":"footer"} /--></div></div>
+<!-- /wp:cover -->

professio/patterns/footer.php

@@ -0,0 +1,60 @@
+<?php
+/**
+ * Title: footer
+ * Slug: professio/footer
+ * Inserter: no
+ */
+?>
+<!-- wp:group {"metadata":{"name":"Footer wrapper"},"align":"full","style":{"border":{"bottom":{"width":"2px"},"top":[],"right":[],"left":[]},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|70"},"blockGap":"var:preset|spacing|60","margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"backgroundColor":"base","textColor":"contrast","layout":{"type":"constrained"}} -->
+<div class="wp-block-group alignfull has-contrast-color has-base-background-color has-text-color has-background has-link-color" style="border-bottom-width:2px;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--70)"><!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"padding":{"top":"0","bottom":"0","left":"0","right":"0"}}}} -->
+<div class="wp-block-columns alignwide are-vertically-aligned-top" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:column {"verticalAlignment":"top","width":"46.6%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:46.6%"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:heading {"style":{"typography":{"lineHeight":"0.9","textTransform":"uppercase"}},"fontSize":"xxxx-large"} -->
+<h2 class="wp-block-heading has-xxxx-large-font-size" style="line-height:0.9;text-transform:uppercase"><?php esc_html_e('Meet Nausicaä Rossi', 'professio');?></h2>
+<!-- /wp:heading -->
+
+<!-- wp:paragraph -->
+<p><?php esc_html_e('Are you ready for your language journey, or do you need expert translation services? Do you have questions or want to schedule a class? Contact me, and let\'s start this exciting adventure together!', 'professio');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"20%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%"></div>
+<!-- /wp:column -->
+
+<!-- wp:column {"verticalAlignment":"top","width":"33.3%"} -->
+<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:33.3%"><!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/StockSnap_J633WD7BAR_web.jpg","dimRatio":0,"customOverlayColor":"#443523","isUserOverlayColor":false,"contentPosition":"top left","sizeSlug":"full","style":{"dimensions":{"aspectRatio":"3/4"}},"layout":{"type":"constrained"}} -->
+<div class="wp-block-cover has-custom-content-position is-position-top-left"><img class="wp-block-cover__image-background size-full" alt="" src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/StockSnap_J633WD7BAR_web.jpg" data-object-fit="cover"/><span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim" style="background-color:#443523"></span><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…"} -->
+<p class="has-text-align-center"></p>
+<!-- /wp:paragraph --></div></div>
+<!-- /wp:cover --></div>
+<!-- /wp:column --></div>
+<!-- /wp:columns -->
+
+<!-- wp:group {"metadata":{"name":"Links and credit"},"align":"wide","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
+<div class="wp-block-group alignwide"><!-- wp:group {"metadata":{"name":"Links"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"metadata":{"name":"Link"},"className":"no-underline","style":{"layout":{"selfStretch":"fit","flexSize":null},"typography":{"textTransform":"uppercase"}},"fontSize":"x-small","fontFamily":"pt-root-ui"} -->
+<p class="no-underline has-pt-root-ui-font-family has-x-small-font-size" style="text-transform:uppercase"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element */ 
+echo sprintf( esc_html__( '%1$sTumblr%2$s.', 'professio' ), '<a href="' . esc_url( '#' ) . '">', '</a>' ); ?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"metadata":{"name":"Link"},"className":"no-underline","style":{"layout":{"selfStretch":"fit","flexSize":null},"typography":{"textTransform":"uppercase"}},"fontSize":"x-small","fontFamily":"pt-root-ui"} -->
+<p class="no-underline has-pt-root-ui-font-family has-x-small-font-size" style="text-transform:uppercase"><?php esc_html_e('TikTok.', 'professio');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"metadata":{"name":"Link"},"className":"no-underline","style":{"layout":{"selfStretch":"fit","flexSize":null},"typography":{"textTransform":"uppercase"}},"fontSize":"x-small","fontFamily":"pt-root-ui"} -->
+<p class="no-underline has-pt-root-ui-font-family has-x-small-font-size" style="text-transform:uppercase"><?php esc_html_e('Instgrm.', 'professio');?></p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"metadata":{"name":"Link"},"className":"no-underline","style":{"layout":{"selfStretch":"fit","flexSize":null},"typography":{"textTransform":"uppercase"}},"fontSize":"x-small","fontFamily":"pt-root-ui"} -->
+<p class="no-underline has-pt-root-ui-font-family has-x-small-font-size" style="text-transform:uppercase"><?php esc_html_e('BlueSky', 'professio');?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:paragraph {"align":"right","metadata":{"name":"Designed with WordPress"},"fontSize":"small"} -->
+<p class="has-text-align-right has-small-font-size"><?php /* Translators: 1. is the start of a 'a' HTML element, 2. is the end of a 'a' HTML element */ 
+echo sprintf( esc_html__( 'Designed with %1$sWordPress%2$s', 'professio' ), '<a href="' . esc_url( 'https://wordpress.org' ) . '" rel="nofollow">', '</a>' ); ?></p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->