Skip to content

Instantly share code, notes, and snippets.

View MaggieCabrera's full-sized avatar
🏴‍☠️

Maggie MaggieCabrera

🏴‍☠️
View GitHub Profile
<!-- wp:query {"queryId":18,"query":{"perPage":1,"pages":0,"offset":0,"postType":"post","categoryIds":[],"tagIds":[],"order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full"} -->
<div class="wp-block-query alignfull"><!-- wp:post-template -->
<!-- wp:post-title {"isLink":true} /-->
<!-- wp:post-featured-image {"isLink":true,"align":"wide"} /-->
<!-- wp:cover {"customOverlayColor":"#2b657e","style":{"spacing":{"padding":{"top":"0px","right":"300px","bottom":"0px","left":"300px"}}}} -->
<div class="wp-block-cover has-background-dim" style="padding-top:0px;padding-right:300px;padding-bottom:0px;padding-left:300px;background-color:#2b657e"><div class="wp-block-cover__inner-container"><!-- wp:paragraph {"align":"center","placeholder":"Write title…","fontSize":"large"} -->
<p class="has-text-align-center has-large-font-size">test</p>
<!-- /wp:paragraph --></div></div>
{
"version": 1,
"settings": {
"color": {
"gradients": [],
"link": true,
"palette": []
},
"spacing": {
"customPadding": true
<!-- wp:paragraph -->
<p>This post will attempt to document all of the ways alignment can be assigned. Note that how the PAGE TEMPLATE is built that this content is shown on has much to do with how the items below will lay out. It is assumed that the post-content block in the template DOES have 'inherit layout' applied and is the top level container. </p>
<!-- /wp:paragraph -->
<!-- wp:heading -->
<h2 id="no-containing-it">No Containing It</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>This is a paragraph. It is a default paragraph inside no container. It should be the "regular" content with. When the window is WIDER than the "normal" width this paragraph block should be exactly as wide as the "normal width" is configured to be. When the window is anything smaller than that this paragraph should have space between it and the edge of the window.</p>
<!-- wp:group {"layout":{"inherit":"true","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayBackgroundColor":"primary","overlayTextColor":"background","align":"full","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red"
@MaggieCabrera
MaggieCabrera / headers.html
Last active January 11, 2024 11:27
Headers for testing
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"secondary","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-secondary-background-color has-background" 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:group {"align":"wide","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignwide">
<!-- wp:navigation {"overlayMenu":"auto","overlayBackgroundColor":"secondary","align":"wide","layout":{"type":"flex"},"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}}} /-->
<!-- wp:social-links {"iconColor":"secondary","iconColorV
@MaggieCabrera
MaggieCabrera / community-blueprint.json
Created April 5, 2024 14:48
Community Themes Blueprint for Playground
{
"$schema": "https://playground.wordpress.net/blueprint-schema.json",
"landingPage": "/wp-admin/themes.php?page=create-block-theme",
"features": {
"networking": true
},
"steps": [
{
"step": "login",
"username": "admin",