Add a test theme for the Nav Overlay #263
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <!-- wp:group {"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"30px"}}}} --> | ||
| <div class="wp-block-group" style="padding-top:80px;padding-bottom:30px"> | ||
| <!-- wp:paragraph {"align":"center"} --> | ||
| <p class="has-text-align-center">Proudly Powered by <a href="https://wordpress.org" rel="nofollow">WordPress</a></p> | ||
| <!-- /wp:paragraph --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:group --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| <!-- wp:group {"layout":{"inherit":"true"}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:group {"align":"full","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"padding":{"bottom":"30px","top":"30px"}}}} --> | ||
| <div class="wp-block-group alignfull" style="padding-bottom:30px;padding-top:30px"> | ||
|
|
||
| <!-- wp:group {"layout":{"type":"flex"}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:site-logo {"width":64} /--> | ||
|
|
||
| <!-- wp:group --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:site-title /--> | ||
| <!-- wp:site-tagline /--> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:navigation {"overlay":"navigation-overlay"} /--> | ||
|
|
||
| </div> | ||
| <!-- /wp:group --> | ||
|
|
||
| </div> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:spacer {"height":50} --> | ||
| <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
|
|
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1 @@ | ||
| <!-- wp:pattern {"slug":"overlay-test/overlay-1"} /--> | ||
|
Collaborator
Author
There was a problem hiding this comment. This is not showing up yet as the default overlay, it's expecting a user created one
Collaborator
There was a problem hiding this comment. Even if it did, would we a way to get the parent navigation block it's assigned to? Maybe in the render we'd know to grab the parent navigation if this is the templating style?
Collaborator
Author
There was a problem hiding this comment. @getdave it's just a one liner but this is ok, we do this often. The template part invokes the pattern
Collaborator
There was a problem hiding this comment. Yes it's a good approach and keeps things DRY. |
||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <?php | ||
| /** | ||
| * Title: Navigation Overlay 1 | ||
| * Slug: overlay-test/overlay-1 | ||
| * Categories: navigation | ||
| * Block Types: core/template-part/overlay | ||
|
Collaborator
Author
There was a problem hiding this comment. This line is what makes it show on the right sidebar
Collaborator
Author
There was a problem hiding this comment. @getdave this will be the pattern we show on the theme's tempalte part |
||
| */ | ||
| ?> | ||
|
|
||
| <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"backgroundColor":"cyan-bluish-gray","layout":{"type":"flex","orientation":"vertical","flexWrap":"wrap"}} --> | ||
| <div class="wp-block-group has-cyan-bluish-gray-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:navigation-overlay-close --> | ||
| <button class="wp-block-navigation-overlay-close" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z"></path></svg></button> | ||
| <!-- /wp:navigation-overlay-close --> | ||
| <!-- wp:heading --> | ||
| <h2 class="wp-block-heading">This is the default Overlay for this theme</h2> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} /--></div> | ||
|
Collaborator
Author
There was a problem hiding this comment. The Nav block will show the same as what the header nav block shows |
||
| <!-- /wp:group --> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| <?php | ||
| /** | ||
| * Title: Navigation Overlay 2 | ||
| * Slug: overlay-test/overlay-2 | ||
| * Categories: navigation | ||
| * Block Types: core/template-part/overlay | ||
| */ | ||
| ?> | ||
|
|
||
| <!-- wp:group {"style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}},"backgroundColor":"light-green-cyan","layout":{"type":"flex","orientation":"vertical","flexWrap":"wrap"}} --> | ||
| <div class="wp-block-group has-light-green-cyan-background-color has-background" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:navigation-overlay-close --> | ||
| <button class="wp-block-navigation-overlay-close" type="button" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M13 11.8l6.1-6.3-1.1-1-6.1 6.2-6.1-6.2-1.1 1 6.1 6.3-6.5 6.7 1.1 1 6.5-6.6 6.5 6.6 1.1-1z"></path></svg></button> | ||
| <!-- /wp:navigation-overlay-close --> | ||
| <!-- wp:heading --> | ||
| <h2 class="wp-block-heading">This is a secondary Overlay for this theme</h2> | ||
| <!-- /wp:heading --> | ||
| <!-- wp:navigation {"layout":{"type":"flex","orientation":"vertical"}} /--></div> | ||
| <!-- /wp:group --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| == Overlay test == | ||
|
|
||
| Contributors: | ||
| Requires at least: 7.0-alpha-61215-src | ||
| Tested up to: 7.0-alpha-61215-src | ||
| Requires PHP: 5.7 | ||
| License: GPLv2 or later | ||
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | ||
|
|
||
|
|
||
| == Description == | ||
|
|
||
| This is a test theme to test the navigation overlay | ||
|
|
||
|
|
||
| == Changelog == | ||
|
|
||
| = 1.0.0 = | ||
| * Initial release | ||
|
|
||
|
|
||
| == Copyright == | ||
|
|
||
| Overlay test WordPress Theme, (C) 2025 | ||
| Overlay test is distributed under the terms of the GNU GPL. | ||
|
|
||
| This program is free software: you can redistribute it and/or modify | ||
| it under the terms of the GNU General Public License as published by | ||
| the Free Software Foundation, either version 2 of the License, or | ||
| (at your option) any later version. | ||
|
|
||
| This program is distributed in the hope that it will be useful, | ||
| but WITHOUT ANY WARRANTY; without even the implied warranty of | ||
| MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | ||
| GNU General Public License for more details. | ||
|
|
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| /* | ||
| Theme Name: Overlay test | ||
| Theme URI: | ||
| Author: | ||
| Author URI: | ||
| Description: This is a test theme to test the navigation overlay | ||
| Requires at least: 7.0-alpha-61215-src | ||
| Tested up to: 7.0-alpha-61215-src | ||
| Requires PHP: 5.7 | ||
| Version: | ||
| License: GNU General Public License v2 or later | ||
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | ||
| Text Domain: overlay-test | ||
| Tags: | ||
| */ | ||
|
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,43 @@ | ||
| <!-- wp:template-part {"slug":"header","tagName":"header"} /--> | ||
|
|
||
| <!-- wp:group {"tagName":"main","layout":{"type":"constrained"}} --> | ||
| <main class="wp-block-group"> | ||
| <!-- wp:query {"layout":{"inherit":true}} --> | ||
| <div class="wp-block-query"> | ||
| <!-- wp:post-template --> | ||
| <!-- wp:group --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:post-title {"isLink":true} /--> | ||
| <!-- wp:post-featured-image {"isLink":true} /--> | ||
| <!-- wp:post-content /--> | ||
| <!-- wp:group {"layout":{"type":"flex"},"style":{"typography":{"fontSize":"14px"}}} --> | ||
| <div class="wp-block-group" style="font-size:14px"> | ||
| <!-- wp:post-author {"showAvatar":false,"showBio":false} /--> | ||
| <!-- wp:post-date {"isLink":true} /--> | ||
| <!-- wp:post-terms {"term":"category"} /--> | ||
| <!-- wp:post-terms {"term":"post_tag"} /--> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| <!-- wp:spacer {"height":40} --> | ||
| <div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div> | ||
| <!-- /wp:spacer --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| <!-- /wp:post-template --> | ||
| <!-- wp:group {"layout":{"inherit":true}} --> | ||
| <div class="wp-block-group"> | ||
| <!-- wp:query-pagination --> | ||
| <!-- wp:query-pagination-previous /--> | ||
|
|
||
| <!-- wp:query-pagination-numbers /--> | ||
|
|
||
| <!-- wp:query-pagination-next /--> | ||
| <!-- /wp:query-pagination --> | ||
| </div> | ||
| <!-- /wp:group --> | ||
| </div> | ||
| <!-- /wp:query --> | ||
| </main> | ||
| <!-- /wp:group --> | ||
|
|
||
| <!-- wp:template-part {"slug":"footer","tagName":"footer"} /--> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,45 @@ | ||
| { | ||
| "$schema": "https://schemas.wp.org/trunk/theme.json", | ||
| "version": 3, | ||
| "settings": { | ||
| "appearanceTools": true, | ||
| "layout": { | ||
| "contentSize": "620px", | ||
| "wideSize": "1000px" | ||
| }, | ||
| "spacing": { | ||
| "units": [ | ||
| "%", | ||
| "px", | ||
| "em", | ||
| "rem", | ||
| "vh", | ||
| "vw" | ||
| ] | ||
| }, | ||
| "typography": { | ||
| "fontFamilies": [ | ||
| { | ||
| "fontFamily": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif", | ||
| "name": "System Font", | ||
| "slug": "system-font" | ||
| } | ||
| ] | ||
| }, | ||
| "useRootPaddingAwareAlignments": true | ||
| }, | ||
| "templateParts": [ | ||
| { | ||
| "area": "header", | ||
| "name": "header" | ||
| }, | ||
| { | ||
| "area": "footer", | ||
| "name": "footer" | ||
| }, | ||
| { | ||
| "area": "navigation-overlay", | ||
|
Collaborator
Author
There was a problem hiding this comment. @getdave we also need to register the template part here, like we do header and footer |
||
| "name": "navigation-overlay" | ||
| } | ||
| ] | ||
| } | ||
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@getdave this is the key change, we are telling the nav block to use a particular overlay that we have defined before