Poetry: add alternative header part (WordPress#174)

poetry/functions.php

@@ -0,0 +1,59 @@
+<?php
+/**
+ * Poetry functions and definitions
+ *
+ * @link https://developer.wordpress.org/themes/basics/theme-functions/
+ *
+ * @package WordPress
+ * @subpackage Poetry
+ * @since Poetry 1.0
+ */
+
+
+if ( ! function_exists( 'poetry_support' ) ) :
+
+ /**
+ * Sets up theme defaults and registers support for various WordPress features.
+ *
+ * @since Poetry 1.0
+ *
+ * @return void
+ */
+ function poetry_support() {
+
+ // Enqueue editor styles.
+ add_editor_style( 'style.css' );
+ }
+
+endif;
+
+add_action( 'after_setup_theme', 'poetry_support' );
+
+if ( ! function_exists( 'poetry_styles' ) ) :
+
+ /**
+ * Enqueue styles.
+ *
+ * @since Poetry 1.0
+ *
+ * @return void
+ */
+ function poetry_styles() {
+ // Register theme stylesheet.
+ $theme_version = wp_get_theme()->get( 'Version' );
+
+ $version_string = is_string( $theme_version ) ? $theme_version : false;
+ wp_register_style(
+ 'poetry-style',
+ get_template_directory_uri() . '/style.css',
+ array(),
+ $version_string
+ );
+
+ // Enqueue theme stylesheet.
+ wp_enqueue_style( 'poetry-style' );
+ }
+
+endif;
+
+add_action( 'wp_enqueue_scripts', 'poetry_styles' );

poetry/parts/header-small.html

@@ -0,0 +1,25 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"top":"32px","bottom":"64px"}}},"className":"header-small","layout":{"type":"constrained"}} -->
+<div class="wp-block-group header-small" style="padding-top:32px;padding-bottom:64px"><!-- wp:group {"style":{"spacing":{"blockGap":"3rem"}},"className":"header-small__container","layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"top","justifyContent":"space-between"}} -->
+<div class="wp-block-group header-small__container"><!-- wp:site-title {"level":0,"isLink":false,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"medium"} /-->
+
+<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
+<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0.25rem"}},"layout":{"type":"flex","orientation":"vertical"}} -->
+<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.8","fontSize":"2rem"}},"fontFamily":"rozha-one"} -->
+<p class="has-rozha-one-font-family" style="font-size:2rem;line-height:0.8">Food for thoughts</p>
+<!-- /wp:paragraph -->
+
+<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.5"}},"fontSize":"small"} -->
+<p class="has-small-font-size" style="line-height:1.5">A collection of valuable thoughts by a very egocentric person.</p>
+<!-- /wp:paragraph --></div>
+<!-- /wp:group -->
+
+<!-- wp:image {"width":"auto","height":"64px","sizeSlug":"large","linkDestination":"none"} -->
+<figure class="wp-block-image size-large is-resized"><img src="http://wp-community-day.local/wp-content/themes/poetry/assets/images/feather.png" alt="" style="width:auto;height:64px"/></figure>
+<!-- /wp:image --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group --></div>
+<!-- /wp:group -->
+
+<!-- wp:spacer {"height":"50px"} -->
+<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>
+<!-- /wp:spacer -->

poetry/style.css

@@ -13,4 +13,9 @@ License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Template: 
 Text Domain: poetry
 Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
-*/
+*/
+
+.header-small .header-small__container.wp-block-group {
+ align-items: baseline;
+ row-gap: 1rem;
+}

poetry/templates/404.html

@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+<!-- wp:template-part {"slug":"header-small","tagName":"header"} /-->
 
 <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80"},"margin":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
 <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50);padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)"><!-- wp:heading {"textAlign":"center"} -->

poetry/templates/search.html

@@ -1,4 +1,4 @@
-<!-- wp:template-part {"slug":"header","tagName":"header"} /-->
+<!-- wp:template-part {"slug":"header-small","tagName":"header"} /-->
 
 <!-- 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:query-title {"type":"search","style":{"spacing":{"padding":{"top":"0","bottom":"0"},"margin":{"top":"0","bottom":"0"}}}} /-->

poetry/theme.json

@@ -122,7 +122,7 @@
  },
  "styles": {
  "color": {
- "background": "var:preset|color|white"
+ "background": "var(--wp--preset--color--white)"
  },
  "elements": {
  "h1": {
@@ -131,7 +131,7 @@
  "fontSize": "var(--wp--preset--font-size--xx-large)",
  "fontStyle": "normal",
  "fontWeight": "400",
- "lineHeight": 0.8
+ "lineHeight": "0.8"
  }
  },
  "h2": {
@@ -147,21 +147,33 @@
  }
  }
  },
+ "spacing": {
+ "padding": {
+ "bottom": "0px",
+ "left": "2rem",
+ "right": "2rem",
+ "top": "0px"
+ }
+ },
  "typography": {
- "fontFamily": "var:preset|font-family|inter",
- "lineHeight": 2
+ "fontFamily": "var(--wp--preset--font-family--inter)",
+ "lineHeight": "2"
  }
  },
  "templateParts": [
  {
  "area": "header",
  "name": "header"
  },
+ {
+ "area": "header",
+ "name": "header-small"
+ },
  {
  "area": "footer",
  "name": "footer"
  }
  ],
  "version": 2,
- "$schema": "https://schemas.wp.org/wp/6.1/theme.json"
+ "$schema": "https://schemas.wp.org/wp/6.5/theme.json"
 }