 is-resized" width="100%"><div><div><div align="center" class="ng-block-td" style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><a href="https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json"><img alt="" class="wp-image-42874 ng-image" height="45" src="https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/02/Screenshot-2025-11-15-at-12.06.44.png?resize=196%2C45&#038;ssl=1" style="border-style: none; border-color: transparent;" width="196" /></a></div></div></div></div>\n\n<div class="ng-block-8e88a6be93bef282 wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p>Now also available via <a href="https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json">WordPress Playground</a>. There is no need for a test site locally or on a server. Have you been using it? <a href="mailto:pauli@gutenbergtimes.com">Email me </a>with your experience.</p></div></div></div></div></div><div class="ng-block-hs ng-block-hs-2" height="0" style="width: 0px;"></div></div><div><div class="ng-block-vs ng-block-vs-2" colspan="3" height="0" style="height: 0px;"></div></div></div></div>\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="has-text-align-center has-small-font-size wp-block-paragraph"><em>Questions? Suggestions? Ideas? </em><br /><em>Don&#8217;t hesitate to send <a href="mailto:pauli@gutenbergtimes.com">them via email</a> or</em><br /><em> send me a message on WordPress Slack or Twitter @bph</em>.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity" />\n\n\n\n<p class="has-text-align-center has-small-font-size wp-block-paragraph">For questions to be answered on the <a href="http://gutenbergtimes.com/podcast">Gutenberg Changelog</a>, <br />send them to <a href="mailto:changelog@gutenbergtimes.com">changelog@gutenbergtimes.com</a></p>\n\n\n<div class="ng-block-05863c6f6a74ed71 wp-block-newsletterglue-separator ng-block" style="color: #666666;" width="100%"><div><div><div align="center" class="ng-block-td" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #666666;"><hr style="background-color: transparent; color: transparent; margin: 0; border: 0; border-top: 1px solid #666666; width: 560px; height: 0;" /></div></div></div></div>\n\n<div class="wp-block-newsletterglue-showhide ng-block" width="100%"></div>\n\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Sat, 28 Feb 2026 12:53:22 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:18:"Birgit Pauli-Haack";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:30;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:68:"Gutenberg Times: 14 ways to add Custom CSS in WordPress Block Editor";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:35:"https://gutenbergtimes.com/?p=44344";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:79:"https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:100197:"<p class="wp-block-paragraph">With the new Custom CSS on a block and post/page level, I was wondering if I would know where to look if something needs to be changed that was modified by a Custom CSS setting. Turns out there are 14 different ways to skin WordPress. I am a fan of keeping one source of truth, but it might not always be possible to keep it in theme.json. So I also wanted to figure out what decisions making process goes into selecting a method in the first place.</p>\n\n\n\n<p class="wp-block-paragraph">Below is a comprehensive reference for users, site builders, designers and developers covering all methods from no-code to full theme development.</p>\n\n\n\n<p class="wp-block-paragraph">These methods only apply to Block themes, though. Classic theme methods (like the Customizer&#8217;s Additional CSS panel etc.) are excluded.</p>\n\n\n\n<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">\n<p class="wp-block-paragraph"><strong>Table of contents</strong></p>\n\n\n\n<nav class="wp-block-table-of-contents"><ul><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#the-specificity-cascade">The specificity cascade</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#1-theme-json-structured-style-properties">1. theme.json — structured style properties</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#2-theme-json-the-css-property">2. theme.json — The css Property </a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#3-custom-css-properties-variables-via-theme-json-settings">3. Custom CSS Properties (Variables) via theme.json Settings</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#4-child-theme-s-theme-json">4. Child Theme&#8217;s theme.json</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#5-global-styles-ui">5. Global Styles UI </a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#6-additional-css">6. Additional CSS </a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#7-per-block-additional-css">7. Per-Block Additional CSS </a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#8-additional-css-class-es-on-individual-block-instances">8. Additional CSS Class(es) on individual block instances</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#9-global-style-variations-theme-level-style-presets">9. Global Style Variations (Theme-Level Style Presets)</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#10-block-style-variations-json-php-and-javascript">10. Block Style Variations (JSON, PHP, and JavaScript)</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#11-section-styles">11. Section Styles </a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#12-block-stylesheets-via-wp-enqueue-block-style">12. Block Stylesheets via wp_enqueue_block_style()</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#13-enqueuing-stylesheets-via-wp-enqueue-style-in-php">13. Enqueuing Stylesheets via wp_enqueue_style() in PHP</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#14-the-theme-s-style-css">14. The Theme&#8217;s style.css</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#summary-table">Summary Table</a></li><li><a class="wp-block-table-of-contents__entry" href="https://gutenbergtimes.com/14-ways-to-add-custom-css-in-wordpress-block-editor/#decision-guide">Decision Guide</a></li></ul></nav>\n</div></div>\n\n\n\n<h2 class="wp-block-heading" id="the-specificity-cascade">The specificity cascade</h2>\n\n\n\n<p class="wp-block-paragraph">Before diving in, it helps to understand WordPress&#8217;s style hierarchy for block themes. Styles resolve in this order, with later layers overriding earlier ones on four levels.</p>\n\n\n\n<ul class="wp-block-list">\n<li><strong>Default </strong>mostly the styling and layouts of WordPress Core.</li>\n\n\n\n<li><strong>Block-level</strong> styling can be altered with plugins and overwrites the Default styling.</li>\n\n\n\n<li><strong>Theme-level </strong>styling is the whole suite of design tools controlled by the active Theme. It overwrites Default and block-level styles and layouts for instance (e.g. template and template parts).</li>\n\n\n\n<li><strong>User-level</strong> styling uses the Design tools within the Site Editor to modify styles and layouts. These changes are stored in the database and overwrite the theme-level styling.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph">Within each layer, more specific targets (per block, per element) override more general ones. This cascade is central to how all the methods below interact.</p>\n\n\n\n<h2 class="wp-block-heading" id="1-theme-json-structured-style-properties">1. theme.json — structured style properties</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers, child theme authors<br /><strong>Where:</strong> <code>theme.json</code> (root of your theme) → <code>styles</code> section</p>\n\n\n\n<p class="wp-block-paragraph">This is the <strong>recommended first choice</strong> for styling in block themes. Rather than writing raw CSS, you define styles as structured JSON properties — colors, typography, spacing, borders, shadows, and more — at the global, element, or per-block level.</p>\n\n\n\n<p class="wp-block-paragraph">You can use hardcoded values directly in <code>styles</code>, and they work just fine:</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">{\n  "version": 3,\n  "styles": {\n    "color": {\n      "background": "#ffffff",\n      "text": "#333333"\n    },\n    "elements": {\n      "link": {\n        "color": { "text": "#0073aa" }\n      }\n    },\n    "blocks": {\n      "core/button": {\n        "color": { "background": "#0073aa" }\n      }\n    }\n  }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">styles</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">background</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#ffffff&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">text</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#333333&quot;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">elements</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">link</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">text</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#0073aa&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">blocks</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/button</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">background</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#0073aa&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph">As your theme grows, hardcoded values become harder to manage. If you decide to change your primary color, you&#8217;d need to find and update every instance of <code>#0073aa</code> across styles. A more maintainable approach is to define your values as presets in the <code>settings</code> part of theme.json and then reference them in <code>styles</code> using the <code>var:preset||</code> syntax. WordPress converts these presets into CSS custom properties (e.g., <code>--wp--preset--color--primary</code>), keeping everything connected:</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">{\n  "version": 3,\n  "settings": {\n    "color": {\n      "palette": &#91;\n        { "slug": "primary", "color": "#0073aa", "name": "Primary" },\n        { "slug": "base", "color": "#ffffff", "name": "Base" },\n        { "slug": "contrast", "color": "#333333", "name": "Contrast" }\n      &#93;\n    },\n    "typography": {\n      "fontSizes": &#91;\n        { "slug": "medium", "size": "18px", "name": "Medium" }\n      &#93;\n    }\n  },\n  "styles": {\n    "color": {\n      "background": "var:preset|color|base",\n      "text": "var:preset|color|contrast"\n    },\n    "typography": {\n      "fontSize": "var:preset|font-size|medium",\n      "lineHeight": "1.6"\n    },\n    "elements": {\n      "link": {\n        "color": { "text": "var:preset|color|primary" }\n      },\n      "heading": {\n        "typography": { "fontWeight": "700" }\n      }\n    },\n    "blocks": {\n      "core/button": {\n        "border": { "radius": "4px" },\n        "color": { "background": "var:preset|color|primary" }\n      },\n      "core/quote": {\n        "typography": { "fontStyle": "italic" }\n      }\n    }\n  }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">settings</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">palette</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">&#91;</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;primary&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#0073aa&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Primary&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;base&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#ffffff&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Base&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;contrast&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#333333&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Contrast&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&#93;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">typography</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">fontSizes</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">&#91;</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;medium&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">size</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;18px&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Medium&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&#93;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">styles</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">background</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;var:preset|color|base&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">text</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;var:preset|color|contrast&quot;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">typography</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">fontSize</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;var:preset|font-size|medium&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">lineHeight</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;1.6&quot;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">elements</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">link</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">text</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;var:preset|color|primary&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">heading</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">typography</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">fontWeight</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;700&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">blocks</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/button</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">border</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">radius</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;4px&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">background</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;var:preset|color|primary&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/quote</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">typography</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">fontStyle</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;italic&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph">This token-based approach pays off in a few ways. When a user changes &#8220;Primary&#8221; in the Global Styles UI, every element referencing that token updates automatically. It keeps your theme internally consistent — no risk of one button being <code>#0073aa</code> while another drifted to <code>#0074ab</code>. And it makes global style variations far simpler to create: a dark mode variation only needs to redefine the palette, not hunt down every color reference in styles. Either approach is valid, but tokens tend to save time as a theme matures.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><strong>Automatic integration with the Global Styles UI:</strong> Users can view and override your styles in the Site Editor without writing CSS.</li>\n\n\n\n<li><strong>WordPress manages specificity for you:</strong> the &#8220;base → theme → user&#8221; cascade works correctly.</li>\n\n\n\n<li><strong>Generates CSS custom properties automatically</strong> (e.g. <code>--wp--preset--color--primary</code>).</li>\n\n\n\n<li><strong>Visual parity</strong> between editor and front end.</li>\n\n\n\n<li><strong>Machine-readable: </strong>other tools and plugins can consume and extend these styles.</li>\n\n\n\n<li><strong>Reduces the amount of CSS</strong> enqueued overall.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Can only express what <a href="https://schemas.wp.org/trunk/theme.json.">theme.json&#8217;s schema</a> supports (growing with each release, but not yet comprehensive).</li>\n\n\n\n<li>Pseudo-classes like <code>:hover</code>, <code>:focus</code>, <code>:active</code>, and <code>:visited</code> are supported for elements such as links and buttons (e.g., <code>"elements": { "link": { ":hover": { "color": { "text": "var:preset|color|contrast" } } } }</code>), but pseudo-elements like <code>::before</code> and <code>::after</code>, media queries, and more complex selectors are not available in the structured properties — use the <code>css</code> property (#2) or block stylesheets (#3) for those.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/themes/global-settings-and-styles/">Global Settings and Styles (theme.json)</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/news/2024/10/mastering-theme-json-you-might-not-need-css/">Mastering theme.json: You might not need CSS</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/themes/global-settings-and-styles/styles/using-presets/">Using Presets</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/themes/global-settings-and-styles/styles/styles-reference/">Styles Reference</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="2-theme-json-the-css-property">2. theme.json — The <code>css</code> Property </h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> <code>theme.json</code> → <code>styles.css</code> (global) or <code>styles.blocks.[blockname].css</code> (per-block)</p>\n\n\n\n<p class="wp-block-paragraph">When theme.json&#8217;s structured properties aren&#8217;t enough, you can drop to raw CSS strings within theme.json itself. Available since WordPress 6.2.</p>\n\n\n\n<h3 class="wp-block-heading" id="global-custom-css">Global custom CSS</h3>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">{\n  "version": 3,\n  "styles": {\n    "css": ".my-custom-class { opacity: 0.8; } body { scroll-behavior: smooth; }"\n  }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">styles</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">css</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;.my-custom-class { opacity: 0.8; } body { scroll-behavior: smooth; }&quot;</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<h3 class="wp-block-heading" id="per-block-custom-css">Per-block custom CSS</h3>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">{\n  "version": 3,\n    "styles": {    \n       "blocks": {\n          "core/image": {\n              "css": "&amp; img { border-radius: 8px; transition: transform 0.3s; } &amp;:hover img { transform: scale(1.02); }"\n              },     \n          "core/post-title": {\n              "css": "letter-spacing: 1px;"\n             },\n         "core/paragraph": {       \n              "css": "&amp;.has-background { padding: .5rem .8rem; }"\n           }\n        }\n    }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">styles</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;">    </span></span>\n<span class="line"><span style="color: #575279;">       </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">blocks</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">          </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/image</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">              </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">css</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;&amp; img { border-radius: 8px; transition: transform 0.3s; } &amp;:hover img { transform: scale(1.02); }&quot;</span></span>\n<span class="line"><span style="color: #575279;">              </span><span style="color: #797593;">},</span><span style="color: #575279;">     </span></span>\n<span class="line"><span style="color: #575279;">          </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/post-title</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">              </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">css</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;letter-spacing: 1px;&quot;</span></span>\n<span class="line"><span style="color: #575279;">             </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">         </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">core/paragraph</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span><span style="color: #575279;">       </span></span>\n<span class="line"><span style="color: #575279;">              </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">css</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;&amp;.has-background { padding: .5rem .8rem; }&quot;</span></span>\n<span class="line"><span style="color: #575279;">           </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph">WordPress auto-generates the selector for per-block CSS—you don&#8217;t need to know the block&#8217;s class name. The <code>&amp;</code> selector is supported for targeting nested elements and pseudo-selectors (<code>:before</code>, <code>:after</code>, <code>:hover</code>, <code>:not()</code>, etc.).</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Integrates with the Styles interface in the Site Editor — users can see and modify your per-block CSS under Styles → Blocks → [Block] → Advanced → Additional CSS.</li>\n\n\n\n<li>WordPress handles the selector, so you avoid specificity conflicts.</li>\n\n\n\n<li>CSS from elements and variations is also supported (from WordPress 6.6).</li>\n\n\n\n<li>Provides a bridge between structured theme.json properties and full CSS freedom.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>JSON doesn&#8217;t support line breaks, so everything must be on one line — cumbersome for large blocks of CSS.</li>\n\n\n\n<li>No syntax highlighting in JSON files.</li>\n\n\n\n<li>Best for small, targeted additions — for anything extensive, use block stylesheets instead.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://make.wordpress.org/core/2023/03/06/custom-css-for-global-styles-and-per-block/">Custom CSS for global styles and per block</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="3-custom-css-properties-variables-via-theme-json-settings">3. Custom CSS Properties (Variables) via theme.json Settings</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> <code>theme.json</code> → <code>settings.custom</code></p>\n\n\n\n<p class="wp-block-paragraph">Create your own CSS custom properties that can be used anywhere in your CSS—in stylesheets, block stylesheets, or even within the <code>css</code> property.</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">{\n  "version": 3,\n  "settings": {\n    "custom": {\n      "contentMaxWidth": "800px",\n      "spacing": {\n        "gutter": "2rem"\n      },\n      "transition": "all 0.3s ease"\n    }\n  }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">settings</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">custom</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">contentMaxWidth</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;800px&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">spacing</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">gutter</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;2rem&quot;</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">transition</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;all 0.3s ease&quot;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph">This generates:</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">body {\n  --wp--custom--content-max-width: 800px;\n  --wp--custom--spacing--gutter: 2rem;\n  --wp--custom--transition: all 0.3s ease;\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #575279;">body </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #B4637A;">--wp--custom--content-max-width</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">800</span><span style="color: #B4637A;">px;</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #B4637A;">--wp--custom--spacing--gutter:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">2</span><span style="color: #B4637A;">rem;</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #B4637A;">--wp--custom--transition:</span><span style="color: #575279;"> </span><span style="color: #B4637A;">all</span><span style="color: #575279;"> </span><span style="color: #D7827E;">0.3</span><span style="color: #B4637A;">s</span><span style="color: #575279;"> </span><span style="color: #B4637A;">ease;</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Centralized design tokens accessible from any CSS source.</li>\n\n\n\n<li>Automatic generation of CSS custom properties following WordPress naming conventions.</li>\n\n\n\n<li>Changes propagate everywhere the variable is used.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Only generates the variables — you still need to reference them in your CSS.</li>\n\n\n\n<li>Not directly editable by users in the Site Editor UI (unlike presets for colors or font sizes).</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/news/2023/08/adding-and-using-custom-settings-in-theme-json/">Adding and using custom settings in theme.json</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="4-child-theme-s-theme-json">4. Child Theme&#8217;s <code>theme.json</code></h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Developers customizing a parent theme<br /><strong>Where:</strong> <code>theme.json</code> in the child theme root</p>\n\n\n\n<p class="wp-block-paragraph">Override or extend the parent theme&#8217;s <code>theme.json</code> with a child theme. WordPress merges both files automatically.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>All changes survive parent theme updates.</li>\n\n\n\n<li>Full access to every theme.json capability — structured properties, css property, presets, and settings.</li>\n\n\n\n<li>Combined with block stylesheets and style.css, it provides a complete override system.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Requires maintaining a child theme.</li>\n\n\n\n<li>Merging behavior can be tricky: child values override parent values at the same path but won&#8217;t remove parent values at other paths.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Theme Handbook: <a href="https://developer.wordpress.org/themes/advanced-topics/child-themes/">Child Themes</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="5-global-styles-ui">5. Global Styles UI </h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Site owners, content editors (no code required)<br /><strong>Where:</strong> <strong>Appearance → Editor → Styles</strong></p>\n\n\n\n<p class="wp-block-paragraph">The visual interface for customizing your site&#8217;s appearance. Users can adjust typography, colors, spacing, and layout for the entire site, individual elements, or specific block types — all without writing any code.</p>\n\n\n\n<figure class="wp-block-image size-full"><img alt="" class="wp-image-44500" height="569" src="https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2026/02/Screenshot-2026-02-24-at-18.40.45.png?resize=652%2C569&#038;ssl=1" width="652" /></figure>\n\n\n\n<p class="wp-block-paragraph">The <strong>Style Book</strong> helps you keep the overall context for your styles and you and double-check on how blocks behave when Styles change. </p>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-44499" height="334" src="https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2026/02/Screenshot-2026-02-24-at-18.38.39.png?resize=652%2C334&#038;ssl=1" width="652" /></figure>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>No code required — fully visual.</li>\n\n\n\n<li>Highest specificity: user styles override theme defaults.</li>\n\n\n\n<li>Changes are stored in the database (<code>wp_global_styles</code> post type), separate from theme files, so they survive theme updates.</li>\n\n\n\n<li>Supports global style variations — users can switch between whole-site style presets.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Limited to what the UI controls expose (which grows with each WordPress release).</li>\n\n\n\n<li>For anything the UI can&#8217;t handle, users fall back to the Additional CSS options below.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="6-additional-css">6. Additional CSS </h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Site owners with CSS knowledge<br /><strong>Where:</strong> Appearance → Editor → Styles → three-dot menu (⋮) → Additional CSS</p>\n\n\n\n<p class="wp-block-paragraph">This is the block theme replacement for the classic Customizer&#8217;s Additional CSS panel. A free-form CSS editor for site-wide custom styles.</p>\n\n\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Free-form CSS handles any valid CSS.</li>\n\n\n\n<li>Stored in the database as part of Global Styles (not in theme files), so it&#8217;s theme-specific but survives code deployments.</li>\n\n\n\n<li>Preview changes before saving.</li>\n\n\n\n<li>Revision history (last 25 versions).</li>\n\n\n\n<li>Higher specificity than theme styles.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Not scoped to blocks — loads globally.</li>\n\n\n\n<li>No syntax highlighting or code formatting.</li>\n\n\n\n<li>Intended as a last resort for styles that can&#8217;t be achieved through theme.json or the visual Styles interface.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="7-per-block-additional-css">7. Per-Block Additional CSS </h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Site owners with CSS knowledge<br /><strong>Where:</strong> Appearance → Editor → Styles → Blocks → select a block → scroll to Advanced → Additional CSS</p>\n\n\n\n<p class="wp-block-paragraph">Target CSS to a specific block type site-wide. WordPress auto-generates the selector — you just write the CSS properties.</p>\n\n\n\n<figure class="wp-block-video wp-block-embed is-type-video is-provider-videopress"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>CSS</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">/* Example: added to Styles → Blocks → Quote → Additional CSS */\nfont-style: italic;\nborder-left: 4px solid currentColor;\npadding-left: 1.5em;</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593; font-style: italic;">/*</span><span style="color: #9893A5; font-style: italic;"> Example: added to Styles → Blocks → Quote → Additional CSS </span><span style="color: #797593; font-style: italic;">*/</span></span>\n<span class="line"><span style="color: #56949F;">font-style</span><span style="color: #575279;">: italic;</span></span>\n<span class="line"><span style="color: #56949F;">border-left</span><span style="color: #575279;">: 4px solid currentColor;</span></span>\n<span class="line"><span style="color: #56949F;">padding-left</span><span style="color: #575279;">: 1.5em;</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph">The <code>&amp;</code> selector works here for nested elements and pseudo-selectors.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Scoped to a specific block type — only loads when that block is present on a page.</li>\n\n\n\n<li>No need to know CSS selectors — WordPress handles them.</li>\n\n\n\n<li>User-level styles (highest priority in the cascade).</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Media queries may not work reliably (as of 2025). Use CSS functions like <code>clamp()</code>, <code>min()</code>, and <code>max()</code> for responsive behavior, or put responsive styles in theme-level CSS.</li>\n\n\n\n<li>Small text area with no code formatting.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="8-additional-css-class-es-on-individual-block-instances">8. Additional CSS Class(es) on individual block instances</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Content editors with CSS knowledge<br /><strong>Where:</strong> Select any block in the editor → Settings sidebar → Advanced → Additional CSS Class(es)</p>\n\n\n\n<p class="wp-block-paragraph">Add custom class names to a specific block instance. The CSS itself must be defined elsewhere (style.css, block stylesheets, Additional CSS, etc.). As a user the global Additional CSS is probably the most practical place. </p>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Precision targeting of individual block instances rather than all blocks of a type.</li>\n\n\n\n<li>Perfect for one-off styling: a highlighted paragraph, a special call to action, etc.</li>\n\n\n\n<li>Multiple classes can be added, separated by spaces.</li>\n\n\n\n<li>Works with any CSS source — just define the class styles somewhere.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Only adds class names — you still need to write the CSS elsewhere.</li>\n\n\n\n<li>Per-instance, which means it doesn&#8217;t scale well for repeated patterns (use block style variations for those).</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="9-global-style-variations-theme-level-style-presets">9. Global Style Variations (Theme-Level Style Presets)</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> JSON files in the theme&#8217;s <code>/styles</code> directory (at the top level, not in a <code>/blocks</code> subfolder)</p>\n\n\n\n<p class="wp-block-paragraph">Provide entire alternative site-wide style schemes. Each variation is a JSON partial that can override settings and styles from the main theme.json. </p>\n\n\n\n<p class="wp-block-paragraph">Since WordPress 6.6, style variations are further classified into three subtypes based on their content. </p>\n\n\n\n<p class="wp-block-paragraph">A variation file that defines only <code>settings.color</code> or <code>styles.color</code> is automatically recognized as a <strong>color variation</strong>, appearing under <strong>Styles → Colors → Palette. </strong></p>\n\n\n\n<p class="wp-block-paragraph">One that defines only <code>settings.typography</code> or <code>styles.typography</code> becomes a <strong>typography variation</strong>, appearing under <strong>Styles → Typography → Presets. </strong></p>\n\n\n\n<p class="wp-block-paragraph">Files that touch other properties remain full <strong>theme style variations</strong>. </p>\n\n\n\n<p class="wp-block-paragraph">Color and typography variations can be mixed and matched with each other and with theme variations. </p>\n\n\n\n<p class="wp-block-paragraph">To keep the <code>/styles</code> folder organized, it&#8217;s recommended to use subfolders (e.g., <code>/styles/color</code>, <code>/styles/typography</code>, <code>/styles/global</code>). </p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">// /styles/dark-mode.json\n{\n  "$schema": "https://schemas.wp.org/trunk/theme.json",\n  "version": 3,\n  "title": "Dark Mode",\n  "settings": {\n    "color": {\n      "palette": &#91;\n        { "slug": "base", "color": "#1a1a2e", "name": "Base" },\n        { "slug": "contrast", "color": "#e0e0e0", "name": "Contrast" }\n      &#93;\n    }\n  },\n  "styles": {\n    "color": {\n      "background": "#1a1a2e",\n      "text": "#e0e0e0"\n    }\n  }\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593; font-style: italic;">//</span><span style="color: #9893A5; font-style: italic;"> /styles/dark-mode.json</span></span>\n<span class="line"><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">$schema</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;https://schemas.wp.org/trunk/theme.json&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">version</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">3</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">title</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Dark Mode&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">settings</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">palette</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">&#91;</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;base&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#1a1a2e&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Base&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #797593;">{</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">slug</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;contrast&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#e0e0e0&quot;</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">name</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;Contrast&quot;</span><span style="color: #575279;"> </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&#93;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">},</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">styles</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">color</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">background</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#1a1a2e&quot;</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">      </span><span style="color: #797593;">&quot;</span><span style="color: #56949F;">text</span><span style="color: #797593;">&quot;</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">&quot;#e0e0e0&quot;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #575279;">  </span><span style="color: #797593;">}</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Users can switch between entire style schemes (light/dark, color themes, typographic variations) from the Styles panel.</li>\n\n\n\n<li>Makes one theme feel like many — more versatile without requiring separate themes.</li>\n\n\n\n<li>Fully declarative (no PHP).</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Only affects settings and styles — not templates or patterns.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/themes/global-settings-and-styles/style-variations/">Style Variations</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/news/2024/07/mixing-and-matching-styles-colors-and-typography-in-wordpress-6-6/">Mixing and matching styles, colors, and typography in WordPress 6.6</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="10-block-style-variations-json-php-and-javascript">10. Block Style Variations (JSON, PHP, and JavaScript)</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers, plugin developers<br /><strong>Where:</strong> JSON files in <code>/styles</code>, PHP via <code>register_block_style()</code>, or JavaScript via <code>wp.blocks.registerBlockStyle()</code></p>\n\n\n\n<p class="wp-block-paragraph">Block style variations give content creators pre-made styling options in the Styles panel — like &#8220;Rounded&#8221; or &#8220;Outline&#8221; on core blocks. You can register them via JSON files in <code>/styles</code> (WordPress 6.6+, no PHP needed), PHP with <code>register_block_style()</code>, or JavaScript. The JSON-based methods integrate with Global Styles so users can customize them in the Site Editor; <code>inline_style</code>, <code>style_handle</code>, and JavaScript methods do not.</p>\n\n\n\n<p class="wp-block-paragraph">For a thorough walkthrough of all six registration methods — with code examples, a companion theme and plugin on GitHub, and a comparison table showing which methods support Global Styles — see the comprehensive guide <strong><a href="https://wordpress.com/blog/2025/05/07/custom-block-styles/">Mastering Custom Block Styles in WordPress: 6 Methods for Theme and Plugin Developers</a>.</strong></p>\n\n\n\n<h2 class="wp-block-heading" id="11-section-styles">11. Section Styles </h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> JSON files in <code>/styles</code> directory, targeting mostly group or column blocks. </p>\n\n\n\n<p class="wp-block-paragraph">Section styles are more of a convention than a separate feature. They are essentially Block Style Variations. The difference is naming the variation slug: <code>style-1</code>, <code>style-2</code>, etc. so that they can be reused across themes.</p>\n\n\n\n<p class="wp-block-paragraph">Since WordPress 6.6, block style variations can style nested inner blocks and elements, enabling &#8220;section styling&#8221; — where a Group block&#8217;s style variation changes the appearance of all blocks within it.</p>\n\n\n\n<p class="wp-block-paragraph">The Twenty Twenty Five theme showcases this convention quite nicely. </p>\n\n\n\n		<figure class="wp-block-jetpack-videopress jetpack-videopress-player">\n			<div class="jetpack-videopress-player__wrapper"> </div>\n			\n			\n		</figure>\n		\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Apply coordinated styles to entire sections (background, text color, button colors, link colors) with a single click.</li>\n\n\n\n<li>Users select the section style in the block&#8217;s Styles panel.</li>\n\n\n\n<li>Powerful for creating consistent design sections (hero areas, dark sections, testimonials).</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Easy to overwhelm users with too many section style options — restraint is needed.</li>\n\n\n\n<li>Requires careful design token architecture (using base/contrast/primary/secondary color naming).</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://make.wordpress.org/core/2024/06/24/section-styles/">Section Styles</a> (WordPress 6.6)</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="12-block-stylesheets-via-wp-enqueue-block-style">12. Block Stylesheets via <code>wp_enqueue_block_style()</code></h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> Separate <code>.css</code> files in your theme (e.g., <code>/assets/blocks/core-image.css</code>), registered in <code>functions.php</code></p>\n\n\n\n<p class="wp-block-paragraph">This is the recommended approach when you have more CSS than what&#8217;s comfortable in theme.json&#8217;s <code>css</code> property.</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">/* /assets/blocks/core-image.css */\n.wp-block-image img {\n    padding: 1rem;\n    background: linear-gradient(-60deg, #ff5858, #f09819);\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593; font-style: italic;">/*</span><span style="color: #9893A5; font-style: italic;"> /assets/blocks/core-image.css </span><span style="color: #797593; font-style: italic;">*/</span></span>\n<span class="line"><span style="color: #575279;">.wp-block-image img </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #B4637A;">padding</span><span style="color: #797593;">:</span><span style="color: #575279;"> </span><span style="color: #D7827E;">1</span><span style="color: #B4637A;">rem;</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #B4637A;">background:</span><span style="color: #575279;"> </span><span style="color: #B4637A;">linear-gradient(</span><span style="color: #D7827E;">-60</span><span style="color: #B4637A;">deg</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #B4637A;">#ff5858,</span><span style="color: #575279;"> </span><span style="color: #B4637A;">#f09819);</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>JSON</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">// functions.php\nadd_action( ''init'', function() {\n    wp_enqueue_block_style( ''core/image'', array(\n        ''handle'' => ''my-theme-image-styles'',\n        ''src''    => get_theme_file_uri( ''assets/blocks/core-image.css'' ),\n        ''path''   => get_theme_file_path( ''assets/blocks/core-image.css'' ),\n    ) );\n});</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #797593; font-style: italic;">//</span><span style="color: #9893A5; font-style: italic;"> functions.php</span></span>\n<span class="line"><span style="color: #575279;">add_action( ''init'', function() </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #B4637A;">wp_enqueue_block_style(</span><span style="color: #575279;"> </span><span style="color: #B4637A;">''core/image'',</span><span style="color: #575279;"> </span><span style="color: #B4637A;">array(</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #B4637A;">''handle''</span><span style="color: #575279;"> </span><span style="color: #B4637A;">=&gt;</span><span style="color: #575279;"> </span><span style="color: #B4637A;">''my-theme-image-styles'',</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #B4637A;">''src''</span><span style="color: #575279;">    </span><span style="color: #B4637A;">=&gt;</span><span style="color: #575279;"> </span><span style="color: #B4637A;">get_theme_file_uri(</span><span style="color: #575279;"> </span><span style="color: #B4637A;">''assets/blocks/core-image.css''</span><span style="color: #575279;"> </span><span style="color: #B4637A;">),</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #B4637A;">''path''</span><span style="color: #575279;">   </span><span style="color: #B4637A;">=&gt;</span><span style="color: #575279;"> </span><span style="color: #B4637A;">get_theme_file_path(</span><span style="color: #575279;"> </span><span style="color: #B4637A;">''assets/blocks/core-image.css''</span><span style="color: #575279;"> </span><span style="color: #B4637A;">),</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #B4637A;">)</span><span style="color: #575279;"> </span><span style="color: #B4637A;">);</span></span>\n<span class="line"><span style="color: #797593;">}</span><span style="color: #575279;">);</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><strong>Performance:</strong> CSS only loads when the block is actually present on the page. WordPress inlines it in the <code>&lt;head&gt;</code> section</li>\n\n\n\n<li>Full CSS syntax with syntax highlighting, multi-line formatting, and preprocessor support (Sass/SCSS).</li>\n\n\n\n<li>Clean code organization — one file per block.</li>\n\n\n\n<li>Works for any CSS, including media queries, animations, complex selectors, and pseudo-elements.</li>\n\n\n\n<li>Applies in both the editor and front end.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Requires PHP registration in functions.php.</li>\n\n\n\n<li>These styles aren&#8217;t exposed in the Global Styles UI for user editing.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/themes/features/block-stylesheets/">Block Stylesheets</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/news/2022/12/leveraging-theme-json-and-per-block-styles-for-more-performant-themes/">Leveraging theme.json and per-block styles for more performant themes</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="13-enqueuing-stylesheets-via-wp-enqueue-style-in-php">13. Enqueuing Stylesheets via <code>wp_enqueue_style()</code> in PHP</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme and plugin developers<br /><strong>Where:</strong> <code>functions.php</code> using the <code>wp_enqueue_scripts</code> (front end) and <code>enqueue_block_editor_assets</code> (editor) hooks</p>\n\n\n\n<p class="wp-block-paragraph">The traditional WordPress approach still works and is useful for loading third-party CSS libraries, fonts, or complex stylesheets. </p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>PHP</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">add_action( ''wp_enqueue_scripts'', function() {\n    wp_enqueue_style(\n        ''my-theme-custom'',\n        get_theme_file_uri( ''assets/css/custom.css'' ),\n        array(),\n        ''1.0.0''\n    );\n});\n\n// For editor-only styles:\nadd_action( ''enqueue_block_editor_assets'', function() {\n    wp_enqueue_style(\n        ''my-theme-editor'',\n        get_theme_file_uri( ''assets/css/editor.css'' ),\n        array(),\n        ''1.0.0''\n    );\n});</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #D7827E;">add_action</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''wp_enqueue_scripts''</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #286983;">function</span><span style="color: #797593;">()</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #D7827E;">wp_enqueue_style</span><span style="color: #797593;">(</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #EA9D34;">''my-theme-custom''</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #D7827E;">get_theme_file_uri</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''assets/css/custom.css''</span><span style="color: #575279;"> </span><span style="color: #797593;">),</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #B4637A; font-style: italic;">array</span><span style="color: #797593;">(),</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #EA9D34;">''1.0.0''</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">);</span></span>\n<span class="line"><span style="color: #797593;">});</span></span>\n<span class="line"></span>\n<span class="line"><span style="color: #797593; font-style: italic;">//</span><span style="color: #9893A5; font-style: italic;"> For editor-only styles:</span></span>\n<span class="line"><span style="color: #D7827E;">add_action</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''enqueue_block_editor_assets''</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #286983;">function</span><span style="color: #797593;">()</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #D7827E;">wp_enqueue_style</span><span style="color: #797593;">(</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #EA9D34;">''my-theme-editor''</span><span style="color: #797593;">,</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #D7827E;">get_theme_file_uri</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''assets/css/editor.css''</span><span style="color: #575279;"> </span><span style="color: #797593;">),</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #B4637A; font-style: italic;">array</span><span style="color: #797593;">(),</span></span>\n<span class="line"><span style="color: #575279;">        </span><span style="color: #EA9D34;">''1.0.0''</span></span>\n<span class="line"><span style="color: #575279;">    </span><span style="color: #797593;">);</span></span>\n<span class="line"><span style="color: #797593;">});</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Full control over loading conditions (you can conditionally enqueue based on page, template, user role, etc.).</li>\n\n\n\n<li>Familiar to all WordPress developers.</li>\n\n\n\n<li>Can load external stylesheets, Google Fonts, icon libraries, etc.</li>\n\n\n\n<li>Supports dependencies, versioning, and media attributes.</li>\n\n\n\n<li>Can target editor-only or front-end-only.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Loads on every page (unless you add conditional logic).</li>\n\n\n\n<li>No integration with the Global Styles UI.</li>\n\n\n\n<li>Doesn&#8217;t benefit from the block stylesheet system&#8217;s per-block inlining.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/block-editor/how-to-guides/enqueueing-assets-in-the-editor/#editor-scripts-and-styles">Enqueueing assets in the Editor</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/themes/core-concepts/including-assets/#editor-stylesheets" rel="noreferrer noopener" target="_blank">Editor Stylesheets</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/reference/hooks/wp_enqueue_scripts/">do_action( ‘wp_enqueue_scripts’ )</a></li>\n\n\n\n<li><a href="https://developer.wordpress.org/reference/functions/wp_enqueue_style/">wp_enqueue_style( string $handle, string $src, string[] $deps = array(), string|bool|null $ver = false, string $media )</a></li>\n</ul>\n\n\n\n<h3 class="wp-block-heading" id="what-s-the-difference-between-wp-enqueue-style-and-add-editor-style">What&#8217;s the difference between wp_enqueue_style and add_editor_style?</h3>\n\n\n\n<p class="wp-block-paragraph"><code>wp_enqueue_style()</code> is the general-purpose function for loading stylesheets — you choose where it loads by picking your hook (<code>wp_enqueue_scripts</code> for the frontend, <code>enqueue_block_editor_assets</code> for the editor). When you use it on the editor hook, the stylesheet loads into the entire editor page, including the UI chrome (sidebar, toolbar, etc.).</p>\n\n\n\n<p class="wp-block-paragraph"><code>add_editor_style()</code> is specifically designed for visual parity between the editor and the frontend. WordPress takes the stylesheet you pass it and automatically scopes every selector to <code>.editor-styles-wrapper</code>, so your styles only affect the content canvas and don&#8217;t bleed into the editor UI. In block themes it&#8217;s typically called from an <code>after_setup_theme</code> hook — this is how themes get their <code>style.css</code> to apply inside the editor.</p>\n\n\n\n<p class="wp-block-paragraph">The practical upshot: if you want your theme&#8217;s frontend styles to look the same in the editor, use <code>add_editor_style()</code>. If you need to style the editor UI itself (like a custom sidebar panel) or need fine-grained control over loading conditions, dependencies, and versioning, use <code>wp_enqueue_style()</code> on the appropriate hook.</p>\n\n\n\n<h2 class="wp-block-heading" id="14-the-theme-s-style-css">14. The Theme&#8217;s <code>style.css</code></h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Who:</strong> Theme developers<br /><strong>Where:</strong> <code>style.css</code> in the theme root</p>\n\n\n\n<p class="wp-block-paragraph">The traditional main stylesheet still works in block themes, but its role has changed significantly. It now primarily holds theme metadata (name, version, description) and is loaded globally. </p>\n\n\n\n<p class="wp-block-paragraph">In block themes it&#8217;s typically called from an <code>after_setup_theme</code> hook — this is how themes get their <code>style.css</code> to apply inside the editor.</p>\n\n\n\n<div class="wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers"><span>PHP</span><span class="code-block-pro-copy-button" style="color: #575279; display: none;" tabindex="0"><pre class="code-block-pro-copy-button-pre"><textarea class="code-block-pro-copy-button-textarea" readonly="readonly" tabindex="-1">add_action( ''after_setup_theme'', ''theme_slug_setup'' );\n\nfunction theme_slug_setup() {\n	add_editor_style( get_stylesheet_uri() );\n}</textarea></pre><svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path class="with-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"></path><path class="without-check" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><pre class="shiki rose-pine-dawn" style="background-color: #faf4ed;" tabindex="0"><code><span class="line"><span style="color: #D7827E;">add_action</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''after_setup_theme''</span><span style="color: #797593;">,</span><span style="color: #575279;"> </span><span style="color: #EA9D34;">''theme_slug_setup''</span><span style="color: #575279;"> </span><span style="color: #797593;">);</span></span>\n<span class="line"></span>\n<span class="line"><span style="color: #286983;">function</span><span style="color: #575279;"> </span><span style="color: #D7827E;">theme_slug_setup</span><span style="color: #797593;">()</span><span style="color: #575279;"> </span><span style="color: #797593;">{</span></span>\n<span class="line"><span style="color: #575279;">	</span><span style="color: #D7827E;">add_editor_style</span><span style="color: #797593;">(</span><span style="color: #575279;"> </span><span style="color: #D7827E;">get_stylesheet_uri</span><span style="color: #797593;">()</span><span style="color: #575279;"> </span><span style="color: #797593;">);</span></span>\n<span class="line"><span style="color: #797593;">}</span></span></code></pre></div>\n\n\n\n<p class="wp-block-paragraph"><strong>Advantages:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Familiar workflow for developers with classic theme experience.</li>\n\n\n\n<li>Good for truly global CSS that should always be available (e.g., custom utility classes, print styles, CSS resets beyond what theme.json handles).</li>\n\n\n\n<li>Full CSS syntax, syntax highlighting, and preprocessor support.</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Limitations:</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li>Needs to be enqueued like any other stylesheet file (see #13)  </li>\n\n\n\n<li>Loads on every page, even if the styles aren&#8217;t needed — no per-block performance optimization.</li>\n\n\n\n<li>Not integrated with the Global Styles UI.</li>\n\n\n\n<li>Not the recommended approach for block-specific styling; use block stylesheets instead (#12)</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Documentation</strong></p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://developer.wordpress.org/themes/core-concepts/main-stylesheet/">Main Stylesheet (style.css)</a></li>\n</ul>\n\n\n\n<h2 class="wp-block-heading" id="summary-table">Summary Table</h2>\n\n\n\n<figure class="wp-block-table alignwide is-style-stripes" style="font-size: 0px;"><table><thead><tr><th>#</th><th>Method</th><th>Who</th><th>Scope</th><th>Loads When</th><th>Editable by Users</th></tr></thead><tbody><tr><td>1</td><td>theme.json structured properties</td><td>Developer</td><td>Global / block / element</td><td>Always (inlined)</td><td>Yes, via Global Styles UI</td></tr><tr><td>2</td><td>theme.json <code>css</code> property</td><td>Developer</td><td>Global or per-block</td><td>Always (inlined)</td><td>Yes, per-block CSS is visible in Styles</td></tr><tr><td>3</td><td>Custom CSS properties (<code>settings.custom</code>)</td><td>Developer</td><td>Global (variables)</td><td>Always</td><td>No (indirectly via tokens)</td></tr><tr><td>4</td><td>Child theme.json</td><td>Developer</td><td>Inherits parent</td><td>Same as parent</td><td>Same as parent</td></tr><tr><td>5</td><td>Global Styles UI (visual)</td><td>User</td><td>Global / block / element</td><td>Always (inlined)</td><td>It <em>is</em> the user editing</td></tr><tr><td>6</td><td>Additional CSS (site-wide)</td><td>User</td><td>Global</td><td>Every page</td><td>Yes</td></tr><tr><td>7</td><td>Per-block Additional CSS</td><td>User</td><td>Per-block type</td><td>When block present</td><td>Yes</td></tr><tr><td>8</td><td>Additional CSS Class(es)</td><td>User</td><td>Single block instance</td><td>When that block is present</td><td>N/A (class only)</td></tr><tr><td>9</td><td>Global style variations</td><td>Developer</td><td>Whole site preset</td><td>When active</td><td>Users switch presets</td></tr><tr><td>10</td><td>Block style variations (JSON, PHP, JS)</td><td>Developer</td><td>Per-block variation</td><td>Only when block + variation is used</td><td>JSON/<code>style_data</code> methods: yes; <code>inline_style</code>/JS: no</td></tr><tr><td>11</td><td>Section styles</td><td>Developer</td><td>container blocks </td><td>When block + variation is used</td><td>Yes, via Styles panel</td></tr><tr><td>12<br /> </td><td>Block stylesheets (<code>wp_enqueue_block_style</code>)</td><td>Developer</td><td>Per-block</td><td>Only when block is present</td><td>No</td></tr><tr><td>13</td><td><code>wp_enqueue_style()</code></td><td>Developer</td><td>Configurable</td><td>Configurable</td><td>No</td></tr><tr><td>14</td><td><code>style.css</code></td><td>Developer</td><td>Global</td><td>Every page</td><td>No</td></tr></tbody></table></figure>\n\n\n\n<h2 class="wp-block-heading" id="decision-guide">Decision Guide</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Start here:</strong> Use <strong>theme.json structured properties</strong> (#1) for everything they support. This gives you the best integration with the Global Styles system and lets users customize your styles.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Need CSS that theme.json properties can&#8217;t express?</strong> Use the <strong>theme.json <code>css</code> property</strong> (#2) for small additions or <strong>block stylesheets</strong> (#12) for anything substantial.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Want to offer style choices to content editors?</strong> Create <strong>block style variations</strong> (#10) so they appear in the Styles panel.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Site owner making tweaks?</strong> Use the <strong>Global Styles UI</strong> (#5) first, then fall back to <strong>Additional CSS</strong> (#7 or #7) for anything the visual interface can&#8217;t handle.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Need to target one specific block instance?</strong> Use <strong>Additional CSS Class(es)</strong> (#8) and define the class in your preferred CSS source.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Building a child theme?</strong> Override the parent via <strong>child theme.json</strong> (#4) and add block stylesheets as needed.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Need to sync user edits with theme files</strong>? Use the <a href="https://wordpress.org/plugins/create-block-theme/">Create Block Theme plugin</a>. </p>\n\n\n\n<p class="wp-block-paragraph"><strong>How to sync user editor to theme files and maintain version control?</strong> Here is a tutorial: <a href="https://developer.wordpress.org/news/2026/01/streamlining-block-theme-development-with-wordpress-playground-and-github/">Streamlining block theme development with WordPress Playground and GitHub</a>.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><em>Huge Thank you to Justin Tadlock for reviewing the post to make sure it&#8217;s all technically accurate. </em></p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 27 Feb 2026 18:01:03 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:18:"Birgit Pauli-Haack";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:31;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:25:"Open Channels FM: Empathy";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1497274";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:32:"https://openchannels.fm/empathy/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:73:"For some of us it comes naturally. For others, it may need to be learned.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 27 Feb 2026 09:55:43 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:32;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:16:"Matt: Enablement";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:23:"https://ma.tt/?p=151317";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:33:"https://ma.tt/2026/02/enablement/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:474:"<p class="wp-block-paragraph">This year at <a href="https://automattic.com/">Automattic</a> has been intense. We kicked it off with two weeks of in-person AI enablement training, <a href="https://automattic.com/2026/02/25/ai-enablement-wordpress/">and there&#8217;s a great post about it now</a>. I&#8217;ve been so impressed and inspired by my colleagues leaning in to learn and grow together in the most consequential time in software development in the past 40 years.</p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 27 Feb 2026 02:00:52 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:4:"Matt";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:33;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:40:"WordPress.org blog: WordPress 7.0 Beta 2";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:35:"https://wordpress.org/news/?p=20025";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:56:"https://wordpress.org/news/2026/02/wordpress-7-0-beta-2/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:6527:"<p class="wp-block-paragraph">WordPress 7.0 Beta 2 is now ready for testing!</p>\n\n\n\n<p class="wp-block-paragraph"><strong>This beta version of the WordPress software is under development</strong>. Please do not install, run, or test this version of WordPress on production or mission-critical websites. Instead, you should evaluate Beta 2 on a test server and site. You can test WordPress 7.0 Beta 2 in any of the following ways:</p>\n\n\n\n<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>Plugin</strong></td><td>Install and activate the <a href="https://wordpress.org/plugins/wordpress-beta-tester/">WordPress Beta Tester</a> plugin on a WordPress install. (Select the “Bleeding edge” channel and “Beta/RC Only” stream.)</td></tr><tr><td><strong>Direct Download</strong></td><td>Download the <a href="https://wordpress.org/wordpress-7.0-beta2.zip">Beta 2 version (zip)</a> and install it on a WordPress website.</td></tr><tr><td><strong>Command Line</strong></td><td>Use this <a href="https://make.wordpress.org/cli/">WP-CLI</a> command: <br /><code>wp core update --version=7.0-beta2</code></td></tr><tr><td><strong>WordPress Playground</strong></td><td>Use the <a href="https://playground.wordpress.net/?php=8.0&amp;wp=beta&amp;networking=no&amp;language=&amp;multisite=no&amp;random=y4q1rn88xn">WordPress Playground instance</a> to test the software directly in your browser.  No setup required – just click and go! </td></tr></tbody></table></figure>\n\n\n\n<p class="wp-block-paragraph">The scheduled final release date for WordPress 7.0 is <strong>April 9, 2026</strong>. The full <a href="https://make.wordpress.org/core/2026/02/12/wordpress-7-0-release-party-schedule/">release schedule can be found here</a>. Your help testing Beta and RC versions is vital to making this release as stable and powerful as possible. Make sure to check the <a href="https://make.wordpress.org/core/">Make WordPress Core blog</a> for <a href="https://make.wordpress.org/core/tag/7-0">7.0-related posts</a> in the coming weeks for more information. Thank you to everyone who contributes by testing!</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Catch up on what’s new in WordPress 7.0</strong>: Read the <a href="https://wordpress.org/news/2026/02/wordpress-7-0-beta-1/">Beta 1 announcement</a> for details and highlights.</p>\n\n\n\n<h2 class="wp-block-heading">How to test this release</h2>\n\n\n\n<p class="wp-block-paragraph">Your help testing WordPress 7.0 Beta 2 is key to ensuring everything in the release is the best it can be. While testing the upgrade process is essential, trying out new features is equally important. This <a href="https://make.wordpress.org/test/2026/02/20/help-test-wordpress-7-0/">guide on what to test in WordPress 7.0</a> will walk you through testing features in WordPress 7.0.</p>\n\n\n\n<p class="wp-block-paragraph">If you encounter an issue, please report it to the <a href="https://wordpress.org/support/forum/alphabeta/">Alpha/Beta area</a> of the support forums or directly to <a href="https://core.trac.wordpress.org/newticket">WordPress Trac</a> if you are comfortable writing a reproducible bug report. You can also check your issue against a list of <a href="https://core.trac.wordpress.org/tickets/major">known bugs</a>. Curious about testing releases in general? Follow along with the <a href="https://make.wordpress.org/test/">testing initiatives in Make Core</a> and join the <a href="https://wordpress.slack.com/messages/core-test/">#core-test channel</a> on <a href="https://wordpress.slack.com/">Making WordPress Slack</a>.</p>\n\n\n\n<h2 class="wp-block-heading">Beta 2 updates and highlights</h2>\n\n\n\n<p class="wp-block-paragraph">WordPress 7.0 Beta 2 contains more than 70 updates and fixes across the Editor and Core since the Beta 1 release. </p>\n\n\n\n<p class="wp-block-paragraph">Each beta cycle focuses on bug fixes; and more are on the way with your help through testing. You can browse the technical details for all issues addressed since Beta 1 using these links:</p>\n\n\n\n<ul class="wp-block-list">\n<li><a href="https://github.com/WordPress/gutenberg/commits/wp/7.0?since=2026-02-20&amp;until=2026-02-26">GitHub commits for 7.0</a> since February 20, 2026</li>\n\n\n\n<li><a href="https://core.trac.wordpress.org/query?status=closed&amp;changetime=02%2F20%2F2026..02%2F26%2F2026&amp;milestone=7.0&amp;col=id&amp;col=milestone&amp;col=owner&amp;col=type&amp;col=priority&amp;order=id">Closed Trac tickets for 7.0</a> since February 20, 2026</li>\n</ul>\n\n\n\n<p class="wp-block-paragraph"><strong>Beta 2 also contains a new feature</strong>!</p>\n\n\n\n<p class="wp-block-paragraph">AI provider management is more intuitive in 7.0 Beta 2 with a new Connectors UI dashboard page. WordPress users can now manage external AI connections in a central place in wp-admin, under Settings &gt; Connectors. The new UI enables users to add, delete, and update external connections. It is powered by an extensible, route-based architecture that allows plugins and themes to hook into the page and expand its functionality. The new Connectors page builds on PHP-based script and menu infrastructure, and adds route components powered by <code>@wordpress/components</code> and <code>@wordpress/admin-ui</code>. A new <code>connections-wp-admin-init</code> hook and registration APIs allow plugins to integrate cleanly. This makes managing external connections easier while giving developers a clearer path to extend the experience.</p>\n\n\n\n<h2 class="wp-block-heading">A Beta 2 haiku</h2>\n\n\n\n<p class="wp-block-paragraph"><em>New, and fresh as dew</em></p>\n\n\n\n<p class="wp-block-paragraph"><em>Crafted and refined for you:</em></p>\n\n\n\n<p class="wp-block-paragraph"><em>Beta 2 breaks through.</em></p>\n\n\n\n<p class="has-text-align-right wp-block-paragraph"><em>Props to <a class="mention" href="https://profiles.wordpress.org/4thhubbard/"><span class="mentions-prefix">@</span>4thhubbard</a>, <a class="mention" href="https://profiles.wordpress.org/annezazu/"><span class="mentions-prefix">@</span>annezazu</a></em>, <em><a class="mention" href="https://profiles.wordpress.org/audrasjb/"><span class="mentions-prefix">@</span>audrasjb</a>, <a class="mention" href="https://profiles.wordpress.org/mukesh27/"><span class="mentions-prefix">@</span>mukesh27</a>, and <a class="mention" href="https://profiles.wordpress.org/chaion07/"><span class="mentions-prefix">@</span>chaion07</a></em> <em>for collaboration, proofreading and review.</em></p>\n\n\n\n<p class="wp-block-paragraph"></p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 26 Feb 2026 16:32:56 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:10:"Amy Kamala";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:34;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:57:"Open Channels FM: Open Source vs SaaS: The Freedom Debate";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1650282";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:63:"https://openchannels.fm/open-source-vs-saas-the-freedom-debate/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:126:"In this clip, hosts Dave and Robert discuss the balance between personal convenience and the ideals of open source technology.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 26 Feb 2026 14:50:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:35;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:19:"Matt: Great Writing";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:23:"https://ma.tt/?p=151313";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:36:"https://ma.tt/2026/02/great-writing/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:1961:"<p class="wp-block-paragraph">Especially in an age where generating words is cheap, when you come across truly great writing, it really stands out. I want to pull two quotes from The Economist&#8217;columnist Charlemagne&#8217;s article <a href="https://www.economist.com/europe/2026/02/25/luxury-goods-are-europes-global-tax-on-vanity">Luxury goods are Europe’s global tax on vanity</a>.</p>\n\n\n\n<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">\n<p class="wp-block-paragraph">Flogging luxury goods is one of the few fields of business in which Europe excels (if one excludes the crafting of regulation). In an ironic twist, an egalitarian continent with an ever-declining share of global GDP hosts an industry that thrives on inequality and bombastic money-making. For how many seasons more can this alchemy of aspiration endure?</p>\n</blockquote>\n\n\n\n<p class="wp-block-paragraph">I mean, gosh, look at every word there. How they flow. The density of concepts and metaphors. Here&#8217;s another delicious excerpt.</p>\n\n\n\n<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">\n<p class="wp-block-paragraph">Luxury houses sell the idea of scarcity, with hordes of publicists explaining that the years-long wait for a Birkin handbag is due to the lack of sufficient artisans to craft these pinnacles of refinement. This is a fairy tale stitched in fine silk. The luxury-goods industry has roughly tripled in size since 2000; its €358bn in annual sales—half a Walmart or Amazon, give or take—betrays how thoroughly mainstream supposed exclusivity has become. Fifty years ago, Louis Vuitton had but two outlets, both in France. These days it has two stores in Ningbo, China’s 34th-biggest city. Exclusive, <em>moi</em>?</p>\n</blockquote>\n\n\n\n<p class="wp-block-paragraph">I guess this post also serves as an endorsement of why it&#8217;s worth subscribing to publications like The Economist. </p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 26 Feb 2026 07:04:40 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:4:"Matt";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:36;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:112:"WPTavern: #206 – Jonathan Desrosiers on WordPress Sustainability, Community Engagement, and Release Strategies";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:48:"https://wptavern.com/?post_type=podcast&p=202772";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:124:"https://wptavern.com/podcast/206-jonathan-desrosiers-on-wordpress-sustainability-community-engagement-and-release-strategies";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:57656:"<details>Transcript<div>\n<p class="wp-block-paragraph">[00:00:19] <strong>Nathan Wrigley:</strong> Welcome to the Jukebox Podcast from WP Tavern. My name is Nathan Wrigley.</p>\n\n\n\n<p class="wp-block-paragraph">Jukebox is a podcast which is dedicated to all things WordPress. The people, the events, the plugins, the blocks, the themes, and in this case WordPress sustainability, community engagement and release strategies.</p>\n\n\n\n<p class="wp-block-paragraph">If you&#8217;d like to subscribe to the podcast, you can do that by searching for WP Tavern in your podcast player of choice. Or by going to wptavern.com/feed/podcast, and you can copy that URL into most podcast players.</p>\n\n\n\n<p class="wp-block-paragraph">If you have a topic that you&#8217;d like us to feature on the podcast, I&#8217;m keen to hear from you and hopefully get you, or your idea, featured on the show. Head to wptavern.com/contact/jukebox, and use the form there.</p>\n\n\n\n<p class="wp-block-paragraph">So on the podcast today, we have Jonathan Desrosiers. Jonathan has been involved with WordPress for almost two decades, both as a user and a contributor. He&#8217;s a principal software engineer at Bluehost, where his role sees him sponsored to work on WordPress through the Five for the Future program. Over the years, he&#8217;s become a Core committer, and has spent many hours thinking about how to enhance the contributor experience, and make it easier for people to get involved in the project.</p>\n\n\n\n<p class="wp-block-paragraph">In this episode we discuss how WordPress releases might become more impactful by synchronizing them with flagship community events like WordCamps and State of the Word. A recent experiment of combining a major release with a live event spark some excitement, and Jonathan shares insights on the logistics behind such synchronized moments, the challenges posed by international holidays, and regional scheduling, and the broader vision for connecting releases with community gatherings.</p>\n\n\n\n<p class="wp-block-paragraph">We also get into the challenging landscape of the WordPress community, how it&#8217;s recovering from the effects of COVID, the struggle to rebuild local Meetups, and efforts like mentorship and educational initiatives to bring in new contributors, particularly from younger generations.</p>\n\n\n\n<p class="wp-block-paragraph">Jonathan reflects on the importance of making release moments engaging and fun, akin to the anticipation of a new TV series or software launch, and the role of AI and open source in empowering a new wave of builders.</p>\n\n\n\n<p class="wp-block-paragraph">If you&#8217;re interested in how release cycles, community events, and contributor onboarding are involved in WordPress, or what the future might hold for the platform and its community, this episode is for you.</p>\n\n\n\n<p class="wp-block-paragraph">If you&#8217;re interested in finding out more, you can find all of the links in the show notes by heading to wptavern.com/podcast, where you&#8217;ll find all the other episodes as well.</p>\n\n\n\n<p class="wp-block-paragraph">And so without further delay, I bring you Jonathan Desrosiers.</p>\n\n\n\n<p class="wp-block-paragraph">I am joined on the podcast by Jonathan Desrosiers. Hello.</p>\n\n\n\n<p class="wp-block-paragraph">[00:03:06] <strong>Jonathan Desrosiers:</strong> Hi, how are you?</p>\n\n\n\n<p class="wp-block-paragraph">[00:03:07] <strong>Nathan Wrigley:</strong> Yeah, good. Jonathan&#8217;s joining me again. Most recently, I think we were at WordCamp somewhere. I can&#8217;t exactly remember where, but I was chatting with him and Joe Dolson if memory serves. And a very different conversation to be had today because Jonathan has been mulling over how we can make releases impactful, and also how we can bind those to community events, particularly flagship WordPress events like WordCamps, things like that.</p>\n\n\n\n<p class="wp-block-paragraph">Before we begin that conversation, Jonathan, I wonder, it&#8217;s a bit of a banal question, but people like to have the context of who you are. So would you mind just, very quick potted bio. Just tell us who you are and what you do in the WordPress space.</p>\n\n\n\n<p class="wp-block-paragraph">[00:03:44] <strong>Jonathan Desrosiers:</strong> Sure. So my name is Jonathan Desrosiers. I am a principal software engineer at Bluehost and I am sponsored there, the majority of my time is sponsored to contribute back to the WordPress project through the Five for the Future program. And so I&#8217;ve been there, probably since 2018, I think. And I&#8217;ve been a Core committer for almost eight years now.</p>\n\n\n\n<p class="wp-block-paragraph">I&#8217;ve been involved as an accredited contributor for 13 years now. And so I&#8217;ve been involved with WordPress for over a decade in many ways, contributing, but also as a user for almost, geez, almost two decades now I think. And so, I just had that realisation, it&#8217;s been a really long time. It&#8217;s been almost 20 years that I&#8217;ve been at least using WordPress in some way.</p>\n\n\n\n<p class="wp-block-paragraph">But week to week I do a lot of thinking about contributor experience, how we can automate things, or how we can make our processes more clear so that more people can participate. And just generally making sure that everybody has what they need to be successful. And whether that&#8217;s mentorship, or they have blockers they need, certain people to come together and discuss, and get a consensus or understanding, you know, how the sausage is made in some way.</p>\n\n\n\n<p class="wp-block-paragraph">[00:04:56] <strong>Nathan Wrigley:</strong> I think it&#8217;s fair to say that you are very much connected to the WordPress project. I think it&#8217;s the fulcrum of your working life, and you are working at a very high level as well. So Core committer, things like that.</p>\n\n\n\n<p class="wp-block-paragraph">Now, in the recent past, it was probably, I want to say December in the year 2025, we had a kind of strange event happened. Not strange in the sense of weird, but strange in the sense of different, unusual. A release of WordPress came out and it coincided with an actual event. Now, in this case, it was State of the Word. So there was a bunch of people, and I believe they were gathered in New York. I could be wrong about that, but I think it was in.</p>\n\n\n\n<p class="wp-block-paragraph">[00:05:33] <strong>Jonathan Desrosiers:</strong> It was in San Francisco.</p>\n\n\n\n<p class="wp-block-paragraph">[00:05:35] <strong>Nathan Wrigley:</strong> San Francisco. Okay, there we go. Thank you for the correction. It was in San Francisco and the idea was that the release of WordPress would go out and it would be bound to this event. And there was this almost, how can we describe it? It was almost like television, basically. It was being filmed and streamed live all over the place. And there was this feeling of a big red button. There was a lot of people gathered around and they all sort of leaned in and pushed a big red button, and the release of WordPress came out.</p>\n\n\n\n<p class="wp-block-paragraph">Now, I don&#8217;t know if the button actually did anything or if it was really sort of smoke and mirrors. I like the idea that the button actually did signal the release, but I don&#8217;t know if that&#8217;s the case. But the point was, there was a little bit of theater put into it. There was this idea that, okay, we&#8217;ve got this live event which lots of people will be watching. We&#8217;ve got a release which we need to do, which lots of people will be looking forward to. Why don&#8217;t we sort of combine the two things?</p>\n\n\n\n<p class="wp-block-paragraph">And so it was a bit of PR really. And it also felt a bit like sort of marketing, and I&#8217;m going to use gimmick in the real sense of the word. So not like gimmick as in something pointless, but gimmick as in something different, unique. Something to draw your attention and grab you in. And I think the idea has been proposed that in the year 2026, the flagship events, the flagship WordCamps, so I&#8217;ll list them in order in which they&#8217;re happening.</p>\n\n\n\n<p class="wp-block-paragraph">So we&#8217;ve got WordCamp Asia, and then we&#8217;ve WordCamp Europe, and then we&#8217;ve got WordCamp US. The three releases of WordPress during 2026 will happen in tandem with those events. Now, why? Why would we want to do this?</p>\n\n\n\n<p class="wp-block-paragraph">[00:07:12] <strong>Jonathan Desrosiers:</strong> Yeah, so I don&#8217;t think it was intentional, but the schedule just happened to coincide. You know, we were working on 6.9 and we realised, oh, the release date is the same as State of the Word. And so, I can&#8217;t remember who originally had the idea, but it was mentioned that it would be really neat to just be able to publish it live at the event and celebrate that.</p>\n\n\n\n<p class="wp-block-paragraph">I guess the main reason behind it is just that, the more I&#8217;m involved in open source, the more I realise that the code and the license and all those things are important, but the most important thing underneath any open source project is the community that&#8217;s involved with it. And what better way to celebrate our achievements and our accomplishments when we get together in different ways.</p>\n\n\n\n<p class="wp-block-paragraph">And so, typically that&#8217;s in Slack or social media, right? We celebrate a release and we share the posts and say what we&#8217;re excited about. But we also get together at different events and we do the same thing, right? We talk about what we&#8217;re excited about, what we&#8217;re working on, what&#8217;s coming, or what we think should change in certain ways. Why not just do that at the same time and create even a more ultimate celebration, right? Another community moment where people have another opportunity to feel involved in something greater than them.</p>\n\n\n\n<p class="wp-block-paragraph">[00:08:25] <strong>Nathan Wrigley:</strong> Do you have any notion that this is going to be carried forward? I mean, I know that there was obviously a bit of serendipity in how it happened. The coincidence of timing and things like that. But do you have every confidence that this will happen, that Asia will get a release, Europe will get a release, and the US will get a release. In the year 2026, do you think that&#8217;s going to actually occur?</p>\n\n\n\n<p class="wp-block-paragraph">[00:08:46] <strong>Jonathan Desrosiers:</strong> We will see. So as the proposed schedule is for this calendar year, right? There&#8217;s three releases. Unfortunately, it&#8217;s tough because the people planning WordCamps don&#8217;t plan around our software&#8217;s release cadence, right? They plan around budget, regional holidays, travel factors, weather, cost of venues and availability.</p>\n\n\n\n<p class="wp-block-paragraph">And so, you know, it&#8217;s not reasonable for the Core team and the people working on releases to say you have to have an event in a certain month, right? And so this year, some people may not have noticed, but WordCamp Asia is in April this year, which it&#8217;s been in February so far in the previous editions. And WordCamp Europe is in June, which it&#8217;s traditionally usually in.</p>\n\n\n\n<p class="wp-block-paragraph">And so that&#8217;s not a big enough gap to have another major release. And so the proposed schedule is saying, let&#8217;s release during WordCamp Asia, let&#8217;s release during WordCamp US, and then we&#8217;ll release again at the end of the year around State of the Word. We don&#8217;t have a date for State of the Word yet, but it&#8217;s around where we think it might be.</p>\n\n\n\n<p class="wp-block-paragraph">And likewise, creating a schedule for releases is incredibly hard because if we don&#8217;t release in the first week of April, for example, then I believe the whole month of April has major religious holidays scattered throughout it in different areas of the world. And if we released in March, that was way too soon because we started the alpha phase of 7.0, that starts when the previous release is branched, like it&#8217;s separated from the primary branch in the code base, and that happened in like November.</p>\n\n\n\n<p class="wp-block-paragraph">But there&#8217;s US Thanksgiving, there&#8217;s Hanukkah, there&#8217;s Christmas, there&#8217;s New Year&#8217;s, right? A lot of people in the community take the majority of December off, and so that&#8217;s like a washed month, right? And so we would&#8217;ve had essentially four weeks until the feature complete point of the release. So that was too soon. And so it&#8217;s just as hard to plan the release schedule in a way that doesn&#8217;t negatively impact everybody as best as possible as it is to plan these major events.</p>\n\n\n\n<p class="wp-block-paragraph">And so I can&#8217;t say that it will be a guarantee going forward. We&#8217;re trying it out this year to see how it goes and what we can learn from it. We felt that the State of the Word was successful and it was exciting. It was unique in its own ways. And so we want to try, continue trying this this year and see how it goes.</p>\n\n\n\n<p class="wp-block-paragraph">[00:11:06] <strong>Nathan Wrigley:</strong> Gosh, the piece that you just said there about the religious holidays and what have you, that really opens up a really interesting discussion. Because it is quite likely, I imagine, that the listenership to this podcast probably never gave that any thought, that this kind of international calendar, be it a religious calendar or maybe just a vacation calendar in certain parts of the globe would really impact when the release can happen.</p>\n\n\n\n<p class="wp-block-paragraph">Because there are people who are committing to the project, and they tend to be in certain jurisdictions. And so if there are people who are on, I don&#8217;t know, a week long holiday, nationally, in a specific jurisdiction, and they typically are a large part of the team that are committing in various different respects, that&#8217;s important, but probably something that many people would not have thought about.</p>\n\n\n\n<p class="wp-block-paragraph">Now, in terms of these releases then, is the idea, well, I&#8217;ll backpedal a little bit. It occurred to me that quite a lot of the people who may be involved in releases are the very kind of people who would find themselves also at some of these flagship events. Now, obviously it&#8217;s not going to be 100%, maybe it&#8217;s 25% of the people who are release leads and part of the teams that are committing here, there, and everywhere.</p>\n\n\n\n<p class="wp-block-paragraph">I was worried that there&#8217;d be people on airplanes, people trying to land and orientate themselves in the country that they&#8217;ve landed in in the same period of time when they would&#8217;ve been heads down, in their office, in their study, figuring out the bits that might be broken with the upcoming release. Is that a thing? Is that part of the jigsaw puzzle of this?</p>\n\n\n\n<p class="wp-block-paragraph">[00:12:32] <strong>Jonathan Desrosiers:</strong> It definitely is, yeah. With any release, there&#8217;s no time of the day where everyone on the planet is available to work on something, right? And so another part of this is that, in a way it forces us to have a major release in different geographic areas so that everywhere on the globe there&#8217;s a WordPress release that they may be able to participate in, right?</p>\n\n\n\n<p class="wp-block-paragraph">And so, likewise with travel, right? So when we assemble a release squad, we have to think, okay, it&#8217;s based in, for example, this one was planned to be released at WordCamp Asia in India. So we want to make sure we have a mix of people that are in different areas of the world. And not just so that there&#8217;s always people around to respond to things throughout the entire cycle, but we also want to have people that are present and not present at the event that are participating. And maybe the wifi is completely unusable or maybe something happens, right? So it&#8217;s good to have people that are there and not.</p>\n\n\n\n<p class="wp-block-paragraph">And that was part of the announcement too, is that we tried to underscore the point that it would be great if everybody could go to WordCamp Asia, but traveling is not a requirement to participate in the release at all. And that&#8217;s a good thing, because it&#8217;s good to have people in multiple areas, multiple time zones.</p>\n\n\n\n<p class="wp-block-paragraph">With WordCamp Asia, once contributor day ends, it&#8217;s the beginning of the US daytime, right? And so those contributors can sign off and there&#8217;s people around to help carry that torch and continue on if there&#8217;s any follow-up issues or anything that needs to be investigated.</p>\n\n\n\n<p class="wp-block-paragraph">And so, yeah, that&#8217;s also a consideration is how, I guess we can call it global coverage, right? Like, how can we ensure we have global coverage so that there are people with the right skill sets, and right availability, and right knowledge, to be able to take on certain tasks or responsibilities or perform investigations, whatever may need to be done as part of that release process.</p>\n\n\n\n<p class="wp-block-paragraph">[00:14:26] <strong>Nathan Wrigley:</strong> I, like you, am really in the weeds of the WordPress project. I obsess about it in a way that&#8217;s probably not all that healthy. I&#8217;m very well aware of when the next release is coming up. I&#8217;m usually fairly aware of what is going to be in that release. But I imagine most people using WordPress, it&#8217;s probably a bit of a surprise. You know, they open up WordPress one day and either it has updated. If it&#8217;s a point release, probably it&#8217;s a more manual thing, if it&#8217;s a major release, I should say, but if it&#8217;s a more minor release, maybe things have updated in the background during the course of the night and what have you.</p>\n\n\n\n<p class="wp-block-paragraph">But I&#8217;m thinking of TV series now. So when a successful TV series has a new season, there&#8217;s all this fanfare and buildup and you know it&#8217;s coming. You see the commercials, you see the adverts. And the moment that TV series comes around, you are excited, you&#8217;re ready to go. And I remember back in the day, this is going back a long time, when Firefox would make a release, they sort of did this thing like, I don&#8217;t know, every 18 months or something like that. Not like now where it&#8217;s every couple of hours it seems, that browsers update themselves.</p>\n\n\n\n<p class="wp-block-paragraph">But when it went to, I don&#8217;t know, 3.6 or something like that, there was this big fanfare, this big moment. Everybody took stock and what have you. And are you trying to encourage a bit of that? Are you trying to create a bit of razzmatazz and drama and intrigue and awareness and all of that around the release, and make it feel like an important thing, which with the best will in the world, it kind of has not been more recently? Most people, it just updates. There&#8217;s no fanfare whatsoever. But we can leverage it to make it important, significant, fun, interesting.</p>\n\n\n\n<p class="wp-block-paragraph">[00:16:04] <strong>Jonathan Desrosiers:</strong> Yes and no, right? Like, we want to celebrate the community and the work we&#8217;re doing now. I actually would love it if we could get to a point where we&#8217;re releasing every, I don&#8217;t know, every week or every month even, right? Not have to wait every three or four months. There&#8217;s some value in having that penultimate moment, right? Of, we&#8217;ve worked for three months on this. But there&#8217;s also aspects of the world where we expect things faster and more instant and waiting for the patch that you submit in January to be released in April is not really, like maybe you lose interest in contributing in that time, right? So there&#8217;s many different things like that.</p>\n\n\n\n<p class="wp-block-paragraph">Some things that you mentioned really resonated with me as far as awareness of what&#8217;s coming or like what&#8217;s been done. In a way, the fact that users are not so aware of what&#8217;s being added or what their site has updated to, it&#8217;s a sign of the success of auto updates and how seamless those are.</p>\n\n\n\n<p class="wp-block-paragraph">Because for a little while I&#8217;ve been considering, when you update WordPress manually, you&#8217;re redirected into the about page in the dashboard, right? And every release, there&#8217;s a new about page that&#8217;s designed, it works hand in hand with, we call them the micro sites, which is like a wordpress.org&#8217;s landing page that showcases the release. And it just explains all the features that have been added.</p>\n\n\n\n<p class="wp-block-paragraph">But you only see that if you either go to the about page manually or you manually click update when you&#8217;re in the dashboard. And a site might have many administrators that only the person that actually updates will see it. And so I&#8217;ve been thinking about ways that we can make users more aware that their site is updated. Or maybe that&#8217;s not the important part, but maybe it&#8217;s just the important part to make them aware of the new features that are available to them, right?</p>\n\n\n\n<p class="wp-block-paragraph">Maybe we put some type of a widget on the dashboard where we link off to a Learn WordPress page that teaches you about how to use the Notes feature that got added. The other thing too is you mentioned about the TV shows advertise when they&#8217;re coming up, right? Maybe we need to do a better job of advertising what&#8217;s coming up and encouraging people to opt in early and test.</p>\n\n\n\n<p class="wp-block-paragraph">And in a way a more rapid release cycle leads to that because many of the browsers have different feature flags and they build features out in different branches, and you can actually opt into testing a specific feature and that would get turned on, but maybe not all the other things that they&#8217;re working on until it&#8217;s ready.</p>\n\n\n\n<p class="wp-block-paragraph">And so maybe we need different ways for people to get involved testing, or trying things out earlier to understand what&#8217;s coming, but also to give us valuable feedback, how it works on their site, what breaks, what it doesn&#8217;t interact with. All of that is very valuable feedback, and we should always be striving to get more testers and more awareness around what&#8217;s coming because it creates new feedback loops that are valuable for different reasons.</p>\n\n\n\n<p class="wp-block-paragraph">[00:18:58] <strong>Nathan Wrigley:</strong> Yeah, it&#8217;s kind of interesting, and what I&#8217;m about to say, I am sure that a significant proportion of the listeners to this podcast will say, no, Nathan, we don&#8217;t want this. But here&#8217;s a proposal then. Here&#8217;s an idea. And again, I&#8217;m going to hark back to the TV series.</p>\n\n\n\n<p class="wp-block-paragraph">The TV series, typically when they&#8217;ve started advertising between other television programs, that TV series has been made, the footage has been shot, the graphics have been done. It&#8217;s basically ready to roll. And then they parcel all that up and then they release little snippets of what&#8217;s coming so that you can prepare yourself and get excited.</p>\n\n\n\n<p class="wp-block-paragraph">I kind of wondered if something like that in the dashboard, akin to the about us page, but in the run up to the release. So all the graphics have been made. We know basically what&#8217;s going to drop in this release. Now it may get tweaked here and there at the edges, but we know what&#8217;s coming. I&#8217;ve always thought that would be a really nice idea.</p>\n\n\n\n<p class="wp-block-paragraph">I would love to see that. And I realise a proportion of people would think, no, we really don&#8217;t want that. But I think that&#8217;s a perfect opportunity to get people drawn into, oh, this is coming. Collaborative editing, that&#8217;s about to happen is it? Gosh, that&#8217;s really interesting.</p>\n\n\n\n<p class="wp-block-paragraph">And then this call to action could be dropped in, but we need some testing around the edges of it. We&#8217;ve got the bare bones of it, but we need some more eyeballs on it and what have you. So that proactive demonstration of what&#8217;s going to happen rather than the reactive, your site has been updated, here&#8217;s what there is, which is already there. This is more of a here&#8217;s what&#8217;s coming, get excited, get involved, yada yada.</p>\n\n\n\n<p class="wp-block-paragraph">[00:20:29] <strong>Jonathan Desrosiers:</strong> In some ways the feature branch model that I described lends to that, right? Because then it&#8217;s not, here comes this feature and then, oh, actually we left it out of this release, right? It&#8217;s its own thing that&#8217;s being worked on. And then when it&#8217;s released, it&#8217;s released, and it&#8217;s here. But it doesn&#8217;t make it any less, any worse off than other things that are shipping in the release, right? Because it&#8217;s its own thing, and it&#8217;s its own, it has its own criteria to be ready, in a state that we&#8217;re comfortable with shipping it and supporting it forever because of backwards compatibility.</p>\n\n\n\n<p class="wp-block-paragraph">And so yeah, I think that what you&#8217;re describing is essentially what I was describing, a little bit more detail. And there&#8217;s of course a lot of nuance there around how often do we do that? We have a lot of parts of the release process that need to be automated before we can even consider that. The different parts of the block editor are, many of it is managed as packages, NPM packages. And so a lot of those are so interconnected, it&#8217;s a little difficult to release just one feature because they&#8217;re all being updated at the same time.</p>\n\n\n\n<p class="wp-block-paragraph">And so like there&#8217;s some architectural things to think about around that. Like, how do we compartmentalize things better to be able to do that? Make sure we don&#8217;t accidentally include something that&#8217;s not ready but when we intended to include a certain feature. There&#8217;s a lot to unpack there and I don&#8217;t know that we&#8217;ll ever get there just because of the sheer size of the project and how, backwards compatibility, how long we&#8217;ve been around.</p>\n\n\n\n<p class="wp-block-paragraph">But I think that training users that auto updates are important to have enabled that are quality, you know, not shipping things that break people&#8217;s sites as much as possible, even though it&#8217;s unavoidable because of how flexible WordPress is.</p>\n\n\n\n<p class="wp-block-paragraph">After 6.9 came out, I was looking into some of the data because I had this gut feeling that 6.9 was being updated to, slower than other releases. And so for a little while I was looking at that. And after about a month, I was like, okay, this is just a hunch. Let me go and actually look at the data around this.</p>\n\n\n\n<p class="wp-block-paragraph">And so what I noticed was actually the opposite. When I looked at, I created 5% thresholds for the percentage of total WordPress sites. And when I looked at the data, I realised that for the last 10 releases, let&#8217;s see here. So every major version of the last six to eight releases has passed 35% of all WordPress sites in two days or less. And also every one of these columns as far as percentages is increasing.</p>\n\n\n\n<p class="wp-block-paragraph">And so WordPress 6.9 reached the 50% threshold of all WordPress sites in 10 days, and that&#8217;s four days faster than 6.8, which was the next fastest. And currently we&#8217;re approaching 65% threshold of all WordPress sites. And only six other releases have done that so far. All of them are the most recent ones, except for 4.9, which we all know had a waiting period for Gutenberg. And the only release the past 70% was 6.8.</p>\n\n\n\n<p class="wp-block-paragraph">And so I&#8217;m interested to see how this trend continues because it&#8217;s showing an acceleration of adoption for each new major version of WordPress. They&#8217;re getting installed faster, by more people. It&#8217;s a sign that we&#8217;re shipping stable software. People are more confident. People are opting into auto updates for major versions. And in general, it&#8217;s just a quality sign that we&#8217;re doing something right here. And so how can we lean into that more?</p>\n\n\n\n<p class="wp-block-paragraph">[00:23:52] <strong>Nathan Wrigley:</strong> Okay, let&#8217;s pivot a little bit. Let&#8217;s sort of bind community, we did touch on this a minute ago, but let&#8217;s spend a little bit of time binding the community to these kind of things because right at the start you mentioned that really the community is the underpinnings of your interest in the WordPress space. The code is obviously tremendously important, but without the community there is no code basically.</p>\n\n\n\n<p class="wp-block-paragraph">And so we&#8217;ve got these events. We&#8217;re trying to create interest around the WordCamps and the releases at the same time. But just looking back over the last period of time, let&#8217;s go for year, two years, something like that. I don&#8217;t know what your spidey sense is telling you, but my spidey sense is telling me that that community portion, it&#8217;s sort of slowly but surely, it feels like it&#8217;s withering away slightly.</p>\n\n\n\n<p class="wp-block-paragraph">I&#8217;m not really picking up on like this angry mob of people who are stamping their feet and shouting, I don&#8217;t want anything to do with the WordPress community and then disappearing. I mean maybe there&#8217;s a few of those, probably, somewhere. But I don&#8217;t get a sense of that. I just get this sense of sort of, somebody&#8217;s pulled the plug out of a bathtub and it&#8217;s slowly sort of draining away.</p>\n\n\n\n<p class="wp-block-paragraph">Attendance down at WordCamps. Meetups struggling to sort of get the numbers that they had several years ago. And so it would feel like at the moment, you would have to be watching the news fairly closely, especially right now. So at the beginning of February, 2026 is when we&#8217;re recording this. There does seem to be a push from the senior leadership to make WordPress Meetups and things like that, a much more central part.</p>\n\n\n\n<p class="wp-block-paragraph">And then there&#8217;s this whole broad spectrum of educational initiatives as well going on. So we&#8217;ve got WP Campus Connect, we&#8217;ve got the Credits Program and a whole smorgasbord of other things which is happening.</p>\n\n\n\n<p class="wp-block-paragraph">So there&#8217;s no question there, really, what I&#8217;m just trying to do is give you the opportunity to bind the two things, the WordPress community and the software, and really just talk about whether you&#8217;ve noticed the same thing as me, where there&#8217;s this slow, withering of the community. And maybe this is a part of just sort of getting it all back together, making events like this a bit more fun and interesting.</p>\n\n\n\n<p class="wp-block-paragraph">[00:26:02] <strong>Jonathan Desrosiers:</strong> Yeah. I think there&#8217;s a few things there to call out. The first observation I&#8217;ve had over the last year is there&#8217;s a palpable excitement to build with WordPress again. I&#8217;m noticing there&#8217;s a renewed enthusiasm. People, they want to move on from certain things, and they want to get back to building experiences and tools and things on the WordPress platform.</p>\n\n\n\n<p class="wp-block-paragraph">But there&#8217;s also, I think we&#8217;re dealing with some, in some ways, a long tail COVID effect, right? There was obviously, you know, a lack of in-person events for a while, and during that time a lot of the people who were keeping Meetups alive and WordCamps alive, they moved on, or burnt out, and chose not to return after. And so there was a break in that pipeline of, usually there&#8217;s a lead doing that and there&#8217;s other people learning under them, and then they move up and take over. And that was totally disrupted and I think that we&#8217;re still trying to rebuild that.</p>\n\n\n\n<p class="wp-block-paragraph">I think that it manifests differently in different areas too. So for example, the APAC WordCamp community is very strong and they have lots of WordCamps. But in the United States, there was one WordCamp that wasn&#8217;t WordCamp US last year, I think, Montclair. And I lead the Boston WordPress Meetup and so finding speakers is difficult. Getting people to come out is difficult as well. And I think those are partially just larger societal shifts where it&#8217;s harder to get people to come out to certain things. And we just have different preferences as far as how we consume information or learn.</p>\n\n\n\n<p class="wp-block-paragraph">But I&#8217;m still not sure why the difference in the geographical areas, and I think it may have to do more with, APAC is a more emerging market when it comes to WordPress, right? Like their community, especially in certain areas has been growing and is much newer than it is in the US. And so I think that they&#8217;re growing their communities for the first time in many ways, right? But in the US it&#8217;s the second or third or fourth time that we&#8217;re growing those communities or revitalising those communities. And the form that that needs to take, I think is a little different. And I&#8217;m not clear on what the holdup is there.</p>\n\n\n\n<p class="wp-block-paragraph">But I do know that a big factor of that is to get new people involved with WordPress and interested in WordPress, and that&#8217;s why some of the priorities that Mary Hubbard published, and one of them in particular is education and awareness and all of those different things that work together in the form of the WP Credits program, mentorship programs. There&#8217;s been the contributor mentorship programs that happen every few quarters in WordPress over the last few years.</p>\n\n\n\n<p class="wp-block-paragraph">And we&#8217;ve seen some really great contributors who were mentored in that program, and then the next time the program happened, they mentored, and then they became a team lead, and then they served on release squads. And so we&#8217;ve seen some really great contributed journeys through those paths.</p>\n\n\n\n<p class="wp-block-paragraph">[00:28:53] <strong>Nathan Wrigley:</strong> I&#8217;ll just sort of run through with you the kind of things that I&#8217;ve noticed in my part of the world. So I think COVID is an enormous part of it. It upended so many ordinary things in life. So, as an example, you know, people obviously, they ceased going out, and then that pattern of not going out became habituated. People didn&#8217;t go out because that&#8217;s not what you do.</p>\n\n\n\n<p class="wp-block-paragraph">And in the UK we have this institution called the pub, which I&#8217;m sure you&#8217;ve heard of. And it used to be that prior to COVID, the pub was the real centerpiece of many communities. You know, towns, suburbs, what have you. Everybody would coalesce around the pub and that was very important. Since the pandemic, a lot of those institutions, they don&#8217;t really function in that way anymore. You know, there isn&#8217;t the throughput, there isn&#8217;t the footfall and so they go out of business.</p>\n\n\n\n<p class="wp-block-paragraph">And the same, I presume is true in the WordPress space. You know, we&#8217;re trying to encourage people to get up, leave their home, spend money on transportation. Obviously there&#8217;s the time cost, the sunk cost of time and what have you as well. It&#8217;s difficult, but it makes me more sanguine that it&#8217;s not just like, it&#8217;s not just a WordPress thing, you know, it&#8217;s the whole of society.</p>\n\n\n\n<p class="wp-block-paragraph">But like you said, I get the feeling that the WordPress community has begun to address it. And the way it&#8217;s being addressed is through these educational initiatives. Trying to get a throughput of younger talent. So get them at the school age, get them at the university age, and then hopefully they will have an interest. They&#8217;ll get a flavor of what it means to be involved in these Meetups and things like that and hopefully take those on.</p>\n\n\n\n<p class="wp-block-paragraph">It&#8217;s a laudable goal. I hope that it has the capacity to transfer. You know, so in a decade&#8217;s time we can look back and say, look what happened. This young blood emerged. I think it&#8217;s yet to be seen. I think certainly in the area, the locale where I am, the United Kingdom, we don&#8217;t see evidence of that yet. Maybe in the US that would also mirror.</p>\n\n\n\n<p class="wp-block-paragraph">But from everything that I&#8217;ve learned and the people that I&#8217;ve talked to for this podcast and events in Asia and places like that, that seems to be a really different picture. There seems to be a real thirst for solutions like WordPress. Because there&#8217;s a direct kind of career path there. You know, you can pick up a free piece of open source software, crack open a laptop and get going and start to sell your services far and wide. And so again, there&#8217;s no question there, just observations that I hope these initiatives bear fruit. But it&#8217;ll be interesting to see. Only time will tell.</p>\n\n\n\n<p class="wp-block-paragraph">[00:31:16] <strong>Jonathan Desrosiers:</strong> I think at the root of what we&#8217;re dealing with is that people are motivated by what they see as valuable, right? If they&#8217;re not going out to events, so they&#8217;re not engaging with the community, they don&#8217;t recognise or feel that it&#8217;s valuable to them in some way. And so we&#8217;re having to reprove why communities are valuable, why open source is valuable, why you should care.</p>\n\n\n\n<p class="wp-block-paragraph">And then the other aspect of it is, you know, overall project sustainability. We can&#8217;t just keep getting older. We need to have a balance of new, younger people that get involved as well.</p>\n\n\n\n<p class="wp-block-paragraph">And so one way to lean into getting younger is obviously, like you said, to approach people at schooling age, right? Or university, and teach them about open source. Show them how to contribute, how to be a part of a community, and why it&#8217;s valuable. But we have to be really careful because we need to be prepared to, I&#8217;ve written in the past that we need to be prepared to activate these contributors, right?</p>\n\n\n\n<p class="wp-block-paragraph">So it&#8217;s one thing to make them aware of this, but it&#8217;s another thing to make sure they&#8217;re properly supported and we give them pathways to grow. We give them clear criteria to be successful, clear projects to work on, so they understand what they&#8217;re doing and what they&#8217;re trying to accomplish.</p>\n\n\n\n<p class="wp-block-paragraph">And I think that this is one thing that is also a benefit of having the releases coincide with these major events because new people are getting together already, so why not use that opportunity?</p>\n\n\n\n<p class="wp-block-paragraph">One of the goals that every table lead and every organiser of a Contributor Day has is to ensure as many contributors see, realise their work over the finish line. And so on the Core team that&#8217;s a patch that someone tests gets committed, or a patch someone writes gets committed to WordPress, right? How can we make that more valuable, where it&#8217;s not just ending when they leave Contributor Day?</p>\n\n\n\n<p class="wp-block-paragraph">And so I&#8217;ve been thinking about all the different logistics and helping to coordinate with the WordCamp Asia team and the 7.0 release team to make sure we&#8217;re prepared for that final day. And one of the things I&#8217;ve been thinking about is the release process itself. One of the best, lowest friction ways to get involved with WordPress in the actual release process. And you don&#8217;t need any experience contributing to really take part in it. And that&#8217;s when we get to a point where we say, okay, here&#8217;s the zip file of what we think we&#8217;re going to ship, go test it.</p>\n\n\n\n<p class="wp-block-paragraph">And so people will take it, and they install it on their server and they say which version of PHP they&#8217;re using, and how they installed it and what they did and, you know, it worked. And the majority of that though is just looking for problems. And when problems don&#8217;t come up, we just don&#8217;t do anything with all the information that people are dropping, right? And there might be 50 people at a major release. We call them parties, but at the release parties that are dropping information. And again, if there&#8217;s no red flags, that information just largely goes away.</p>\n\n\n\n<p class="wp-block-paragraph">But, how can we rethink that and make that effort more meaningful, and also create a pathway for them to continue contributing in some way past that moment? And having everybody in person is a great way to have pilot programs for different approaches, because there can be someone that briefs a set of contributors on what we&#8217;re going to try this time, here&#8217;s what we want to do, give us feedback on how you felt it went. Everybody that&#8217;s involved in the squad and doing the release can say, oh yeah, that actually was really helpful and better than what we do before.</p>\n\n\n\n<p class="wp-block-paragraph">And these newer individuals that are learning also have fresh perspective. And so having them participate in these, I guess I&#8217;ll call them experiments of such, but just these processes and things that we are considering, it helps get that fresh opinion and perspective on why things are working and why things aren&#8217;t and helps us just improve.</p>\n\n\n\n<p class="wp-block-paragraph">[00:35:04] <strong>Nathan Wrigley:</strong> I&#8217;ve got three children and they&#8217;re all of a certain age now, they&#8217;re certainly no longer small. You know, they&#8217;re basically adults. And it&#8217;s really fascinating looking at the kind of things that engage them. I think they&#8217;ve just grown up in a different era. The diet of the kind of things that excite them is very different to the kind of things that excited somebody of my generation, just because, you know, they&#8217;ve had the whole world in their pocket ever since they were born.</p>\n\n\n\n<p class="wp-block-paragraph">And having that dialogue with the next generation, and trying to figure out what it is that they want and that they desire. And even things like open source. So when, I was already an adult before the internet began to be put into everybody&#8217;s homes, and people started to own personal computers and things like that. And so I was ready to receive that message of open source right at the start. And it became really obvious to me, oh, that&#8217;s a really clever way of making software.</p>\n\n\n\n<p class="wp-block-paragraph">But now of course we&#8217;ve got this landscape of closed platforms. Everything&#8217;s free at the point of use, but everything&#8217;s not free in any way, shape, or form. You can think of the siloed platforms that I&#8217;m talking about. My children have been raised with those and so just even making the argument about open source is hard enough.</p>\n\n\n\n<p class="wp-block-paragraph">So I think what I&#8217;m really advocating for is, obviously we&#8217;ve got to shepherd these people in, but at the same time, I think we have to be willing to let go of a lot of the things that we think the project is. We think the Meetup should contain. We think the WordCamp should maintain. Because at the end of the day, we&#8217;re competing for eyeballs and if we don&#8217;t make it, I&#8217;m going to use the word exciting, if we don&#8217;t make it exciting, they&#8217;re just not going to show up.</p>\n\n\n\n<p class="wp-block-paragraph">And I feel that&#8217;s a piece of the next five, six years, trying to figure out what excites these people. Because unless we do excite them, I fear the Meetups are going to be empty and there&#8217;ll be a certain throughput from the WordPress initiatives, Campus Connect and what have you. But we need to make these things exciting, interesting, innovative, fun. But I don&#8217;t have an answer to that.</p>\n\n\n\n<p class="wp-block-paragraph">[00:36:59] <strong>Jonathan Desrosiers:</strong> Yeah, you touched on something interesting that I&#8217;ve been thinking about quite a bit. I gave a talk last year about how to implement AI into open source communities while maintaining what makes them great in the first place, which is the human element, right? The community aspects of it.</p>\n\n\n\n<p class="wp-block-paragraph">And so I&#8217;ve been thinking a lot about just AI and how it&#8217;s affecting us. And there&#8217;s a few things that I&#8217;m really excited about with AI and those are empowerment and learning. And so you can have an AI model that digests massive amounts of information and summarises it in the specific way that you learn best, right?</p>\n\n\n\n<p class="wp-block-paragraph">And likewise, I&#8217;m noticing that people feel more empowered to try things themselves because they have more of an ability to distill a lot of information down into something that&#8217;s digestible, right?</p>\n\n\n\n<p class="wp-block-paragraph">And so I feel that the tension between those two areas of closed and open is growing. Because when I was growing up, computers were just starting to be less than the size of a car, right? People were starting to have them in their house. But they were still at a point where, the computer went bad, you took it apart and fixed it. You didn&#8217;t trade it in for a new one, right?</p>\n\n\n\n<p class="wp-block-paragraph">And so I feel like my generation, there was a level of, we had the tools, but we had to go out and build the things we needed ourselves in some ways, and experiment. And then there&#8217;s been the generations between that and now where they pretty much had everything that they needed.</p>\n\n\n\n<p class="wp-block-paragraph">But AI is changing what we need, or what we want, and what ways we want it. And so now there&#8217;s a new found need to build again in some ways. And in some ways it&#8217;s kind of a circle, right? Because it&#8217;s, the AI is making it easier to build, but it&#8217;s also making you more aware you have to build. It&#8217;s kind of like building against itself in certain ways.</p>\n\n\n\n<p class="wp-block-paragraph">But I&#8217;m finding that there&#8217;s more of a willingness to do things on your own, try to tackle something you would typically need to hire a professional to do in the past. You know in many ways we need to lean into that because then that gets people excited. Oh, WordPress, I could use WordPress to build this, or I could use just the WordPress for just the database part of it and the REST API and have some type of application on it because it scales well and it caches or whatever it may be.</p>\n\n\n\n<p class="wp-block-paragraph">But I feel like people are starting to scoff at the walled gardens a little bit more, and I&#8217;m seeing that there&#8217;s a resurgence in things like RSS. I&#8217;m seeing new RSS readers are popping up. People are leaning towards the Fediverse. People are blogging more, having their own website instead of just their business on Facebook, right? Because that can get taken away.</p>\n\n\n\n<p class="wp-block-paragraph">We saw with Twitter how they just chose to close their platform. And embeds no longer work in WordPress because they shut down oEmbeds. And I feel like it changes every month, but there&#8217;s times where you have to log in to see a post, or you can&#8217;t see a post, or you can see one post and then you can&#8217;t see any more that&#8217;s shared externally. Yeah, so it gives you more control.</p>\n\n\n\n<p class="wp-block-paragraph">[00:40:02] <strong>Nathan Wrigley:</strong> Yeah, I think that&#8217;s really interesting. And I also noticed that swing. Obviously, I don&#8217;t have any broader data. I can only point to the things in my life, the little intuitions that I&#8217;m gaining. But I see the same thing. I see an interest in AI, so we&#8217;ll just put that to one side for a moment. But in terms of the closed platforms, I do see that the people that I know who are significantly younger than me, they have intuitions around that, and they&#8217;ve kind of figured out for themselves that this is not great. It seems to be a vehicle to serve me ads, and I wonder what the incentive is for the stuff that I&#8217;m seeing, and maybe it&#8217;s kind of pushing me off in one direction politically and all of that.</p>\n\n\n\n<p class="wp-block-paragraph">And yeah, this resurgence of RSS, of the blog. I know it&#8217;s hard to talk about, but it&#8217;s almost like we&#8217;re doing some sort of archaeology in the internet space. We&#8217;ve gone back to something older. We kind of dug up the relics from the past and we found that they&#8217;re still usable. They&#8217;re still there.</p>\n\n\n\n<p class="wp-block-paragraph">It&#8217;ll be so interesting. But I think if it was just the RSS and it was just the open nature of things, I think that&#8217;s going to be a hard sell. But throw AI into the mix, this capacity for somebody with very little relationship with writing code who can get something credible out. Now, it may not be robust, it may have security problems here and there. The accessibility may be something that needs to be addressed and what have you. But who can argue with the excitement of it.</p>\n\n\n\n<p class="wp-block-paragraph">You know, you tell a computer to make a colourful website that&#8217;s got rainbows and pictures of cats, and sure enough, two minutes later you have a website with rainbows and pictures of cats. And that wasn&#8217;t possible until just a couple of years ago. And so I think we&#8217;ve got the tools. I think there&#8217;s things that we can deploy. AI seems to be the primary one at the moment. Let&#8217;s hope that that continues to be sustainable.</p>\n\n\n\n<p class="wp-block-paragraph">But that&#8217;s interesting. That gives me some hope. And the way that you&#8217;ve encapsulated it, open source combined with things like AI. Trying to get Meetups back. Trying to combine it with educational initiatives. Trying to combine it with WordCamps and releases.</p>\n\n\n\n<p class="wp-block-paragraph">[00:41:52] <strong>Jonathan Desrosiers:</strong> You mentioned something that&#8217;s important there in that it&#8217;s very easy for someone to get something built that they need specifically, right? And I think that&#8217;s where we&#8217;re at right now where AI is, like I said, is empowering, but more on a personal level. Once you need to scale those things, that&#8217;s when it gets difficult.</p>\n\n\n\n<p class="wp-block-paragraph">And it&#8217;s a rollercoaster of, oh my God, there&#8217;s going to be no software. And then, oh, look at all this crappy software that AI built. We are always going to have a job. And then it&#8217;s like up and down all throughout time as new tools get released. And it definitely matches what I&#8217;m seeing is like the personal empowerment level, they could take that and run with it and build this really massive thing, or they could just build something that they just want, that does specifically what they want, that they haven&#8217;t found out there that it accomplishes.</p>\n\n\n\n<p class="wp-block-paragraph">And I think that another aspect of that is I&#8217;m noticing that a lot of people that you may not have thought would try things in the physical world on their own are more likely to do so as well. So maybe changing their faucet, or doing a landscaping project or something. I feel like we&#8217;ve had YouTube tutorials, right, has been a big thing for maybe a decade, right? But I feel like AI has unlocked a new level of empowerment where people feel more confident to try things because of the knowledge that&#8217;s available to them in different ways.</p>\n\n\n\n<p class="wp-block-paragraph">[00:43:09] <strong>Nathan Wrigley:</strong> The year 2026 is going to be punctuated by WordCamps. It&#8217;s going to be punctuated by WordPress releases. Hopefully we will start to see the needle move on educational initiatives, and maybe some younger people joining in with the community.</p>\n\n\n\n<p class="wp-block-paragraph">That has been a fascinating chat, Jonathan. I really appreciate that, getting your insight into what I think we both hope is going to happen in the WordPress project. That it will still be relevant in 10 years time, and that there&#8217;ll be children who are now, not old enough to be using computers, in a decade, they&#8217;ll be coming on podcasts like this, and hosting podcasts like this, and being involved in the community that we love so very much.</p>\n\n\n\n<p class="wp-block-paragraph">Where can we find you, Jonathan? If people want to talk to you and have a bit of a natter, where&#8217;s the best place to locate you?</p>\n\n\n\n<p class="wp-block-paragraph">[00:43:48] <strong>Jonathan Desrosiers:</strong> My website is just jonathandesrosiers.com. I&#8217;m desrosej pretty much everywhere on the internet. I try to keep it consistent and easy. And you can also, of course, find me in the wordpress.org Slack.</p>\n\n\n\n<p class="wp-block-paragraph">[00:44:01] <strong>Nathan Wrigley:</strong> I will link to all of those in the show notes. So if you go to the wptavern.com website, search for the episode with Jonathan Desrosiers, you&#8217;ll be able to find all of the links probably at the bottom underneath the transcript and the preamble. Go and have a look down there and hopefully we&#8217;ll be speaking soon. I&#8217;ll probably see you in Mumbai in a few weeks time. Take care, Jonathan.</p>\n\n\n\n<p class="wp-block-paragraph">[00:44:21] <strong>Jonathan Desrosiers:</strong> Thank you. Look forward to it, and hopefully I see your listeners there as well.</p>\n</div></details>\n\n\n\n<p class="wp-block-paragraph">On the podcast today we have <a href="https://profiles.wordpress.org/desrosj/">Jonathan Desrosiers</a>.</p>\n\n\n\n<p class="wp-block-paragraph">Jonathan has been involved with WordPress for almost two decades, both as a user and a contributor. He’s a principal software engineer at Bluehost, where his role sees him sponsored to work on WordPress through the Five for the Future program. Over the years, he’s become a Core committer, and has spent many hours thinking about how to enhance the contributor experience and make it easier for people to get involved in the project.</p>\n\n\n\n<p class="wp-block-paragraph">In this episode we discuss how WordPress releases might be made more impactful by synchronizing them with flagship community events like WordCamps and State of the Word. A recent experiment of combining a major release with a live event sparked some excitement, and Jonathan shares insights on the logistics behind such synchronized moments, the challenges posed by international holidays and regional scheduling, and the broader vision for connecting releases with community gatherings.</p>\n\n\n\n<p class="wp-block-paragraph">We also get into the changing landscape of the WordPress community, how it’s recovering from the effects of COVID, the struggle to rebuild local Meetups, and efforts (like mentorship and educational initiatives) to bring in new contributors, particularly from younger generations. Jonathan reflects on the importance of making release moments engaging and fun, akin to the anticipation of a new TV series or software launch, and the role of AI and open source in empowering a new wave of builders.</p>\n\n\n\n<p class="wp-block-paragraph">If you’re interested in how release cycles, community events, and contributor onboarding are evolving in WordPress, or what the future might hold for the platform and its community, this episode is for you.</p>\n\n\n\n<h2 class="wp-block-heading">Useful links</h2>\n\n\n\n<p class="wp-block-paragraph"><a href="https://jonathandesrosiers.com">Jonathan&#8217;s website</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://profiles.wordpress.org/desrosj/">Jonathan on WordPress.org</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://x.com/desrosj">Jonathan on X</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://www.bluehost.com">Bluehost</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://wordpress.org/five-for-the-future/">Five for the Future</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://wordpress.com/blog/2025/12/04/state-of-the-word-2025-recap/">State of the Word 2025 recap</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://events.wordpress.org/campusconnect/">WP Campus Connect</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://wordpress.org/education/credits/">WordPress Credits</a></p>\n\n\n\n<p class="wp-block-paragraph">Mary Hubbard on the importance of education &#8211; <a href="https://make.wordpress.org/project/2026/01/23/big-picture-goals-for-2026/">Big Picture Goals for 2026</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="https://en.wikipedia.org/wiki/Fediverse">Fediverse</a></p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Wed, 25 Feb 2026 15:00:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:14:"Nathan Wrigley";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:37;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:64:"Open Channels FM: AI Sidekick Features for WooCommerce Merchants";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1650257";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:71:"https://openchannels.fm/ai-sidekick-features-for-woocommerce-merchants/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:235:"Katie Keith asks about an AI assistant for WooCommerce like Shopify''s Sidekick. James LePage confirms upcoming features will simplify custom AI integration, enabling easier plugin installations and enhanced merchant management support.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Wed, 25 Feb 2026 12:32:05 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:38;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:45:"HeroPress: Finding autonomy through WordPress";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:56:"https://heropress.com/?post_type=heropress-essays&p=8405";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:142:"https://heropress.com/essays/finding-autonomy-through-wordpress/#utm_source=rss&utm_medium=rss&utm_campaign=finding-autonomy-through-wordpress";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:18380:"<img alt="Pull quote: WordPress helped me evolve from a designer and developer into a more complete professional. WordPress mi je pomogao da se od dizajnera i developera razvijem u cjelovitijeg profesionalca." class="attachment-large size-large wp-post-image" height="512" src="https://heropress.com/wp-content/uploads/3026/02/022426.webp" width="1024" /><p><a href="https://heropress.com/feed/#hrvatski" id="#hrvatski">Ovaj esej dostupan je i na hrvatskom jeziku.</a></p>\n\n\n\n<p><a href="https://heropress.com/feed/#deutsch">Dieses Essay ist auch auf Deutsch verfügbar.</a></p>\n\n\n\n<figure class="wp-block-audio"><audio controls="controls" src="https://heropress.com/wp-content/uploads/3026/02/english.mp3"></audio><figcaption class="wp-element-caption">Here is English audio of Edo&#8217;s essay, read in his own voice.</figcaption></figure>\n\n\n\n<p>I started working with WordPress in 2020. I joined a digital agency and was at the start of my professional career. I had freshly completed a developer bootcamp where we learned about web development concepts and the basics of JS, HTML and CSS. I was initially hired as a frontend developer, but soon expanded my role to UX design and WordPress.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-overcoming-prejudice"><strong>Overcoming prejudice</strong></h2>\n\n\n\n<p>Initially, I was hesitant about working with WordPress. In some developer circles, it was looked down upon. I thought someone might think less of me for using such a basic tool instead of doing the real thing, since coding was considered the “proper” way to build things.</p>\n\n\n\n<p>After some initial resistance, I managed to let go of my prejudice and started enjoying it. The process involved designing the website in Figma and then implementing it via WordPress. Although I like to write code, I always thought of myself as more of a visual person than a coder, so this felt quite satisfactory.</p>\n\n\n\n<p>In the Agency we worked mostly with Elementor, and even though there were some trade-offs when using it, I still remember how glad the benefits made me feel. I could implement scroll animations and various custom effects just by adjusting a couple of settings. It was great!</p>\n\n\n\n<h2 class="wp-block-heading" id="h-shift-in-perspective"><strong>Shift in perspective</strong></h2>\n\n\n\n<p>As time progressed and I became more fluent in WordPress, I stopped thinking only from a design and frontend perspective and started seeing the bigger picture. Besides getting familiar with SEO, I began to understand the relationship between design decisions, business goals, and real-world constraints.</p>\n\n\n\n<p>I also realized that I no longer had to wait for someone else to finish the project. Design didn’t end at handoff, and implementation didn’t end at developing the frontend. I could take a project from an initial idea to a finished, high-quality website all on my own. WordPress made that possible without requiring me to become a backend specialist.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-delivering-complete-value"><strong>Delivering complete value</strong></h2>\n\n\n\n<p>These insights changed my role more than any job title ever could and encouraged me to start freelancing. I took part in bigger, team-oriented WordPress projects, but I also worked on smaller ones where I was responsible for the whole process, from the initial “get-to-know-you” interview with the client to the final approval. I came to understand how design decisions influenced performance, how content structure shaped SEO, and how visual complexity affected load times and maintenance. </p>\n\n\n\n<p>As I gained more experience, the scope of my work expanded. I was no longer just a designer or developer. Over time, I started to understand the business side of projects as well. It became clearer how a website fits into a broader strategy, how it supports client goals, and how decisions influence long term value. WordPress allowed me to develop a more strategic mindset. It helped me move from purely operational work toward strategic thinking. That broader business perspective became just as important to me as the technical execution itself.</p>\n\n\n\n<p>The feeling of being able to provide a complete product to the client and own the entire process felt exciting because it satisfied my need for autonomy.</p>\n\n\n\n<p>First time I truly felt responsible for the entire outcome was while developing a full hotel website from start to finish. Publishing the site felt different. Since working in a team is a collaborative activity, there is always sharing of responsibility, giving each other support and feedback. This is why this felt different. It was only me. It was not a contribution. It was owning the project from start to finish. Seeing the site live, functional, and in real use made this shift clear. It felt exciting to be able to deliver the full outcome.</p>\n\n\n\n<p>Even if WordPress is not suitable for every use case and even if there are certain trade-offs, for someone like me, who wanted to feel autonomy and experience delivering a product from the initial idea to completion, WordPress was the right tool. It didn’t just teach me how to build a website or implement SEO. It taught me how to deliver real value to a client.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-conclusion"><strong>Conclusion</strong></h2>\n\n\n\n<p>If I had to summarize what WordPress changed in my life, it would be that it helped me become more autonomous. It allowed me to take responsibility for entire projects and deliver complete value to clients, from idea to finished product. </p>\n\n\n\n<p>It also exposed me to a much larger number of real-world projects, clients, and challenges. That volume of experience shaped my growth more than any single tool or role. More projects meant more conversations, more constraints and more responsibility. </p>\n\n\n\n<p>In that sense, WordPress wasn’t just a tool for me. It helped me evolve from a designer and developer into a more complete professional. Someone able to understand problems, deliver outcomes, and think beyond individual tasks.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<h1 class="wp-block-heading" id="hrvatski"><strong>Pronalaženje autonomije kroz WordPress</strong></h1>\n\n\n\n<figure class="wp-block-audio"><audio controls="controls" src="https://heropress.com/wp-content/uploads/3026/02/croatian.mp3"></audio><figcaption class="wp-element-caption">Ovdje je hrvatska audioverzija Edovog eseja, pročitana njegovim vlastitim glasom.<br /></figcaption></figure>\n\n\n\n<p>S WordPressom sam počeo raditi 2020. godine, na samom početku svoje profesionalne karijere. Pridružio sam se digitalnoj agenciji nakon što sam završio developerski bootcamp na kojem smo prošli osnove web razvoja te rad s JS-om, HTML-om i CSS-om. Isprva su me zaposlili kao frontend developera, ali se moja uloga ubrzo proširila na UX dizajn i WordPress.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-suocavanje-s-predrasudama"><strong>Suočavanje s predrasudama</strong></h2>\n\n\n\n<p>U početku sam bio skeptičan prema WordPressu. U nekim developerskim krugovima na njega se gledalo s visoka. Imao sam dojam da će netko pomisliti kako radim s lakšim alatom, umjesto da radim stvari “kako treba”, kroz čisti kod.</p>\n\n\n\n<p>Nakon početnog otpora, ta se percepcija promijenila. Počeo sam uživati u procesu. Prvo dizajn u Figmi, zatim implementacija kroz WordPress. Iako volim pisati kod, uvijek sam sebe doživljavao više kao vizualni tip nego kao klasičnog programera. Ovakav način rada mi je prirodno odgovarao.</p>\n\n\n\n<p>U agenciji smo najčešće koristili Elementor. Imao je svoja ograničenja, ali prednosti su mi bile važnije. Mogućnost da relativno brzo implementiram animacije na scroll, razne interakcije i custom efekte, bez kompleksnog kodiranja, bila mi je konkretna vrijednost.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-promjena-perspektive"><strong>Promjena perspektive</strong></h2>\n\n\n\n<p>Kako sam postajao sigurniji u WordPressu, prestao sam razmišljati isključivo iz dizajnerske ili frontend perspektive. Počeo sam sagledavati širu sliku. Postalo mi je jasnije kako su dizajnerske odluke povezane s poslovnim ciljevima i potencijalnim ograničenjima koje svaki projekt nosi sa sobom.</p>\n\n\n\n<p>Također sam shvatio da više ne moram čekati druge da završe svoj dio posla. Dizajn nije završavao primopredajom, a implementacija nije stajala na frontendu. Mogao sam projekt iznijeti od početne ideje do potpuno gotove web stranice, bez da budem stručnjak za backend. WordPress mi je to omogućio.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-isporuka-cjelovite-vrijednosti"><strong>Isporuka cjelovite vrijednosti</strong></h2>\n\n\n\n<p>Ta promjena utjecala je na moju ulogu više nego bilo koja titula. Potaknula me da se krenem baviti freelancingom. Radio sam na većim timskim WordPress projektima, ali i na manjima gdje sam samostalno vodio cijeli proces. Od prvog razgovora s klijentom do finalnog odobrenja. Počeo sam razumijevati kako dizajnerske odluke utječu na performanse, kako struktura sadržaja oblikuje SEO i kako vizualna kompleksnost utječe na brzinu učitavanja i održavanje.</p>\n\n\n\n<p>Međutim, kako sam postajao iskusniji, širio se i opseg mog rada. Više nisam bio samo dizajner ili developer. S vremenom sam počeo razumijevati i poslovnu stranu projekata. Postalo mi je jasnije kako se web stranica uklapa u širu strategiju, kako podržava ciljeve klijenta i kako odluke utječu na dugoročnu vrijednost. WordPress mi je pomogao razviti strateški način razmišljanja. Pomaknuo sam se od operativnog izvršavanja zadataka prema razumijevanju šireg konteksta i donošenju odluka. Ta šira, poslovna perspektiva postala mi je jednako važna kao i sama tehnička izvedba.</p>\n\n\n\n<p>Prvi put sam stvarno osjetio punu odgovornost kada sam samostalno razvio kompletnu web stranicu za jedan hotel, od početka do lansiranja web-a u produkciju. Osjećaj kada je stranica napokon otišla online bio je drugačiji. U timu uvijek postoji dijeljenje odgovornosti, podrška i zajedničke revizije. Ovdje je sve bilo na meni. Nije to bila samo kontribucija, nego vlasništvo nad cijelim procesom. Vidjeti tu stranicu online, za mene je jasno označilo tu promjenu.</p>\n\n\n\n<p>Iako WordPress nije rješenje za svaki projekt i ima svoja ograničenja, meni je omogućio upravo ono što mi je tada bilo važno: autonomiju i mogućnost da isporučim cjelovit proizvod, od ideje do realizacije. Nije me samo naučio kako izraditi web stranicu ili optimizirati SEO, nego kako klijentu isporučiti stvarnu vrijednost.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-zakljucak"><strong>Zaključak</strong></h2>\n\n\n\n<p>Ako moram istaknuti jednu stvar koju je WordPress promijenio u mom profesionalnom razvoju, rekao bih da mi je omogućio veću autonomiju. Dao mi je prostor da preuzmem odgovornost za cijeli projekt i isporučim potpunu vrijednost, od inicijalne ideje do finalnog proizvoda.</p>\n\n\n\n<p>Uz to, otvorio mi je pristup većem broju stvarnih projekata, klijenata i izazova. Količina iskustva koju sam tako stekao oblikovala je moj rast više nego bilo koja pojedinačna uloga ili alat. Više projekata značilo je više različitih razgovora, ograničenja, odgovornosti i drugačijih prosudbi.</p>\n\n\n\n<p>U tom smislu, WordPress nije bio samo alat. Bio je to način rada koji mi je omogućio da izađem iz okvira dizajnera i developera te razvijem sposobnost razumijevanja problema, preuzimanja odgovornosti i razmišljanja šire od pojedinačnog zadatka.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<h1 class="wp-block-heading" id="deutsch"><strong>Autonomie durch WordPress finden</strong></h1>\n\n\n\n<figure class="wp-block-audio"><audio controls="controls" src="https://heropress.com/wp-content/uploads/3026/02/german.mp3"></audio><figcaption class="wp-element-caption">Hier ist die deutsche Audioaufnahme des Essays von Edo, gelesen mit seiner eigenen Stimme.</figcaption></figure>\n\n\n\n<p>Ich habe 2020 angefangen, mit WordPress zu arbeiten. Zu dieser Zeit stand ich am Anfang meiner beruflichen Karriere und trat einer Digitalagentur bei. Kurz zuvor hatte ich ein Developer-Bootcamp abgeschlossen, in dem wir Web-Grundlagen sowie die Basics von JS, HTML und CSS gelernt hatten. Ursprünglich wurde ich als Frontend Developer eingestellt, aber meine Rolle erweiterte sich schnell in Richtung UX Design und WordPress.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-vorurteile-uberwinden"><strong>Vorurteile überwinden</strong></h2>\n\n\n\n<p>Zu Beginn war ich unsicher, ob ich mit WordPress arbeiten wollte. In Teilen der Entwickler-Community wurde es nicht besonders ernst genommen. Ich hatte das Gefühl, man würde mich weniger ernst nehmen, wenn ich mit einem „einfachen“ Tool arbeite, statt alles klassisch zu programmieren, da Coding als der „richtige“ Weg galt.</p>\n\n\n\n<p>Anfangs habe ich mich dagegen gesträubt, mit WordPress zu arbeiten, aber mit der Zeit begann ich, die Arbeit damit zu genießen. Der Prozess bestand darin, Websites in Figma zu gestalten und anschließend mit WordPress umzusetzen. Obwohl ich gerne Code geschrieben habe, sah ich mich immer eher als visuellen Typ. Diese Arbeitsweise lag mir daher besonders.</p>\n\n\n\n<p>In der Agentur haben wir hauptsächlich mit Elementor gearbeitet. Natürlich gab es Nachteile, aber für mich überwogen die Vorteile. Scroll-Animationen und individuelle Effekte ließen sich durch wenige Einstellungen umsetzen. Das fand ich sehr überzeugend.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-perspektivwechsel"><strong>Perspektivwechsel</strong></h2>\n\n\n\n<p>Mit wachsender Erfahrung änderte sich mein Blickwinkel. Ich dachte nicht mehr nur aus Design- oder Frontend-Sicht, sondern begann, Zusammenhänge zu erkennen. Neben SEO verstand ich zunehmend, wie Designentscheidungen mit Geschäftszielen und realen Rahmenbedingungen verbunden sind.</p>\n\n\n\n<p>Mir wurde auch klar, dass ich nicht mehr auf andere warten musste, um das Projekt zu Ende zu bringen. Design endete nicht mit der Übergabe, und die Umsetzung nicht beim Frontend. Ich konnte ein Projekt von der ersten Idee bis zur fertigen Website eigenständig führen, ohne Backend-Spezialist zu sein. WordPress machte das möglich.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-ganzheitlichen-mehrwert-liefern"><strong>Ganzheitlichen Mehrwert liefern</strong></h2>\n\n\n\n<p>Diese Entwicklung beeinflusste meine Rolle stärker als jede offizielle Bezeichnung. Sie war auch der Impuls, als Freelancer zu starten. Ich war an größeren Teamprojekten beteiligt, übernahm aber auch kleinere Projekte, bei denen ich für den gesamten Prozess verantwortlich war – vom ersten Kennenlerngespräch bis zur finalen Freigabe.</p>\n\n\n\n<p>Ich verstand, wie Designentscheidungen die Performance beeinflussten, wie Inhaltsstrukturen sich auf SEO auswirkten und wie visuelle Komplexität Ladezeiten und Wartbarkeit beeinflusste.</p>\n\n\n\n<p>Mit wachsender Erfahrung erweiterte sich auch mein Aufgabenbereich. Ich war nicht mehr nur Designer oder Developer. Ich begann, die geschäftliche Seite von Projekten zu verstehen: wie sich eine Website in eine übergeordnete Strategie einfügt, wie sie Unternehmensziele unterstützt und wie Entscheidungen langfristigen Wert beeinflussen. WordPress hat mir geholfen, strategischer zu denken und mich von rein operativer Arbeit zu lösen. Diese geschäftliche Perspektive wurde für mich genauso wichtig wie die technische Umsetzung.</p>\n\n\n\n<p>Ein vollständiges Produkt liefern und den gesamten Prozess selbst tragen zu können, war für mich besonders wichtig, weil es meinem Bedürfnis nach Autonomie entsprach.</p>\n\n\n\n<p>Der Moment, in dem ich erstmals die komplette Website eines Hotels eigenständig von Anfang bis Ende entwickelte, markierte einen Wendepunkt. Die Veröffentlichung fühlte sich anders an. Ich arbeite gern im Team, da man dort Feedback erhält. Doch hier trug ich die volle Verantwortung. Es war kein Beitrag zu einem Projekt, sondern die vollständige Verantwortung für das Ergebnis. Die Website live zu sehen, machte diesen Schritt für mich sehr deutlich.</p>\n\n\n\n<p>Auch wenn WordPress nicht für jeden Anwendungsfall ideal ist und gewisse Kompromisse mit sich bringt, war es für mich das richtige Werkzeug. Ich habe dadurch nicht nur gelernt, wie man Websites baut oder SEO umsetzt, sondern auch, wie ich echten Mehrwert für Kunden schaffen kann.</p>\n\n\n\n<h2 class="wp-block-heading" id="h-fazit"><strong>Fazit</strong></h2>\n\n\n\n<p>Wenn ich zusammenfassen müsste, was WordPress in meiner beruflichen Entwicklung verändert hat, dann ist es vor allem die gewonnene Autonomie. Es gab mir die Möglichkeit, Projekte von der ersten Idee bis zum fertigen Produkt eigenständig umzusetzen und echten Mehrwert zu schaffen.</p>\n\n\n\n<p>Zudem arbeitete ich an einer größeren Zahl realer Projekte mit unterschiedlichen Kunden und Anforderungen. Diese Erfahrung war für meine Entwicklung wichtiger als jedes einzelne Tool oder jede Positionsbezeichnung. Mehr Projekte bedeuteten mehr Gespräche, mehr Rahmenbedingungen und mehr Entscheidungen.</p>\n\n\n\n<p>In diesem Sinne war WordPress für mich nicht nur ein Werkzeug. Es half mir, über die Rolle des Designers und Developers hinauszuwachsen, Probleme zu verstehen, Ergebnisse zu liefern und über einzelne Aufgaben hinauszudenken.</p>\n\n\n\n<div class="wp-block-group has-background is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-fc43baa9 wp-block-group-is-layout-flex" id="desktop">\n<h2 class="kt-adv-heading8405_30ba8f-7b wp-block-kadence-advancedheading" id="work-environment">Edo&#8217;s Work Environment</h2>\n\n\n\n<p>We asked Edo for a view into his development life and this is what he sent!</p>\n\n\n	<div class="hotspots-image-container">\n		<img alt="Edo&#8217;s Desk" class="hotspots-image skip-lazy" height="1536" src="https://heropress.com/wp-content/uploads/2026/02/edo-work-area.webp" width="2048" />\n	</div>\n\n\n\n\n<p class="has--font-size">HeroPress would like to thank <a href="https://wpdrawattention.com/">Draw Attention</a> for their donation of the plugin to make this interactive image!</p>\n</div>\n<p>The post <a href="https://heropress.com/essays/finding-autonomy-through-wordpress/">Finding autonomy through WordPress</a> appeared first on <a href="https://heropress.com">HeroPress</a>.</p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Wed, 25 Feb 2026 07:00:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:12:"Edo Begagić";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:39;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:85:"Open Channels FM: How Instant Access to Information Has Changed Patience and Learning";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:33:"https://openchannels.fm/?p=115203";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:92:"https://openchannels.fm/how-instant-access-to-information-has-changed-patience-and-learning/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:188:"A reflection on the internet''s impact on patience and learning. It highlights how instant answers have reshaped our experiences, often sacrificing depth for speed in knowledge acquisition.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Tue, 24 Feb 2026 13:01:57 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:40;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:63:"Open Channels FM: Start With Content, Even If the Plan Is Messy";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1492852";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:69:"https://openchannels.fm/start-with-content-even-if-the-plan-is-messy/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:90:"The worst thing you can do is wait until everything is perfect before publishing anything.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Mon, 23 Feb 2026 09:44:17 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:41;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:28:"Matt: Claude &amp;amp; Sonos";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:23:"https://ma.tt/?p=151297";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:35:"https://ma.tt/2026/02/claude-sonos/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:1795:"<p class="wp-block-paragraph">Tonight was one of my most surreal Claude Code Sundays. To make a long story short, I pointed Claude Code at my <a href="https://www.sonos.com/">Sonos</a> setup in Houston: &#8220;All 29 Sonos speakers were running on WiFi with SonosNet completely disabled. They had accumulated ~89 million dropped packets across the system. That packet loss is why groups kept falling apart &#8211; Sonos grouping requires tight sync between speakers, and the WiFi was too congested to deliver it.&#8221;</p>\n\n\n\n<p class="wp-block-paragraph">We had a wild rollercoaster where at one point it bricked several of my devices (green LED), got mixed up on some groupings being a home theater, and sent me all around the house plugging things in to ethernet or not. At one point, I was certain I&#8217;d have to redo everything from scratch. Then we came back and everything worked, I asked, &#8220;What song should we play to celebrate this accomplishment?&#8221;</p>\n\n\n\n<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">\n<p class="wp-block-paragraph">Ha &#8211; has to be &#8220;The Chain&#8221; by Fleetwood Mac. Seems fitting given we just spent the evening fixing one. Want me to queue it up on the Gym/Office?</p>\n</blockquote>\n\n\n\n<p class="wp-block-paragraph">It then failed horribly at trying to play that song, then, because it thought the speakers were re-meshing, it tried to play it on outdoor speakers, which would have surprised my neighbors at midnight. I ended up picking the song manually, and I must say it&#8217;s quite nice. I see why it&#8217;s easy to fall in love with these things, because the variable positive reinforcement slot machine cowboy hacking is honestly more fun than if it had just gotten it right on the first try.</p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Mon, 23 Feb 2026 07:58:57 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:4:"Matt";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:42;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:96:"Gutenberg Times: Interactivity API, WordPress 7.0 Beta and Telex updates — Weekend Edition 358";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:35:"https://gutenbergtimes.com/?p=44400";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:102:"https://gutenbergtimes.com/interactivity-api-wordpress-7-0-beta-and-telex-updates-weekend-edition-358/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:18691:"<p class="wp-block-paragraph">Greetings from snow-covered Munich — or at least it was when we left Friday for Salzburg, Austria, with a one-hour delay after our locomotive engineer got caught in the city&#8217;s snow-induced chaos. </p>\n\n\n\n<p class="wp-block-paragraph">Have a fabulous weekend! </p>\n\n\n\n<p class="wp-block-paragraph">Yours, <img alt="💕" class="wp-smiley" src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f495.png" style="height: 1em;" /><br /><em>Birgit</em></p>\n\n\n\n\n\n<h2 class="wp-block-heading" id="0-word-press-release-information">Developing Gutenberg and WordPress</h2>\n\n\n\n<p class="wp-block-paragraph">This week, <a href="https://wordpress.org/news/2026/02/wordpress-7-0-beta-1/"><strong>WordPress 7.0 Beta 1</strong></a> is ready for your testing on a staging or local site, please, not your live site. You can jump in via the <a href="https://wordpress.org/plugins/wordpress-beta-tester/">WordPress Beta Tester plugin,</a> a direct zip download, WP-CLI, or instantly through <a href="https://playground.wordpress.net/?php=8.3&amp;wp=beta&amp;networking=no&amp;language=&amp;multisite=no&amp;random=r8nny4q18x">WordPress Playground</a> in your browser. </p>\n\n\n\n<p class="wp-block-paragraph">The most important feature coming to WordPress 7.0 is real-time collaboration, when more than one person can edit a post or page. Even for a single-person blogger this might be helpful when the proofreading buddy and the photographer can also be involved in editing different parts of a post. </p>\n\n\n\n<p class="wp-block-paragraph">The final release is scheduled for April 9, 2026. Bugs go to the Alpha/Beta support forums or Trac — your testing genuinely shapes what ships. The release post also has an overview of the other features coming to WordPress 7.0, there are quite a lot. </p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><strong><a href="https://github.com/WordPress/gutenberg/releases/tag/v22.6.0-rc.1">Gutenberg 22.6 RC1</a> </strong>is also available for testing. Once released it introduces a new Icon block, lightbox support for the Gallery block (a personal favorite of mine), and renames the Verse block to Poetry. Next to improvements to the Navigation overlay and block visibility controls, it also features a new approach to revisions with visual change tracking and block awareness. The final release is planned for February 25, 2026.</p>\n\n\n\n<div class="wp-block-group has-light-background-background-color has-background"><div class="wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained">\n<p class="wp-block-paragraph"><img alt="🎙" class="wp-smiley" src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f399.png" style="height: 1em;" /> The latest episode is <a href="https://gutenbergtimes.com/podcast/gutenberg-changelog-127-wordpress-7-0-beta/">Gutenberg Changelog #127 – WordPress 7.0 Beta and Gutenberg 22.6</a> with special guest <strong>Jessica Lyschik</strong>, senior developer at Greyd</p>\n\n\n\n<figure class="wp-block-image size-full is-style-no-vertical-margin"><img alt="Jessica Lyschik and Birgit Pauli-Haack recording Gutenberg changelog episode number 127" class="wp-image-44548" height="184" src="https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2026/02/Screenshot-2026-02-27-at-12.47.56.png?resize=652%2C184&#038;ssl=1" width="652" /></figure>\n\n\n<div class="wp-block-newsletterglue-showhide ng-block" width="100%">\n<figure class="wp-block-embed is-type-rich is-provider-pocket-casts wp-block-embed-pocket-casts"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n</div></div></div>\n\n\n\n<h2 class="wp-block-heading" id="0-p">Plugins, Themes, and Tools for #nocode site builders and owners</h2>\n\n\n\n<p class="wp-block-paragraph">Content for AI is a hot topic for news sites, especially since they rely on those ad views and sponsored posts, and AI is pulling snippets from their content. It’s a tough situation, and many sites are working hard to keep AI bots from crawling their pages. But here’s the thing: AI really loves quality, long-form content. If your site serves up unique, quality stuff for humans, then it&#8217;s also going to catch the attention of AI systems looking to help users with their questions. </p>\n\n\n\n<p class="wp-block-paragraph">If your site fits the bill, <strong>Maddy Osman</strong> has put together <a href="https://wordpress.com/blog/2026/02/16/ai-search-engine-optimization-wordpress/"><strong>9 Steps to Prepare Your WordPress Site for AI Search Engines</strong></a> as a practical guide for the era of ChatGPT and Google&#8217;s AI Mode. The good news: WordPress already has most of what AI systems need. You&#8217;ll learn to write answer-first content, use structured blocks, add schema markup, and manage your <code>robots.txt</code> — small, actionable tweaks that help your site surface in both traditional and AI-generated search results.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><strong>Jamie Marsland</strong> built a plugin for block theme to manage beautiful sticky header variations. He demos it in the video <strong><a href="https://www.youtube.com/watch?v=VcLu9sRg1U4">This Sticky Header Trick Makes WordPress Sites Look Incredible!</a></strong> If you are interested in the free plugin you get it on the <a href="https://www.pootlepress.com/sticky/">website</a>.</p>\n\n\n<div class="wp-block-newsletterglue-showhide ng-block" width="100%">\n<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n</div>\n\n<div class="ng-block-ecd605bada713dab wp-block-newsletterglue-container ng-block" style="color: #666666;" width="100%"><div><div><div class="ng-block-vs ng-block-vs-1" colspan="3" height="0" style="height: 0px;"></div></div><div><div class="ng-block-hs ng-block-hs-1" height="0" style="width: 0px;"></div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; text-align: none; color: #666666; background-color: #fdfcea; border-radius: 12px;"><div class="ng-block-29f323f3d311d7a4 wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p><strong> <a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/" rel="noreferrer noopener" target="_blank">&#8220;Keeping up with Gutenberg—Index &#8211; Index 2025&#8221;</a> </strong><br />A chronological list of the WordPress Make Blog posts from various teams involved in Gutenberg development: Design, Theme Review Team, Core Editor, Core JS, Core CSS, Test, and Meta team from Jan. 2024 on. Updated by yours truly. </p></div></div></div></div>\n\n<div class="ng-block-7b0c8046403c55f5 wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p>The previous years are also available: <br /><strong><strong><a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2020/">2020</a> | <a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2021/">2021</a></strong> | <strong><a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/keeping-up-with-gutenberg-index-2022/">2022</a></strong></strong> | <strong><a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2023">2023</a></strong> | <a href="https://make.wordpress.org/core/handbook/references/keeping-up-with-gutenberg-index/gutenberg-index-2024/"><strong>2024</strong></a></p></div></div></div></div></div><div class="ng-block-hs ng-block-hs-2" height="0" style="width: 0px;"></div></div><div><div class="ng-block-vs ng-block-vs-2" colspan="3" height="0" style="height: 0px;"></div></div></div></div>\n\n\n<h2 class="wp-block-heading" id="3-building-themes-for-fse-and-word-press">Building Blocks and Tools for the Block editor.</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Carolina Nymark</strong> published two companion lessons on her Full Site Editing resource site. The <strong><a href="https://fullsiteediting.com/lessons/block-bindings-api/">Block Bindings API guide</a> </strong>walks you through connecting dynamic data—post meta, custom sources, and more—to core blocks like paragraphs, images, and buttons, potentially saving you from building custom blocks altogether. In her <a href="https://fullsiteediting.com/lessons/block-hooks-api/"><strong>Block Hooks API lesson</strong></a>, she shows you how plugins can automatically insert blocks into templates and patterns using PHP filters, with practical examples including WooCommerce and context-aware placement.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph">In the latest article on the WordPress Developer, I show you exactly <a href="https://developer.wordpress.org/news/2026/02/how-to-add-custom-entries-to-the-editor-preview-dropdown/"><strong>How to add custom entries to the editor Preview dropdown</strong></a>. Using the <code>PluginPreviewMenuItem</code> component from <code>@wordpress/editor</code>, you can extend the Preview menu with your own options — the tutorial walks you through building a &#8220;Social Card Preview&#8221; to show how to add an entry and serve up a modal for content. </p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><strong>Paulo Carvajal</strong> dives deep into <a href="https://wp-block-editor.com/building-dynamic-lists-and-collections-with-data-wp-each/"><strong>Building Dynamic Lists and Collections with data-wp-each</strong></a> on WP Block Editor. The <code>data-wp-each</code> directive from the Interactivity API lets you build reactive lists — product catalogues, task lists, feeds — that update automatically when state changes, no manual DOM manipulation needed. You&#8217;ll learn how to coordinate PHP server-side rendering with JavaScript-derived state and implement advanced patterns like filtering, sorting, and pagination following WordPress best practices.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><strong>Ryan Welcher</strong> gave a talk at <em>WordCamp Sofia</em> titled <strong><a href="https://wordpress.tv/2026/02/14/from-static-to-dynamic-mastering-the-interactivity-api/">From Static to Dynamic: Mastering the Interactivity APIn the Interactivity API</a>.</strong> With the arrival of the <strong>I</strong>nteractivity API, WordPress offers a native, declarative way to add client-side behavior to blocks using directives like <code>data-wp-on–click</code>, <code>data-wp-bind</code>, and <code>data-wp-context</code>. Developers can define reactive behavior, state management, and side effects—all while staying in the WordPress stack. The talk&#8217;s recording just appeared on WordPressTV. It&#8217;s a well-rounded introduction to the Interactivity API with real-life examples.</p>\n\n\n\n<h2 class="wp-block-heading" id="ai-and-wordpress">AI and WordPress</h2>\n\n\n\n<p class="wp-block-paragraph"><strong>Semiha Kocer</strong> shares the latest <strong><a href="https://wordpress.com/blog/2026/02/19/february-telex-updates/">Telex updates</a> </strong>from WordPress.com&#8217;s AI-powered block creation tool, launched last August. The two headline features are </p>\n\n\n\n<ul class="wp-block-list">\n<li><strong>upload reference images</strong> — a Figma mockup, a screenshot, or even a napkin sketch — alongside your prompt to guide complex layouts.</li>\n\n\n\n<li><strong>download your block</strong>, edit it in your favorite code editor, and bring it back into Telex seamlessly.</li>\n</ul>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph">This week, <strong>Jonathan Bossenger</strong> explored the <strong><a href="https://www.youtube.com/watch?v=dCS6WExmCYQ">WordPress Studio MCP</a> </strong>server, which connects WordPress Studio with AI tools via MCP. He set up MCP in VS Code and then used an AI agent to generate a custom block theme for a small coffee shop selling beans and accessories.</p>\n\n\n<div class="wp-block-newsletterglue-showhide ng-block" width="100%">\n<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n</div>\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="wp-block-paragraph"><strong>Ray Morey</strong> reported on WordPress.com&#8217;s launches of a <a href="https://www.therepository.email/wordpress-com-launches-built-in-ai-assistant-that-works-in-editor-media-library-and-notes" rel="noreferrer noopener" target="_blank"><strong>Built-In AI Assistant That Works in Editor, Media Library, and Notes</strong></a>. She notes that in the block editor, users can make plain-language requests — adjust layouts, swap color palettes, rewrite copy — and see changes render in real time. Notes users can tag &#8220;@ai&#8221; for fact-checks or edits, and the media library gets image generation and editing too. Morey adds that the feature, powered by <em>Google&#8217;s Nano Banana</em> models, is available on Business and Commerce plans.</p>\n\n\n<div class="ng-block-1241249e133f5764 wp-block-newsletterglue-container ng-block" style="color: #666666;" width="100%"><div><div><div class="ng-block-vs ng-block-vs-1" colspan="3" height="0" style="height: 0px;"></div></div><div><div class="ng-block-hs ng-block-hs-1" height="0" style="width: 0px;"></div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 20px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; text-align: none; color: #666666; background-color: #f8f8f8; border-radius: 8px;"><div class="ng-block-3df0f8eb87e8fb91 wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p><strong><a href="https://gutenbergtimes.com/need-a-zip-from-master/">Need a plugin .zip from Gutenberg&#8217;s master branch?</a></strong><br />Gutenberg Times provides daily build for testing and review.</p></div></div></div></div>\n\n<div class="ng-block-9e3425f48f8b825b wp-block-newsletterglue-image ng-block size-full is-resized" width="100%"><div><div><div align="center" class="ng-block-td" style="padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px;"><a href="https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json"><img alt="" class="wp-image-42874 ng-image" height="45" src="https://i0.wp.com/gutenbergtimes.com/wp-content/uploads/2024/02/Screenshot-2025-11-15-at-12.06.44.png?resize=196%2C45&#038;ssl=1" style="border-style: none; border-color: transparent;" width="196" /></a></div></div></div></div>\n\n<div class="ng-block-857a117d53fd7a8a wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 16px; font-family: Helvetica; line-height: 1.6; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p>Now also available via <a href="https://playground.wordpress.net/?blueprint-url=https://gutenbergtimes.com/wp-content/uploads/2020/11/playnightly.json">WordPress Playground</a>. There is no need for a test site locally or on a server. Have you been using it? <a href="mailto:pauli@gutenbergtimes.com">Email me </a>with your experience.</p></div></div></div></div></div><div class="ng-block-hs ng-block-hs-2" height="0" style="width: 0px;"></div></div><div><div class="ng-block-vs ng-block-vs-2" colspan="3" height="0" style="height: 0px;"></div></div></div></div>\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />\n\n\n\n<p class="has-text-align-center has-small-font-size wp-block-paragraph"><em>Questions? Suggestions? Ideas? </em><br /><em>Don&#8217;t hesitate to send <a href="mailto:pauli@gutenbergtimes.com">them via email</a> or</em><br /><em> send me a message on WordPress Slack or Twitter @bph</em>.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity" />\n\n\n\n<p class="has-text-align-center has-small-font-size wp-block-paragraph">For questions to be answered on the <a href="http://gutenbergtimes.com/podcast">Gutenberg Changelog</a>, <br />send them to <a href="mailto:changelog@gutenbergtimes.com">changelog@gutenbergtimes.com</a></p>\n\n\n<div class="ng-block-db9acbb432e60410 wp-block-newsletterglue-separator ng-block" style="color: #666666;" width="100%"><div><div><div align="center" class="ng-block-td" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; color: #666666;"><hr style="background-color: transparent; color: transparent; margin: 0; border: 0; border-top: 1px solid #666666; width: 560px; height: 0;" /></div></div></div></div>\n\n<div class="wp-block-newsletterglue-showhide ng-block" width="100%"><div class="ng-block-dd7038507e8e862b wp-block-newsletterglue-text ng-block" style="color: #666666;" width="100%"><div><div><div align="none" class="ng-block-td" style="font-size: 14px; font-family: Helvetica; line-height: 0.2; font-weight: normal; padding-top: 8px; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; text-align: none; color: #666666;"><p><strong>Featured Image: </strong></p></div></div></div></div></div>\n\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Sat, 21 Feb 2026 12:52:42 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:18:"Birgit Pauli-Haack";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:43;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:60:"Matt: WordPress, AI, plugins, future of software engineering";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:23:"https://ma.tt/?p=151285";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:28:"https://ma.tt/2026/02/wp-ai/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:7054:"<p class="wp-block-paragraph">Yesterday <a href="https://www.youtube.com/watch?v=s6AjnlGMIaQ">I was on the WP-Tonic podcast</a>, and my colleague Adrian Laboş did a great summary of the key points, which I&#8217;ll share here:</p>\n\n\n\n<p class="wp-block-paragraph"><strong>AI security audit wave incoming</strong>: Expect AI tools to flood WordPress core and the 70,000+ plugin ecosystem with both improvements and newly discovered security vulnerabilities, requiring infrastructure to triage at scale.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Avoid vibe-coding compliance surfaces</strong>: For payments, fraud, and regulated commerce flows, prioritize battle-tested WooCommerce and vetted extensions over bespoke AI-generated code.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Reposition plugins around durable differentiation</strong>: If AI collapses “nice-to-have” features (e.g., basic image manipulation), shift value to workflow ownership, integrations, compliance, performance, and support.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Agencies gain leverage, not obsolescence</strong>: AI tools give motivated technical people 10-100x capability increases, meaning agencies can serve existing clients far better rather than being replaced by DIY site builders.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Sell outcomes, not hours, as an agency</strong>: Client expectations will compress delivery timelines; adapt pricing to value-based packaging and use AI internally to raise throughput and QA coverage.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Design for agentic usability</strong>: Strengthen APIs, WP-CLI, and machine-friendly interfaces so personal agents can safely operate WordPress tasks without brittle UI automation.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>WordPress Playground enables AI verification</strong>: Spinning up fully containerized WordPress instances in 20-45 seconds inside browsers allows AI to test code across 20+ environments simultaneously, fundamentally changing plugin compatibility testing.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Benchmark AI outputs against WordPress-specific evals</strong>: Adopt WordPress block, plugin, and site-generation evaluations to catch “small file” failures (readme, headers, packaging) that break deployments.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Prioritize compatibility testing by real-world co-install patterns</strong>: Reduce factorial plugin-combination risk by sampling tests based on which plugins are commonly used together and automating those paths.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Plugin directory needs editorial curation</strong>: With submissions accelerating toward 100,000+ plugins, WordPress will introduce editorial spotlights on newer plugins with excellent code/design to balance discoverability with marketplace openness.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Improve plugin discoverability without freezing innovation</strong>: Curate “trusted” and “high quality” signals while preserving pathways for new entrants to earn distribution through measurable excellence.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Plan for uneven economic diffusion</strong>: Even with today’s models, enterprise adoption lags consumer usage; build internal enablement and governance now so teams can scale impact as tooling matures.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>Learning to learn beats domain expertise</strong>: When advising students/parents, the most future-proof skills are curiosity-driven learning, command of language, and study of classics/philosophy/ethics rather than specific technical domains.</p>\n\n\n\n<p class="wp-block-paragraph"><strong>WordPress 7.0 promises AI integration</strong>: The upcoming release will feature “lots of fun AI stuff” and represents one of the most exciting technology years in Matt’s career since starting in the industry.</p>\n\n\n\n<p class="wp-block-paragraph">I had no idea that <a href="https://www.anthropic.com/news/claude-code-security">today Anthropic would release their security thing that does exactly what I said</a>.</p>\n\n\n\n<hr class="wp-block-separator has-alpha-channel-opacity" />\n\n\n\n<p class="wp-block-paragraph">The best thing you&#8217;ll read about AI engineering today is <a href="https://www.modular.com/blog/the-claude-c-compiler-what-it-reveals-about-the-future-of-software">Chris Lattner&#8217;s take on Claude&#8217;s C compiler implementation</a>. To steal Techmeme&#8217;s headline: &#8220;Claude&#8217;s C Compiler shows AI elevates the role of human judgment and vision; it&#8217;s a milestone, but closely mirrors LLVM/GCC, and hard codes things to pass tests.&#8221; The entire post is important, but this paragraph is particuluarly profound:</p>\n\n\n\n<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">\n<p class="wp-block-paragraph"> As writing code is becoming easier, designing software becomes more important than ever. As custom software becomes cheaper to create, the real challenge becomes choosing the right problems and managing the resulting complexity. I also see big open questions about who is going to maintain all this software.</p>\n</blockquote>\n\n\n\n<p class="wp-block-paragraph">To bring this back to WordPress: While I was in another meeting today, Claude Code with Opus 4.6 completed a cleanroom implementation of the <a href="https://wordpress.org/plugins/advanced-custom-fields/">ACF plugin</a> in about 45 minutes. It was about to go off and implement all the pro features, but I stopped it because it would be a tremendous waste of tokens. The entire point of open source is collaborating on a shared goal rather than reinventing the wheel every time.</p>\n\n\n\n<p class="wp-block-paragraph">We&#8217;ve seen a slow version of this play out over the past decade, where every single web host that offers WordPress also spun up some sort of proprietary website or ecommerce builder. Bless their hearts. None has caused Shopify any lost nights of sleep. With countless person-years of development and who knows how many tens or hundreds of millions of dollars spent, I think we can now safely say that all of these efforts have had at most a marginal impact on their businesses, while the benefits of WordPress have continued to compound. </p>\n\n\n\n<p class="wp-block-paragraph">The thought experiment of whether <a href="https://wordpress.org/five-for-the-future/">those same resources had been used to make WordPress better</a> is left as an exercise for the reader.</p>\n\n\n\n<p class="wp-block-paragraph">It does mean that competition is fiercer. You have to differentiate yourself on performance, customer service, reliability, design—things that are hard, but that&#8217;s capitalism.</p>\n\n\n\n<p class="wp-block-paragraph">It&#8217;s really important that <a href="https://wordpress.org/plugins/">in the plugin directory</a>, we figure out how to make it easier for people to collaborate and build things together, rather than make a thousand versions of the same thing.</p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Sat, 21 Feb 2026 00:04:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:4:"Matt";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:44;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:40:"WordPress.org blog: WordPress 7.0 Beta 1";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:35:"https://wordpress.org/news/?p=19908";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:56:"https://wordpress.org/news/2026/02/wordpress-7-0-beta-1/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:15410:"<p class="wp-block-paragraph">WordPress 7.0 Beta 1 is ready for download and testing! <strong>This beta release is intended for testing and development</strong> only. Please do not install, run, or test this version of WordPress on production or mission-critical websites. Instead, use a test environment or local site to explore the new features.</p>\n\n\n\n<h2 class="wp-block-heading">How to Test WordPress 7.0 Beta 1</h2>\n\n\n\n<p class="wp-block-paragraph">You can test WordPress 7.0 Beta 1 in any of the following ways:</p>\n\n\n\n<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td><strong>Plugin</strong></td><td>Install and activate the <a href="https://wordpress.org/plugins/wordpress-beta-tester/">WordPress Beta Tester</a> plugin on a WordPress install. (Select the “Bleeding edge” channel and “Beta/RC Only” stream.)</td></tr><tr><td><strong>Direct Download</strong></td><td>Download the <a href="https://wordpress.org/wordpress-7.0-beta1.zip">Beta 1 version (zip)</a> and install it on a WordPress website.</td></tr><tr><td><strong>Command Line</strong></td><td>Use this <a href="https://make.wordpress.org/cli/">WP-CLI</a> command: <code>wp core update --version=7.0-beta1</code></td></tr><tr><td><strong>WordPress Playground</strong></td><td>Use a <a href="https://playground.wordpress.net/?php=8.3&amp;wp=beta&amp;networking=no&amp;language=&amp;multisite=no&amp;random=r8nny4q18x">7.0 Beta 1 WordPress Playground instance</a> to test the software directly in your browser. No setup required &#8211; just click and go!</td></tr></tbody></table></figure>\n\n\n\n<p class="wp-block-paragraph">The scheduled final release date for WordPress 7.0 is <strong>April 9, 2026</strong>. The full <a href="https://make.wordpress.org/core/2026/02/12/wordpress-7-0-release-party-schedule/">release schedule can be found here</a>. Your help testing Beta and RC versions is vital to making this release as stable and powerful as possible. Thank you to everyone who contributes by testing!</p>\n\n\n\n<h2 class="wp-block-heading">How important is your testing?</h2>\n\n\n\n<p class="wp-block-paragraph">Testing for issues is a critical part of developing any software, and it’s a meaningful way for anyone to contribute &#8211; whether or not you have experience. <a href="https://make.wordpress.org/test/2026/02/20/help-test-wordpress-7-0/">Details on what to test in WordPress 7.0 are available here</a>.</p>\n\n\n\n<p class="wp-block-paragraph">If you encounter an issue, please share it in the <a href="https://wordpress.org/support/forum/alphabeta/">Alpha/Beta area</a> of the support forums. If you are comfortable submitting a reproducible bug report, you can do so <a href="https://core.trac.wordpress.org/newticket">via WordPress Trac</a>. You can also check your issue against this list of <a href="https://core.trac.wordpress.org/tickets/major">known bugs</a>.</p>\n\n\n\n<p class="wp-block-paragraph">Curious about testing releases in general and how to get started? Follow along with the <a href="https://make.wordpress.org/test/">testing initiatives in Make Core</a> and join the <a href="https://wordpress.slack.com/messages/core-test/">#core-test channel</a> on <a href="https://wordpress.slack.com/">Making WordPress Slack</a>. WordPress 7.0 will include new features that were previously only available in the Gutenberg plugin. Learn more about Gutenberg updates since WordPress 6.9 in the <a href="https://make.wordpress.org/core/tag/gutenberg-new/">What’s New in Gutenberg</a> posts for versions <a href="https://make.wordpress.org/core/2025/11/05/whats-new-in-gutenberg-22-0-05-november/">22.0</a>, <a href="https://make.wordpress.org/core/2025/11/20/whats-new-in-gutenberg-22-1-18-november-2025/">22.1</a>, <a href="https://make.wordpress.org/core/2025/12/03/whats-new-in-gutenberg-22-2-dec3/">22.2</a>, <a href="https://make.wordpress.org/core/2025/12/17/gutenberg-22-3-december-17/">22.3</a>, <a href="https://make.wordpress.org/core/2026/01/22/whats-new-in-gutenberg-22-4-20-january/">22.4</a>, <a href="https://make.wordpress.org/core/2026/02/04/whats-new-in-gutenberg-22-5-04-february/">22.5</a> &amp; 22.6.</p>\n\n\n\n<h2 class="wp-block-heading">What’s new in WordPress 7.0?</h2>\n\n\n\n<p class="wp-block-paragraph">WordPress 7.0 boasts numerous upgrades in the editing and admin experience, delivering enhanced real time collaboration, refined customizability, new dashboard styles, and an expanded developer toolbox for people who create, design, and build with WordPress every day.</p>\n\n\n\n<p class="wp-block-paragraph">Working as a team just got easier with the ability for multiple users to edit together in real time, while visual revisions allow a visual comparison between page versions, adding agility to the creation and review process. Working with patterns has been simplified, making layout updates and content changes more intuitive, while view transitions smoothly move you from screen to screen as you click.</p>\n\n\n\n<p class="wp-block-paragraph">New and improved blocks and design features in 7.0 make sites more customizable, with video embed backgrounds in the Cover block, a responsive-enabled Grid block, and new Icons, Breadcrumbs and Heading blocks. An updated Navigation block makes menu changes easier and more reliable in fewer steps. Responsive, mobile-friendly controls in 7.0 allow you to hide or reveal blocks based on screen size, while client-side media handling speeds up media processing. The Font Library screen for managing installed fonts is now enabled for all themes, so site editors are always able to browse, install, and organize fonts. </p>\n\n\n\n<p class="wp-block-paragraph">For developers, it’s now easier to build modern experiences while staying aligned with Core principles. The new WP AI Client in WordPress 7.0 brings a layer into Core that allows leveraging of AI models from any provider within the WordPress framework. This means plugins and themes can tap into any AI model to expound on its endless options. 7.0 offers even more versatility with the Client Side Abilities API that introduces a standardized way to register and run “abilities” in the browser, supporting richer, more consistent workflows. Additionally, 7.0 introduces PHP-only block registration with auto-generated inspector controls, adding a new dimension to block creation, while Block Bindings updates for pattern overrides expands support to custom dynamic blocks, giving block creators more options.</p>\n\n\n\n<p class="wp-block-paragraph">Needless to say, this release offers a wide range of flexibility to creators, teams and developers, while bringing a visual refresh to the admin experience you know and love with a fresh default style.</p>\n\n\n\n<h2 class="wp-block-heading">Work together in real time</h2>\n\n\n\n<p class="wp-block-paragraph">Building on the momentum started in WordPress 6.9, the ability for teams to create and edit together is more refined and robust in 7.0. With this version of WordPress multiple users can edit and collaborate on the same post or page in real time, with data syncing and stabilized notes for smoother teamwork and a more streamlined editing and review process.</p>\n\n\n\n<ul class="wp-block-list">\n<li>Real Time Collaboration: Teams can now edit posts and pages together live from multiple locations, with offline editing and data syncing enabled, and a new default HTTP polling sync provider with options for plugins or hosts to include websocket support. With this collaborative content creation workflow, teams can brainstorm more effectively and boost productivity. For the beta period, real-time collaboration is opt-in in order to get broader feedback and testing.</li>\n\n\n\n<li>Notes: 7.0 introduces real time syncing of notes that helps facilitate collaboration, a keyboard shortcut for new notes, and a series of quality-focused fixes that bring more stability to the Notes feature.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading">A Refined Admin Experience</h2>\n\n\n\n<p class="wp-block-paragraph">WordPress 7.0 gives the wp-admin experience a boost with a fresh default color scheme, and a cleaner, more modern looking dashboard, while keeping the interface familiar. The upgraded dashboard enhances the editing experience with new visual revision comparisons, and smooth transitioning between screens.</p>\n\n\n\n<ul class="wp-block-list">\n<li>Visual Revisions: Working with revisions is even better in 7.0 with the added ability to make visual comparisons to revision versions within the editor.</li>\n\n\n\n<li>View transitions: Cross-document view transitions in the dashboard offer visual continuity with seamless movement from screen to screen.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading">Customizing content with ease</h2>\n\n\n\n<p class="wp-block-paragraph">Creators have more flexibility in 7.0 with new tools for content and design, enhanced editing controls, and attention to mobile friendliness. </p>\n\n\n\n<ul class="wp-block-list">\n<li>Responsive Editing Mode: Block visibility is now more responsive and mobile-friendly, with the ability for blocks to be displayed or hidden based on screen size. </li>\n\n\n\n<li>Pattern Editing and contentOnly interactivity: WordPress 7.0 introduces pattern-level editing modes, a tree view for buttons and list blocks, and the ability to opt out of the default content only mode. The new Spotlight mode helps you isolate content in patterns and notes, while the Isolated Editor mode can be used for editing symbols and reusable pieces like synced patterns, template parts, or navigation. </li>\n\n\n\n<li>Block supports and design tools: 7.0 includes text line indent support, text column support, aspect ratios for wide and full images, dimension width and height support, and dimension presets, tools and controls.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading">New blocks and design options at your fingertips</h2>\n\n\n\n<p class="wp-block-paragraph">7.0 delivers a series of new and improved blocks and block features, a streamlined navigation workflow, and more versatile design options like video embeds as section backgrounds.</p>\n\n\n\n<ul class="wp-block-list">\n<li>Navigation Block: Navigation workflow is now more intuitive and clear, with improved editing and presentation. 7.0 introduces customizable navigation overlays as template parts, including mobile version overlays that can be hidden or revealed based on custom breakpoint settings. </li>\n\n\n\n<li>Heading Block: Heading levels are now available as block variations, giving more control over page hierarchy and design.</li>\n\n\n\n<li>New blocks: 7.0 makes building pages more diverse with new Breadcrumbs and Icons blocks.</li>\n\n\n\n<li>Cover block embedded videos: Video embeds can now be used as a background in the cover block, opening up opportunities for sleeker and more creative designs.</li>\n\n\n\n<li>The Grid block is now responsive-enabled allowing grid-based layouts to adapt more smoothly across screen sizes.</li>\n\n\n\n<li>The Gallery block now has lightbox support that lets the user click through and view each gallery image.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading">Developer&#8217;s toolbox</h2>\n\n\n\n<p class="wp-block-paragraph">Working with WordPress on the backend is now more robust for developers, with new and enhanced API features that support flexibility and lay a foundation for future advancements. The Client Side Abilities API provides a client-side registry for WordPress capabilities that allows you to tap into new and innovative website options. WordPress 7.0 offers even more by introducing the Web Client AI API to Core, enabling access to generative AI models in one central interface.</p>\n\n\n\n<ul class="wp-block-list">\n<li>Web Client AI API: The new AI client and API acts as a command center for accessing and communicating with generative AI models, with providers remaining external to WordPress Core, and Abilities API integration.</li>\n\n\n\n<li>Abilities and Workflows API: With the new client side abilities package users have access to new and hybrid abilities, filter and search functionality for abilities, and an improved command palette and UI.</li>\n\n\n\n<li>Blocks and patterns created on the server: WordPress 7.0 boasts the ability for PHP-only blocks and patterns to be generated server-side and auto-registered with the Block API.</li>\n\n\n\n<li>DataForm: Introducing a new details layout, new controls (combobox, adaptiveSelect), and updated trigger for panel layout (dedicated edit button). Additionally, the initial iteration for validation is complete: all controls have support, and all layouts display error messages.</li>\n\n\n\n<li>DataViews: DataViews has a new activity layout, and a foundation has been laid to be able to register 3rd party types in future releases.</li>\n\n\n\n<li>CodeMirror update: CodeMirror has been updated to version 5.65.40, aiding more flexible extensibility and library options.</li>\n</ul>\n\n\n\n<h2 class="wp-block-heading">Media processing in the browser</h2>\n\n\n\n<p class="wp-block-paragraph">WordPress 7.0 introduces Client-side media processing, leveraging the browser&#8217;s capabilities to handle tasks, like image resizing and compression, for smoother image processing. This enables the use of more advanced image formats and compression techniques, and reduces demand on the web server; providing a more efficient media handling process for both new and existing content, and supporting smoother media workflows.</p>\n\n\n\n<p class="wp-block-paragraph">With so many options and enhancements in WordPress 7.0 Beta 1, this is still only the beginning. You can expect future releases to be even better.</p>\n\n\n\n<h2 class="wp-block-heading">Just for you: a Beta 1 haiku:</h2>\n\n\n\n<p class="wp-block-paragraph"><em>As sun kisses moon</em>,</p>\n\n\n\n<p class="wp-block-paragraph"><em>Beta 1 ignites in bloom</em>&#8230;</p>\n\n\n\n<p class="wp-block-paragraph"><em>Seven-oh lands soon</em>.</p>\n\n\n\n<p class="has-text-align-right wp-block-paragraph"><em>Props to <a class="mention" href="https://profiles.wordpress.org/ellatrix/"><span class="mentions-prefix">@</span>ellatrix</a>, <a class="mention" href="https://profiles.wordpress.org/jeffpaul/"><span class="mentions-prefix">@</span>jeffpaul</a>, <a class="mention" href="https://profiles.wordpress.org/annezazu/"><span class="mentions-prefix">@</span>annezazu</a>, <a class="mention" href="https://profiles.wordpress.org/chaion07/"><span class="mentions-prefix">@</span>chaion07</a>, <a class="mention" href="https://profiles.wordpress.org/zunaid321/"><span class="mentions-prefix">@</span>zunaid321</a>, <a class="mention" href="https://profiles.wordpress.org/audrasjb/"><span class="mentions-prefix">@</span>audrasjb</a>, <a class="mention" href="https://profiles.wordpress.org/mukesh27/"><span class="mentions-prefix">@</span>mukesh27</a>, <a class="mention" href="https://profiles.wordpress.org/ankit-k-gupta/"><span class="mentions-prefix">@</span>ankit-k-gupta</a></em>, <em><a class="mention" href="https://profiles.wordpress.org/oandregal/"><span class="mentions-prefix">@</span>oandregal</a>, <a class="mention" href="https://profiles.wordpress.org/westonruter/"><span class="mentions-prefix">@</span>westonruter</a>, <a class="mention" href="https://profiles.wordpress.org/karmatosed/"><span class="mentions-prefix">@</span>karmatosed</a>, <a class="mention" href="https://profiles.wordpress.org/bph/"><span class="mentions-prefix">@</span>bph</a> for reviewing and collaborating on this post!</em></p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 20 Feb 2026 15:39:10 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:10:"Amy Kamala";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:45;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:107:"WordCamp Central: Introducing WordCamp Mukono 2026: Sustainable Growth, Building a Lasting WordPress Future";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:40:"https://central.wordcamp.org/?p=13715228";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:130:"https://central.wordcamp.org/news/2026/02/introducing-wordcamp-mukono-2026-sustainable-growth-building-a-lasting-wordpress-future/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:8074:"<p>The WordPress community in Uganda is pleased to introduce <a href="https://mukono.wordcamp.org/2026/"><strong>WordCamp Mukono 2026</strong></a>, scheduled for <strong>March 13 &amp; 14, 2026</strong>, at <a href="https://mukono.wordcamp.org/2026/venue/"><strong>Murs Country Resort, Kigunga</strong></a>, in Mukono, Uganda.</p>\n\n\n\n<p>Guided by the theme <strong>“Sustainable Growth &#8211; Building a Lasting WordPress Future,”</strong> WordCamp Mukono 2026 will bring together over 300 attendees including WordPress users, contributors, code wranglers, developers, designers, educators, and business owners to explore how sustainable practices can strengthen the WordPress project, local communities, and the broader open-source ecosystem.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>A Focus on Sustainability and Long-Term Impact</strong></h3>\n\n\n\n<p>The 2026 theme reflects a growing emphasis within the WordPress project on sustainability not only in technology, but also in people, communities, and contribution pathways. Sessions and discussions will focus on:</p>\n\n\n\n<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex" style="margin-bottom: 10px;">\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-174" src="https://mukono.wordcamp.org/2026/files/2025/11/DSC_2001-1024x683.jpg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-231" src="https://mukono.wordcamp.org/2026/files/2025/11/000-1024x683.jpg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-343" src="https://mukono.wordcamp.org/2026/files/2025/12/student-1024x768.webp" /></figure>\n</figure>\n\n\n\n<ul class="wp-block-list">\n<li>Sustainable WordPress businesses and client practices</li>\n\n\n\n<li>Long-term community building and leadership development</li>\n\n\n\n<li>Performance, security, and maintainable WordPress solutions</li>\n\n\n\n<li>Inclusive contribution and mentorship in open source</li>\n\n\n\n<li>Content, accessibility, and responsible digital publishing</li>\n\n\n\n<li>AI tools and practices for both individuals and businesses</li>\n\n\n\n<li>An Educational track for Students and Educators</li>\n</ul>\n\n\n\n<p>The program is designed to support both new and experienced WordPress users, offering practical insights alongside opportunities for deeper engagement with the WordPress project.</p>\n\n\n\n<p>This year includes a lot of Community building activities, programs and strategies to support and grow open source communities.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Strengthening the Local and Regional WordPress Community</strong></h3>\n\n\n\n<p>WordCamp Mukono has become a key gathering point for WordPress users in Mukono, Uganda, and the wider East African region. The 2026 event continues this trajectory by prioritizing local voices, first-time speakers, and contributors who are actively growing WordPress adoption through education, translation, support, and community leadership.</p>\n\n\n\n<p>By hosting the event in Mukono, the organizing team reinforces WordPress’s mission to democratize publishing and ensure that open-source opportunities are accessible beyond major urban centers.</p>\n\n\n\n<p>WordCamp Mukono 2026 will be hosted at the spacious and prestigious <a href="https://murscountryresort.com/">Murs Country Resort </a>in Kigunga, Seeta, Mukono Municipality. The venue offers a variety of amenities and services that make it a beautiful home for WordCamp Mukono.</p>\n\n\n\n<h3 class="wp-block-heading">Accommodation Options at WordCamp Mukono</h3>\n\n\n\n<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex" style="margin-bottom: 10px;">\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4714" src="https://mukono.wordcamp.org/2026/files/2026/02/img7-1024x683.jpg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4674" src="https://mukono.wordcamp.org/2026/files/2026/02/IMG_8657-1024x768.jpeg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4659" src="https://mukono.wordcamp.org/2026/files/2026/02/IMG_8672-1024x768.jpeg" /></figure>\n</figure>\n\n\n\n<p>WordCamp Mukono has spoken to several hotels and Accommodation options around the Host venue including the host venue itself and Accommodations have been made available for all attendees. </p>\n\n\n\n<p>Details have been shared on the website. Feel free to secure your pick as you see fit.</p>\n\n\n\n<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex" style="margin-bottom: 10px;">\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4692" src="https://mukono.wordcamp.org/2026/files/2026/02/IMG_8641-1024x768.jpeg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4720" src="https://mukono.wordcamp.org/2026/files/2026/02/736470384.jpg" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4667" src="https://mukono.wordcamp.org/2026/files/2026/02/IMG_8663-1024x768.jpeg" /></figure>\n</figure>\n\n\n\n<h3 class="wp-block-heading"><strong>An Official, Community-Led WordPress Event</strong></h3>\n\n\n\n<p>WordCamp Mukono 2026 is an official <a href="https://central.wordcamp.org/">WordPress event</a>, organized by a dedicated team of local volunteers and run as a non-profit. Like all WordCamps, the event is built on the principles of openness, inclusivity, and collaboration.</p>\n\n\n\n<p>Over two days, attendees will participate in talks, workshops, and networking opportunities designed to foster meaningful connections and long-term contributions to WordPress.</p>\n\n\n\n<h3 class="wp-block-heading"><strong>Get Involved</strong></h3>\n\n\n\n<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex" style="margin-bottom: 10px;">\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-3221" src="https://mukono.wordcamp.org/2026/files/2026/01/Patrick.webp" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-436" src="https://mukono.wordcamp.org/2026/files/2026/01/Arthur.webp" /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img alt="" class="wp-image-4290" src="https://mukono.wordcamp.org/2026/files/2026/01/desire.webp" /></figure>\n</figure>\n\n\n\n<p>Calls for <a href="https://mukono.wordcamp.org/2026/call-for-speakers/"><strong>speakers</strong></a> are open to any one with a brilliant idea they would want to share<strong>, </strong>and the <a href="https://mukono.wordcamp.org/2026/call-for-sponsors/"><strong>sponsor</strong></a> call is also open. An event of this magnitude can only be made possible by the many generous individuals who contribute to open source and community initiatives. The volunteer call is now closed, and the event is already taking shape.</p>\n\n\n\n<p><a href="https://mukono.wordcamp.org/2026/tickets/"><strong>Ticket Sales</strong></a> are now open for this great experience and are the main talk on the streets. Community members from Uganda, the East African region, and beyond are encouraged to take part and contribute to an event focused on building a sustainable future for WordPress. Have no excuse! <a href="https://mukono.wordcamp.org/2026/tickets/">Book </a>your space now!</p>\n\n\n\n<p>Community partners are also allowed to sponsor people to get this great experience by buying a ticket for them. Sponsoring them fully or partially. <a href="https://mukono.wordcamp.org/2026/contact/">Contact </a>the Team for details</p>\n\n\n\n<p>More details can be found on the official WordCamp Mukono <a href="https://mukono.wordcamp.org/2026/">website </a>and on WordCamp.org as they become available. Kindly also check the <a href="https://mukono.wordcamp.org/2026/news/">Blog Section</a> for live updates on the event.</p>\n\n\n\n<p></p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 20 Feb 2026 09:48:51 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:21:"Moses Cursor Ssebunya";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:46;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:63:"Open Channels FM: Communicating Transparently Around Challenges";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1487435";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:70:"https://openchannels.fm/communicating-transparently-around-challenges/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:88:"Communication isn’t just about communicating around the good things, the shiny things.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Fri, 20 Feb 2026 09:33:38 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:47;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:60:"Open Channels FM: How AI Is Changing the Way Developers Work";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:33:"https://openchannels.fm/?p=115157";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:67:"https://openchannels.fm/how-ai-is-changing-the-way-developers-work/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:176:"The rise of AI tools is revitalizing programming for developers, making coding enjoyable, but also increasing workload and emphasizing the need for visibility in contributions.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 19 Feb 2026 14:58:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:48;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:97:"Open Channels FM: An Inside Look at Building Consistent Brand Experience in the Digital Ecosystem";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:34:"https://openchannels.fm/?p=1650103";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:104:"https://openchannels.fm/an-inside-look-at-building-consistent-brand-experience-in-the-digital-ecosystem/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:242:"In this episode, Adam Weeks interviews Jessica Malamud, who discusses Elementor''s significant rebranding efforts to better reflect its innovation and community engagement, focusing on elements like design, storytelling, and brand consistency.";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 19 Feb 2026 11:04:00 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:8:"Bob Dunn";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}i:49;a:6:{s:4:"data";s:21:"\n	\n	\n	\n	\n	\n	\n	\n	\n	\n	\n";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";s:5:"child";a:2:{s:0:"";a:5:{s:5:"title";a:1:{i:0;a:5:{s:4:"data";s:29:"Matt: WP &amp;amp; AI Updates";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"guid";a:1:{i:0;a:5:{s:4:"data";s:23:"https://ma.tt/?p=151275";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:4:"link";a:1:{i:0;a:5:{s:4:"data";s:36:"https://ma.tt/2026/02/wp-ai-updates/";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:11:"description";a:1:{i:0;a:5:{s:4:"data";s:1143:"<p class="wp-block-paragraph">There&#8217;s so much fun stuff happening, first the new assistant launched on .com, <a href="https://techcrunch.com/2026/02/17/wordpress-com-adds-an-ai-assistant-that-can-edit-adjust-styles-create-images-and-more/">covered by TechCrunch</a> and in this video.</p>\n\n\n\n<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n\n\n\n<p class="wp-block-paragraph">Also some <a href="https://wordpress.com/blog/2026/02/13/new-plugin-and-skills-for-claude-cowork/">cool Claude stuff launched</a>.</p>\n\n\n\n<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">\n\n</div></figure>\n\n\n\n<p class="wp-block-paragraph"><a href="https://j.cv/automattic-ai-progress/">James has a nice write-up of the other dozen things that are going on</a>, it&#8217;s fun to see the AI parts of WordPress moving at AI-speed. We just need to loop back to some of the older screens and give them some love.</p>";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}s:7:"pubDate";a:1:{i:0;a:5:{s:4:"data";s:31:"Thu, 19 Feb 2026 07:49:50 +0000";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}s:32:"http://purl.org/dc/elements/1.1/";a:1:{s:7:"creator";a:1:{i:0;a:5:{s:4:"data";s:4:"Matt";s:7:"attribs";a:0:{}s:8:"xml_base";s:0:"";s:17:"xml_base_explicit";b:0;s:8:"xml_lang";s:0:"";}}}}}}}}}}}}}}}}s:4:"type";i:128;s:7:"headers";a:9:{s:6:"server";s:5:"nginx";s:4:"date";s:29:"Wed, 11 Mar 2026 16:25:26 GMT";s:12:"content-type";s:8:"text/xml";s:13:"last-modified";s:29:"Wed, 11 Mar 2026 16:00:19 GMT";s:4:"vary";s:15:"Accept-Encoding";s:15:"x-frame-options";s:10:"SAMEORIGIN";s:16:"content-encoding";s:2:"br";s:7:"alt-svc";s:19:"h3=":443"; ma=86400";s:4:"x-nc";s:9:"HIT ord 1";}s:5:"build";i:1760633136;s:21:"cache_expiration_time";i:1773289526;s:23:"__cache_expiration_time";i:1773289526;}', 'off');
INSERT INTO `wpl9_options` VALUES
(83519, '_transient_timeout_dash_v2_88ae138922fe95674369b1cb3d215a2b', '1773289528', 'off'),
(83520, '_transient_dash_v2_88ae138922fe95674369b1cb3d215a2b', '<div class="rss-widget"><ul><li><a class=''rsswidget'' href=''https://wordpress.org/news/2026/03/wordpress-6-9-4-release/''>WordPress 6.9.4 Release</a></li><li><a class=''rsswidget'' href=''https://wordpress.org/news/2026/03/announcing-my-wordpress/''>Your Browser Becomes Your WordPress</a></li></ul></div><div class="rss-widget"><ul><li><a class=''rsswidget'' href=''https://wordpress.org/news/2026/03/wordpress-6-9-4-release/''>WordPress.org blog: WordPress 6.9.4 Release</a></li><li><a class=''rsswidget'' href=''https://wptavern.com/podcast/208-behind-the-scenes-at-the-cloudfest-hackathon''>WPTavern: #208 – Behind the Scenes at the CloudFest Hackathon</a></li><li><a class=''rsswidget'' href=''https://wordpress.org/news/2026/03/announcing-my-wordpress/''>WordPress.org blog: Your Browser Becomes Your WordPress</a></li></ul></div>', 'off'),
(83521, '_site_transient_timeout_wp_remote_block_patterns_c3a11e36e09a974d03c287228c907233', '1773249945', 'off'),
(83522, '_site_transient_wp_remote_block_patterns_c3a11e36e09a974d03c287228c907233', 'a:44:{i:0;O:8:"stdClass":7:{s:2:"id";i:514958;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:33:"Intro area with heading and image";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1726:"\n<div class="wp-block-group alignfull is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0">\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow">\n<div class="wp-block-columns alignwide are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-f40d6e23 wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-vertically-aligned-top is-content-justification-left is-layout-constrained wp-container-core-column-is-layout-b7e24cf4 wp-block-column-is-layout-constrained">\n<h2 class="wp-block-heading">Uncover a realm of opportunities.</h2>\n</div>\n\n\n\n<div class="wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:40%">\n<p class="wp-block-paragraph">Exploring life&#8217;s complex tapestry, options reveal routes to the exceptional, requiring innovation, inquisitiveness, and bravery for a deeply satisfying voyage.</p>\n\n\n\n<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">\n<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Get Started</a></div>\n</div>\n</div>\n</div>\n\n\n\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<figure class="wp-block-image size-large"><img decoding="async" src="https://pd.w.org/2023/07/44364b18862589f06.53436652.jpg" alt="" style="aspect-ratio:16/9;object-fit:cover" /></figure>\n</div>\n\n\n\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:4:"hero";s:16:"wpop_description";s:93:"Two columns of text, left with a heading and right with a paragraph, with a wide image below.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.5";s:25:"wpop_contains_block_types";s:111:"core/button,core/buttons,core/column,core/columns,core/group,core/heading,core/image,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:5:"about";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2422:"<!-- wp:group {"metadata":{"name":"Intro"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"className":"alignfull","layout":{"type":"constrained","justifyContent":"center"}} -->\n<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0"><!-- wp:spacer {"height":"var:preset|spacing|20"} -->\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"metadata":{"name":"Contents"},"align":"wide","layout":{"type":"default"}} -->\n<div class="wp-block-group alignwide"><!-- wp:columns {"verticalAlignment":"top","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|30"}}}} -->\n<div class="wp-block-columns alignwide are-vertically-aligned-top"><!-- wp:column {"verticalAlignment":"top","width":"","layout":{"type":"constrained","justifyContent":"left","contentSize":"450px"}} -->\n<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading -->\n<h2 class="wp-block-heading">Uncover a realm of opportunities.</h2>\n<!-- /wp:heading --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"verticalAlignment":"top","width":"40%"} -->\n<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:40%"><!-- wp:paragraph -->\n<p>Exploring life''s complex tapestry, options reveal routes to the exceptional, requiring innovation, inquisitiveness, and bravery for a deeply satisfying voyage.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class="wp-block-buttons"><!-- wp:button -->\n<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Get Started</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:spacer {"height":"var:preset|spacing|20"} -->\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image {"aspectRatio":"16/9","scale":"cover","sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://pd.w.org/2023/07/44364b18862589f06.53436652.jpg" alt="" style="aspect-ratio:16/9;object-fit:cover" /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"var:preset|spacing|20"} -->\n<div style="height:var(--wp--preset--spacing--20)" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group -->";}i:1;O:8:"stdClass":7:{s:2:"id";i:309935;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:45:"Centered image with two-tone background color";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1330:"\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(90deg,rgb(35,74,20) 50%,rgb(225,137,116) 50%)"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group wp-container-content-9cfa9a5a is-layout-constrained wp-container-core-group-is-layout-50c52e0b wp-block-group-is-layout-constrained">\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<figure class="wp-block-image size-large is-style-default wp-duotone-000000-ffffff-1"><img decoding="async" src="https://pd.w.org/2022/03/3866241b433db4ee2.96648572.jpeg" alt="" /></figure>\n\n\n\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<h2 class="wp-block-heading alignwide has-text-align-center has-white-color has-text-color" style="padding-left:32px;font-size:50px;font-style:normal;font-weight:400;letter-spacing:32px;line-height:1;text-transform:uppercase">Etcetera</h2>\n\n\n\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:18:"Gradient, Two-Tone";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:57:"core/cover,core/group,core/heading,core/image,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:3:{i:0;s:6:"banner";i:1;s:6:"images";i:2;s:4:"text";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2134:"<!-- wp:cover {"minHeight":66,"minHeightUnit":"vh","customGradient":"linear-gradient(90deg,rgb(35,74,20) 50%,rgb(225,137,116) 50%)","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","right":"5vw","bottom":"5vw","left":"5vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(90deg,rgb(35,74,20) 50%,rgb(225,137,116) 50%)"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"constrained","contentSize":"600px","wideSize":"1200px"}} -->\n<div class="wp-block-group"><!-- wp:spacer -->\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image {"sizeSlug":"large","style":{"color":{"duotone":["#000000","#ffffff"]}},"className":"is-style-default"} -->\n<figure class="wp-block-image size-large is-style-default"><img src="https://pd.w.org/2022/03/3866241b433db4ee2.96648572.jpeg" alt="" /></figure>\n<!-- /wp:image -->\n\n<!-- wp:spacer {"height":"48px"} -->\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:heading {"textAlign":"center","align":"wide","style":{"typography":{"fontSize":"50px","fontStyle":"normal","fontWeight":"400","textTransform":"uppercase","letterSpacing":"32px","lineHeight":"1"},"spacing":{"padding":{"left":"32px"}}},"textColor":"white"} -->\n<h2 class="wp-block-heading alignwide has-text-align-center has-white-color has-text-color" style="padding-left:32px;font-size:50px;font-style:normal;font-weight:400;letter-spacing:32px;line-height:1;text-transform:uppercase">Etcetera</h2>\n<!-- /wp:heading -->\n\n<!-- wp:spacer -->\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:2;O:8:"stdClass":7:{s:2:"id";i:309925;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:43:"Fullwidth Dark Banner with Heading Top Left";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1103:"\n<div class="wp-block-cover alignfull has-custom-content-position is-position-top-left" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;min-height:50vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim" style="background-color:#141414"></span><img decoding="async" class="wp-block-cover__image-background wp-image-333" alt="" src="https://pd.w.org/2022/07/87262c92d42acd1c3.73206444.jpg" style="object-position:50% 0%" data-object-fit="cover" data-object-position="50% 0%" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group wp-container-content-9cfa9a5a is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-9dc1a525 wp-block-group-is-layout-flex">\n<p class="has-text-align-left has-text-color has-source-serif-pro-font-family wp-block-paragraph" style="color:#d8a557;font-size:160px;font-style:italic;font-weight:900;letter-spacing:-4px;line-height:0.8;text-transform:none">bud!</p>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:16:"Jazz, Fulllwidth";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:36:"core/cover,core/group,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:1697:"<!-- wp:cover {"url":"https://pd.w.org/2022/07/87262c92d42acd1c3.73206444.jpg","id":333,"dimRatio":90,"customOverlayColor":"#141414","focalPoint":{"x":0.5,"y":0},"minHeight":50,"minHeightUnit":"vh","contentPosition":"top left","align":"full","style":{"spacing":{"padding":{"top":"5vw","right":"5vw","bottom":"5vw","left":"5vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull has-custom-content-position is-position-top-left" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw;min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim" style="background-color:#141414"></span><img class="wp-block-cover__image-background wp-image-333" alt="" src="https://pd.w.org/2022/07/87262c92d42acd1c3.73206444.jpg" style="object-position:50% 0%" data-object-fit="cover" data-object-position="50% 0%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"160px","fontStyle":"italic","fontWeight":"900","lineHeight":"0.8","letterSpacing":"-4px","textTransform":"none"},"color":{"text":"#d8a557"}},"fontFamily":"source-serif-pro"} -->\n<p class="has-text-align-left has-text-color has-source-serif-pro-font-family" style="color:#d8a557;font-size:160px;font-style:italic;font-weight:900;letter-spacing:-4px;line-height:0.8;text-transform:none">bud!</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:3;O:8:"stdClass":7:{s:2:"id";i:309230;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:44:"Fullwidth cover with repeating gradient text";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1826:"\n<div class="wp-block-cover alignfull is-light wp-duotone-36345d-abaaaa-2" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim" style="background-color:#c2b7a4"></span><img decoding="async" class="wp-block-cover__image-background wp-image-334" alt="" src="https://pd.w.org/2022/01/95161f850d22f0c06.37817431.jpg" style="object-position:50% 5%" data-object-fit="cover" data-object-position="50% 5%" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-group is-vertical is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-e59d9123 wp-block-group-is-layout-flex">\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#c8c4d3;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n\n\n\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#ac94b2;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n\n\n\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#71689c;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n\n\n\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#444178;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n</div>\n\n\n\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:48:"Fullwidth, Background Image, Gradient, Uppercase";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:48:"core/cover,core/group,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"banner";i:1;s:4:"text";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3135:"<!-- wp:cover {"url":"https://pd.w.org/2022/01/95161f850d22f0c06.37817431.jpg","id":334,"dimRatio":60,"customOverlayColor":"#c2b7a4","focalPoint":{"x":0.5,"y":0.05},"isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","right":"5vw","bottom":"5vw","left":"5vw"},"margin":{"top":"0"}},"color":{"duotone":["#36345d","#abaaaa"]}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim" style="background-color:#c2b7a4"></span><img class="wp-block-cover__image-background wp-image-334" alt="" src="https://pd.w.org/2022/01/95161f850d22f0c06.37817431.jpg" style="object-position:50% 5%" data-object-fit="cover" data-object-position="50% 5%" /><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"48px"} -->\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap","justifyContent":"center"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","lineHeight":"0.8","letterSpacing":"-4px"},"color":{"text":"#c8c4d3"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#c8c4d3;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","lineHeight":"0.8","letterSpacing":"-4px"},"color":{"text":"#ac94b2"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#ac94b2;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","lineHeight":"0.8","letterSpacing":"-4px"},"color":{"text":"#71689c"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#71689c;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"300","lineHeight":"0.8","letterSpacing":"-4px"},"color":{"text":"#444178"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#444178;font-size:148px;font-style:normal;font-weight:300;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">DJANGO</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"48px"} -->\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div></div>\n<!-- /wp:cover -->";}i:4;O:8:"stdClass":7:{s:2:"id";i:309224;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:72:"Fullwidth, vertically aligned headline on right with description on left";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:2286:"\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#e68b14"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-bbbc119a wp-block-group-is-layout-flex">\n<div class="wp-block-group wp-container-content-8eb0bdf3 is-layout-flow wp-container-core-group-is-layout-bf4059b8 wp-block-group-is-layout-flow">\n<p class="wp-container-content-aeb25491 wp-block-paragraph" style="font-size:17px;font-style:normal;font-weight:300;letter-spacing:0px;line-height:1.4;text-decoration:none;text-transform:none">Let &#8217;em Roll is an album by American organist Big John Patton recorded in 1965 and released on the Blue Note label.</p>\n\n\n\n<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:14px;padding-right:36px;padding-bottom:14px;padding-left:36px">Shop Now</a></div>\n</div>\n</div>\n\n\n\n<div class="wp-block-group wp-container-content-9cfa9a5a is-layout-flow wp-container-core-group-is-layout-a806e4b5 wp-block-group-is-layout-flow">\n<p class="has-text-align-right has-black-color has-text-color wp-block-paragraph" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">Let<br>&#8216;EM<br>Roll</p>\n\n\n\n<p class="has-text-align-right has-white-color has-text-color wp-block-paragraph" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">Big<br>John<br>Patton</p>\n</div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:60:"vertically, bold, jazz, shop, store, headline, hero, product";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:61:"core/button,core/buttons,core/cover,core/group,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"banner";i:1;s:14:"call-to-action";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3726:"<!-- wp:cover {"customOverlayColor":"#e68b14","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"5vw","right":"5vw","bottom":"5vw","left":"5vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:5vw;padding-right:5vw;padding-bottom:5vw;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#e68b14"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"top"}} -->\n<div class="wp-block-group"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"320px"},"spacing":{"blockGap":"24px"}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"330px"},"typography":{"fontSize":"17px","fontStyle":"normal","fontWeight":"300","lineHeight":"1.4","textTransform":"none","textDecoration":"none","letterSpacing":"0px"}}} -->\n<p style="font-size:17px;font-style:normal;font-weight:300;letter-spacing:0px;line-height:1.4;text-decoration:none;text-transform:none">Let ''em Roll is an album by American organist Big John Patton recorded in 1965 and released on the Blue Note label.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"typography":{"fontSize":"17px","fontStyle":"normal","fontWeight":"700","textDecoration":"none","textTransform":"uppercase","letterSpacing":"0px"},"spacing":{"padding":{"top":"14px","bottom":"14px","left":"36px","right":"36px"}},"border":{"radius":"0px","top":{"radius":"0px","width":"0px","style":"none"},"right":{"radius":"0px","width":"0px","style":"none"},"bottom":{"radius":"0px","width":"0px","style":"none"},"left":{"radius":"0px","width":"0px","style":"none"}}}} -->\n<div class="wp-block-button has-custom-font-size" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;border-top-style:none;border-top-width:0px;border-right-style:none;border-right-width:0px;border-bottom-style:none;border-bottom-width:0px;border-left-style:none;border-left-width:0px;padding-top:14px;padding-right:36px;padding-bottom:14px;padding-left:36px">Shop Now</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.8","letterSpacing":"-4px"}},"textColor":"black"} -->\n<p class="has-text-align-right has-black-color has-text-color" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">Let<br>''EM<br>Roll</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.8","letterSpacing":"-4px"}},"textColor":"white"} -->\n<p class="has-text-align-right has-white-color has-text-color" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-4px;line-height:0.8;text-transform:uppercase">Big<br>John<br>Patton</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:5;O:8:"stdClass":7:{s:2:"id";i:309236;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:60:"Fullwidth headline with links and gradient offset background";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:2127:"\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:48px;padding-right:5vw;padding-bottom:48px;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(180deg,rgb(0,0,0) 39%,rgb(83,80,123) 39%)"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-group is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-385e35e4 wp-block-group-is-layout-flex">\n<div class="wp-block-group wp-container-content-9cfa9a5a is-layout-flow wp-container-core-group-is-layout-a806e4b5 wp-block-group-is-layout-flow">\n<p class="has-text-align-left has-white-color has-text-color has-link-color wp-elements-45f800048fc9de7cd05017eb73b2d5ab wp-block-paragraph" style="font-size:172px;font-style:normal;font-weight:700;letter-spacing:-10px;line-height:0.7;text-transform:uppercase"><strong>MONK</strong>.</p>\n</div>\n\n\n\n<div class="wp-block-group wp-container-content-9dbf05af is-layout-flow wp-container-core-group-is-layout-bf4059b8 wp-block-group-is-layout-flow">\n<div class="wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-9d49bf4d wp-block-group-is-layout-flex">\n<p class="has-white-color has-text-color has-link-color wp-elements-fcaed05d2b63cfab14801929208209cc wp-block-paragraph" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase">A new collection</p>\n\n\n\n<p class="has-white-color has-text-color has-link-color wp-elements-9052d836cb5172aae9b2f2bc27ee61c0 wp-block-paragraph" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase">Learn More <span aria-hidden="true" class="wp-exclude-emoji">→</span> </p>\n</div>\n</div>\n</div>\n\n\n\n<div style="height:260px" aria-hidden="true" class="wp-block-spacer"></div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:41:"Offset, Gradient, Jazz, Headline, Feature";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:48:"core/cover,core/group,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3195:"<!-- wp:cover {"customGradient":"linear-gradient(180deg,rgb(0,0,0) 39%,rgb(83,80,123) 39%)","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"5vw","bottom":"48px","left":"5vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:48px;padding-right:5vw;padding-bottom:48px;padding-left:5vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim has-background-gradient" style="background:linear-gradient(180deg,rgb(0,0,0) 39%,rgb(83,80,123) 39%)"></span><div class="wp-block-cover__inner-container"><!-- wp:spacer -->\n<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"48px"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"top","justifyContent":"space-between"}} -->\n<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"172px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.7","letterSpacing":"-10px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->\n<p class="has-text-align-left has-white-color has-text-color has-link-color" style="font-size:172px;font-style:normal;font-weight:700;letter-spacing:-10px;line-height:0.7;text-transform:uppercase"><strong>MONK</strong>.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"400px"},"spacing":{"blockGap":"24px"}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:group {"style":{"spacing":{"blockGap":"48px"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"style":{"typography":{"fontSize":"17px","fontStyle":"normal","fontWeight":"700","textDecoration":"none","textTransform":"uppercase","letterSpacing":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->\n<p class="has-white-color has-text-color has-link-color" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase">A new collection</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px","fontStyle":"normal","fontWeight":"700","textDecoration":"none","textTransform":"uppercase","letterSpacing":"0px"},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->\n<p class="has-white-color has-text-color has-link-color" style="font-size:17px;font-style:normal;font-weight:700;letter-spacing:0px;text-decoration:none;text-transform:uppercase">Learn More → </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"260px"} -->\n<div style="height:260px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div></div>\n<!-- /wp:cover -->";}i:6;O:8:"stdClass":7:{s:2:"id";i:308937;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:42:"Heading, Paragraph, Button with Two Images";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:2701:"\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#eb4c77"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7171c4da wp-block-group-is-layout-flex">\n<div class="wp-block-group alignwide wp-container-content-ceb7f5b3 is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-5bff1107 wp-block-group-is-layout-constrained">\n<h2 class="wp-block-heading alignwide has-text-align-left has-contrast-color has-text-color" style="font-size:100px;font-style:normal;font-weight:500;line-height:0.9;text-transform:none">Time for an adventure</h2>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<p class="has-text-align-left has-contrast-color has-text-color wp-block-paragraph">Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home. </p>\n\n\n\n<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-buttons is-content-justification-left is-nowrap is-layout-flex wp-container-core-buttons-is-layout-950bf021 wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Sign up</a></div>\n</div>\n</div>\n\n\n\n<div class="wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-eeafa4e7 wp-block-group-is-layout-flex">\n<div class="wp-block-group wp-container-content-0733e5d0 is-layout-flow wp-block-group-is-layout-flow">\n<div style="height:8vw" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<figure class="wp-block-image size-large wp-container-content-0733e5d0 wp-duotone-rgb000-rgb21788120-3"><img decoding="async" src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></figure>\n</div>\n\n\n\n<figure class="wp-block-image size-large wp-container-content-0733e5d0 wp-duotone-rgb000-rgb21788120-4"><img decoding="async" src="https://pd.w.org/2022/01/21261f60ba46147b0.97888240.jpg" alt="" /></figure>\n</div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:97:"core/button,core/buttons,core/cover,core/group,core/heading,core/image,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"banner";i:1;s:14:"call-to-action";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:4102:"<!-- wp:cover {"customOverlayColor":"#eb4c77","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"6vw","right":"6vw","bottom":"6vw","left":"6vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#eb4c77"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0vw"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"center","verticalAlignment":"top"}} -->\n<div class="wp-block-group"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill"}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"600px"}} -->\n<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"left","align":"wide","style":{"typography":{"fontSize":"100px","textTransform":"none","fontStyle":"normal","fontWeight":"500","lineHeight":"0.9"}},"textColor":"contrast"} -->\n<h2 class="wp-block-heading alignwide has-text-align-left has-contrast-color has-text-color" style="font-size:100px;font-style:normal;font-weight:500;line-height:0.9;text-transform:none">Time for an adventure</h2>\n<!-- /wp:heading -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:paragraph {"align":"left","textColor":"contrast"} -->\n<p class="has-text-align-left has-contrast-color has-text-color">Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home. </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {"height":"60px"} -->\n<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"nowrap"}} -->\n<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"contrast","textColor":"base","style":{"spacing":{"padding":{"top":"24px","right":"48px","bottom":"24px","left":"48px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"500","textTransform":"uppercase","letterSpacing":"0px"},"border":{"radius":"0px"}},"className":"is-style-fill"} -->\n<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:16px;font-style:normal;font-weight:500;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Sign up</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"layout":{"selfStretch":"fit","flexSize":null},"spacing":{"blockGap":"24px"}},"layout":{"type":"flex","flexWrap":"nowrap","verticalAlignment":"top","justifyContent":"right"}} -->\n<div class="wp-block-group"><!-- wp:group {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:spacer {"height":"8vw"} -->\n<div style="height:8vw" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image {"sizeSlug":"large","style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"color":{"duotone":["rgb(0, 0, 0)","rgb(217, 88, 120)"]}}} -->\n<figure class="wp-block-image size-large"><img src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:group -->\n\n<!-- wp:image {"sizeSlug":"large","style":{"layout":{"selfStretch":"fixed","flexSize":"50%"},"color":{"duotone":["rgb(0, 0, 0)","rgb(217, 88, 120)"]}}} -->\n<figure class="wp-block-image size-large"><img src="https://pd.w.org/2022/01/21261f60ba46147b0.97888240.jpg" alt="" /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:7;O:8:"stdClass":7:{s:2:"id";i:308949;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:42:"Bold sale banner with geometric background";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1776:"\n<div class="wp-block-cover alignfull wp-duotone-rgb4448102-ffb23d-5" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:50vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim" style="background-color:#2c3066"></span><img decoding="async" class="wp-block-cover__image-background wp-image-334" alt="" src="https://pd.w.org/2022/01/2661f82cd1ba9172.16386413.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-layout-flow wp-container-core-group-is-layout-a806e4b5 wp-block-group-is-layout-flow">\n<p class="has-text-align-center has-text-color wp-block-paragraph" style="color:#ffb23d;font-size:160px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">Enjoy</p>\n\n\n\n<p class="has-text-align-center has-text-color wp-block-paragraph" style="color:#ffb23d;font-size:160px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">20% Off</p>\n\n\n\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-36078703 wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size" style="font-size:20px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#2c3066;background-color:#ffb23d;padding-top:32px;padding-right:48px;padding-bottom:32px;padding-left:48px">Shop Now</a></div>\n</div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:43:"store, shop, coupon, jazz, background image";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:73:"core/button,core/buttons,core/cover,core/group,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"banner";i:1;s:14:"call-to-action";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2819:"<!-- wp:cover {"url":"https://pd.w.org/2022/01/2661f82cd1ba9172.16386413.jpg","id":334,"dimRatio":90,"customOverlayColor":"#2c3066","minHeight":50,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"},"margin":{"top":"0"}},"color":{"duotone":["rgb(44, 48, 102)","#ffb23d"]}}} -->\n<div class="wp-block-cover alignfull" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:50vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-90 has-background-dim" style="background-color:#2c3066"></span><img class="wp-block-cover__image-background wp-image-334" alt="" src="https://pd.w.org/2022/01/2661f82cd1ba9172.16386413.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"default"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"160px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"},"color":{"text":"#ffb23d"}}} -->\n<p class="has-text-align-center has-text-color" style="color:#ffb23d;font-size:160px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">Enjoy</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"160px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"},"color":{"text":"#ffb23d"}}} -->\n<p class="has-text-align-center has-text-color" style="color:#ffb23d;font-size:160px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">20% Off</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {"height":"48px"} -->\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->\n<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#ffb23d","text":"#2c3066"},"spacing":{"padding":{"top":"32px","right":"48px","bottom":"32px","left":"48px"}},"typography":{"fontSize":"20px","textTransform":"uppercase","letterSpacing":"1px","fontStyle":"normal","fontWeight":"700"}}} -->\n<div class="wp-block-button has-custom-font-size" style="font-size:20px;font-style:normal;font-weight:700;letter-spacing:1px;text-transform:uppercase"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#2c3066;background-color:#ffb23d;padding-top:32px;padding-right:48px;padding-bottom:32px;padding-left:48px">Shop Now</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:8;O:8:"stdClass":7:{s:2:"id";i:308924;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:47:"Offset bold paragraph text with varying opacity";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1734:"\n<div class="wp-block-cover alignfull has-white-color has-text-color" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-662885f9 wp-block-group-is-layout-constrained">\n<p class="has-text-align-left has-text-color wp-block-paragraph" style="color:#ffffff61;font-size:120px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">Embark</p>\n\n\n\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#ffffff73;font-size:72px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase"><strong>ON A HIKING</strong></p>\n\n\n\n<p class="has-text-align-left has-text-color wp-block-paragraph" style="color:#ffffffad;font-size:72px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">adventure and explore the beauty of nature&#8217;s best…</p>\n\n\n\n<p class="has-text-align-right has-text-color wp-block-paragraph" style="color:#ffffffd1;font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">In the</p>\n\n\n\n<p class="has-text-align-left has-text-color wp-block-paragraph" style="color:#fffffff5;font-size:162px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">WOODS.</p>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:36:"core/cover,core/group,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:4:"text";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3052:"<!-- wp:cover {"overlayColor":"black","minHeight":66,"minHeightUnit":"vh","align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"},"margin":{"top":"0"}}},"textColor":"white"} -->\n<div class="wp-block-cover alignfull has-white-color has-text-color" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained","wideSize":"700px","contentSize":"700px","justifyContent":"left"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"120px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"-2px"},"color":{"text":"#ffffff61"}}} -->\n<p class="has-text-align-left has-text-color" style="color:#ffffff61;font-size:120px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">Embark</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"72px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"0px"},"color":{"text":"#ffffff73"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#ffffff73;font-size:72px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase"><strong>ON A HIKING</strong></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"72px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"0px"},"color":{"text":"#ffffffad"}}} -->\n<p class="has-text-align-left has-text-color" style="color:#ffffffad;font-size:72px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">adventure and explore the beauty of nature''s best…</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"-2px"},"color":{"text":"#ffffffd1"}}} -->\n<p class="has-text-align-right has-text-color" style="color:#ffffffd1;font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">In the</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"162px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"1","letterSpacing":"-2px"},"color":{"text":"#fffffff5"}}} -->\n<p class="has-text-align-left has-text-color" style="color:#fffffff5;font-size:162px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:1;text-transform:uppercase">WOODS.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:9;O:8:"stdClass":7:{s:2:"id";i:308916;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:40:"Offset text with a brutalist design vibe";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1512:"\n<div class="wp-block-cover alignfull is-light has-black-color has-text-color" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#ffb43c"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-6d71ef12 wp-block-group-is-layout-constrained">\n<p class="has-text-align-left has-black-color has-text-color wp-block-paragraph" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase"><mark style="color:#a65a00" class="has-inline-color">✴︎</mark> Walk</p>\n\n\n\n<p class="has-text-align-right has-black-color has-text-color wp-block-paragraph" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">In the</p>\n\n\n\n<p class="has-text-align-left has-black-color has-text-color wp-block-paragraph" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">Park</p>\n\n\n\n<p class="has-text-align-center has-text-color wp-block-paragraph" style="color:#a65a00;font-size:140px;font-style:italic;font-weight:200;letter-spacing:0px;line-height:0.9;text-transform:uppercase">—01.03</p>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:36:"core/cover,core/group,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"banner";i:1;s:4:"text";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2631:"<!-- wp:cover {"customOverlayColor":"#ffb43c","minHeight":66,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"48px","bottom":"48px","left":"48px"},"margin":{"top":"0"}}},"textColor":"black"} -->\n<div class="wp-block-cover alignfull is-light has-black-color has-text-color" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#ffb43c"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained","wideSize":"1200px","contentSize":"800px"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"}},"textColor":"black"} -->\n<p class="has-text-align-left has-black-color has-text-color" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase"><mark style="color:#a65a00" class="has-inline-color">✴︎</mark> Walk</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"right","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"}},"textColor":"black"} -->\n<p class="has-text-align-right has-black-color has-text-color" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">In the</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"148px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","lineHeight":"0.9","letterSpacing":"-2px"}},"textColor":"black"} -->\n<p class="has-text-align-left has-black-color has-text-color" style="font-size:148px;font-style:normal;font-weight:700;letter-spacing:-2px;line-height:0.9;text-transform:uppercase">Park</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"140px","textTransform":"uppercase","fontStyle":"italic","fontWeight":"200","letterSpacing":"0px","lineHeight":"0.9"},"color":{"text":"#a65a00"}}} -->\n<p class="has-text-align-center has-text-color" style="color:#a65a00;font-size:140px;font-style:italic;font-weight:200;letter-spacing:0px;line-height:0.9;text-transform:uppercase">—01.03</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:10;O:8:"stdClass":7:{s:2:"id";i:308901;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:40:"Fullscreen image with right content area";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:2154:"\n<div class="wp-block-cover alignfull" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#376a23"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-content-justification-left is-layout-flex wp-container-core-group-is-layout-b1a298a6 wp-block-group-is-layout-flex">\n<figure class="wp-block-image size-large wp-container-content-0733e5d0"><img decoding="async" src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></figure>\n\n\n\n<div class="wp-block-group alignwide wp-container-content-9cfa9a5a is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-5bff1107 wp-block-group-is-layout-constrained">\n<h2 class="wp-block-heading alignwide has-text-align-left has-black-color has-text-color" style="font-size:80px;font-style:italic;font-weight:700;line-height:1.0;text-transform:uppercase">wAndering through the woods</h2>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<p class="has-text-align-left has-black-color has-text-color wp-block-paragraph" style="font-size:18px;font-style:italic;font-weight:600">Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home. </p>\n\n\n\n<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-buttons is-content-justification-left is-nowrap is-layout-flex wp-container-core-buttons-is-layout-950bf021 wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:18px;font-style:italic;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Sign up</a></div>\n</div>\n</div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:97:"core/button,core/buttons,core/cover,core/group,core/heading,core/image,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3261:"<!-- wp:cover {"customOverlayColor":"#376a23","align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"},"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull" style="margin-top:0;padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#376a23"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"4vw"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->\n<div class="wp-block-group"><!-- wp:image {"sizeSlug":"large","style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->\n<figure class="wp-block-image size-large"><img src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></figure>\n<!-- /wp:image -->\n\n<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"0px"},"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"constrained","justifyContent":"left","contentSize":"600px"}} -->\n<div class="wp-block-group alignwide"><!-- wp:heading {"textAlign":"left","align":"wide","style":{"typography":{"fontSize":"80px","textTransform":"uppercase","fontStyle":"italic","fontWeight":"700","lineHeight":"1.0"}},"textColor":"black"} -->\n<h2 class="wp-block-heading alignwide has-text-align-left has-black-color has-text-color" style="font-size:80px;font-style:italic;font-weight:700;line-height:1.0;text-transform:uppercase">wAndering through the woods</h2>\n<!-- /wp:heading -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:paragraph {"align":"left","style":{"typography":{"fontSize":"18px","fontStyle":"italic","fontWeight":"600"}},"textColor":"black"} -->\n<p class="has-text-align-left has-black-color has-text-color" style="font-size:18px;font-style:italic;font-weight:600">Explore our network of trails that lead through a variety of woodland habitats and observe the diverse flora that call this area home. </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {"height":"60px"} -->\n<div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"nowrap"}} -->\n<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"black","textColor":"white","style":{"spacing":{"padding":{"top":"24px","right":"48px","bottom":"24px","left":"48px"}},"typography":{"fontSize":"18px","fontStyle":"italic","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0px"},"border":{"radius":"0px"}},"className":"is-style-fill"} -->\n<div class="wp-block-button has-custom-font-size is-style-fill" style="font-size:18px;font-style:italic;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-black-background-color has-text-color has-background wp-element-button" style="border-radius:0px;padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Sign up</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:11;O:8:"stdClass":7:{s:2:"id";i:308871;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:46:"Cover Image with Bold Heading and Button, Left";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1620:"\n<div class="wp-block-cover alignfull is-light wp-duotone-094850-f9644e-7" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img decoding="async" class="wp-block-cover__image-background wp-image-335" alt="" src="https://pd.w.org/2021/12/12261b91fba359867.64939140.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-72694e06 wp-block-group-is-layout-constrained">\n<h2 class="wp-block-heading has-text-align-left has-white-color has-text-color" style="font-size:100px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">Take a hike and wAnder through the woods</h2>\n</div>\n\n\n\n<div style="height:72px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-buttons is-content-justification-left is-nowrap is-layout-flex wp-container-core-buttons-is-layout-950bf021 wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size is-style-outline is-style-outline--6" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Explore</a></div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:71:"core/button,core/buttons,core/cover,core/group,core/heading,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2443:"<!-- wp:cover {"url":"https://pd.w.org/2021/12/12261b91fba359867.64939140.jpg","id":335,"dimRatio":30,"minHeight":66,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"48px","bottom":"48px","left":"48px"},"margin":{"top":"0"}},"color":{"duotone":["#094850","#f9644e"]}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-335" alt="" src="https://pd.w.org/2021/12/12261b91fba359867.64939140.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"48px"}},"layout":{"type":"constrained","contentSize":"75%","justifyContent":"left","wideSize":"75%"}} -->\n<div class="wp-block-group"><!-- wp:heading {"textAlign":"left","style":{"typography":{"fontSize":"100px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","letterSpacing":"0px","lineHeight":"1"}},"textColor":"white"} -->\n<h2 class="wp-block-heading has-text-align-left has-white-color has-text-color" style="font-size:100px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">Take a hike and wAnder through the woods</h2>\n<!-- /wp:heading --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"72px"} -->\n<div style="height:72px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"left","flexWrap":"nowrap"}} -->\n<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"spacing":{"padding":{"top":"24px","right":"48px","bottom":"24px","left":"48px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0px"}},"className":"is-style-outline"} -->\n<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Explore</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover -->";}i:12;O:8:"stdClass":7:{s:2:"id";i:308868;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:40:"Cover Image with Bold Heading and Button";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1628:"\n<div class="wp-block-cover alignfull is-light wp-duotone-rgb4247103-rgb21419442-9" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img decoding="async" class="wp-block-cover__image-background wp-image-335" alt="" src="https://pd.w.org/2022/01/26061d763eca13bb6.11341561.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-layout-constrained wp-container-core-group-is-layout-08424862 wp-block-group-is-layout-constrained">\n<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:100px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">Embark on a hiking adventure and explore the beauty of the woods.</h2>\n</div>\n\n\n\n<div style="height:72px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-buttons is-content-justification-center is-nowrap is-layout-flex wp-container-core-buttons-is-layout-d9d2fa6c wp-block-buttons-is-layout-flex">\n<div class="wp-block-button has-custom-font-size is-style-outline is-style-outline--8" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Explore</a></div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:71:"core/button,core/buttons,core/cover,core/group,core/heading,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2449:"<!-- wp:cover {"url":"https://pd.w.org/2022/01/26061d763eca13bb6.11341561.jpg","id":335,"dimRatio":30,"minHeight":66,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"48px","right":"48px","bottom":"48px","left":"48px"},"margin":{"top":"0"}},"color":{"duotone":["rgb(42, 47, 103)","rgb(214, 194, 42)"]}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;padding-top:48px;padding-right:48px;padding-bottom:48px;padding-left:48px;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-335" alt="" src="https://pd.w.org/2022/01/26061d763eca13bb6.11341561.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"48px"}},"layout":{"type":"constrained","wideSize":"80%"}} -->\n<div class="wp-block-group"><!-- wp:heading {"textAlign":"center","style":{"typography":{"fontSize":"100px","textTransform":"uppercase","fontStyle":"normal","fontWeight":"700","letterSpacing":"0px","lineHeight":"1"}},"textColor":"white"} -->\n<h2 class="wp-block-heading has-text-align-center has-white-color has-text-color" style="font-size:100px;font-style:normal;font-weight:700;letter-spacing:0px;line-height:1;text-transform:uppercase">Embark on a hiking adventure and explore the beauty of the woods.</h2>\n<!-- /wp:heading --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"72px"} -->\n<div style="height:72px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center","flexWrap":"nowrap"}} -->\n<div class="wp-block-buttons"><!-- wp:button {"textColor":"white","style":{"spacing":{"padding":{"top":"24px","right":"48px","bottom":"24px","left":"48px"}},"typography":{"fontSize":"16px","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"0px"}},"className":"is-style-outline"} -->\n<div class="wp-block-button has-custom-font-size is-style-outline" style="font-size:16px;font-style:normal;font-weight:600;letter-spacing:0px;text-transform:uppercase"><a class="wp-block-button__link has-white-color has-text-color wp-element-button" style="padding-top:24px;padding-right:48px;padding-bottom:24px;padding-left:48px">Explore</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:cover -->";}i:13;O:8:"stdClass":7:{s:2:"id";i:303828;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:30:"Fullscreen cover image gallery";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:942:"\n<div class="wp-block-cover alignfull" style="padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:66vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-73e98c27 wp-block-group-is-layout-flex">\n<figure class="wp-block-image size-large"><a href="https://thato.test/?page_id=28"><img decoding="async" src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></a></figure>\n\n\n\n<figure class="wp-block-image size-large"><a href="https://thato.test/?page_id=28"><img decoding="async" src="https://pd.w.org/2022/01/21261f60ba46147b0.97888240.jpg" alt="" /></a></figure>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:43:"gallery, images, columns, background, cover";s:16:"wpop_description";s:0:"";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:32:"core/cover,core/group,core/image";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:7:"gallery";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:1259:"<!-- wp:cover {"overlayColor":"black","minHeight":66,"minHeightUnit":"vh","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"4vw","right":"4vw","bottom":"4vw","left":"4vw"}}}} -->\n<div class="wp-block-cover alignfull" style="padding-top:4vw;padding-right:4vw;padding-bottom:4vw;padding-left:4vw;min-height:66vh"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-100 has-background-dim"></span><div class="wp-block-cover__inner-container"><!-- wp:group {"style":{"spacing":{"blockGap":"4vw"}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"center"}} -->\n<div class="wp-block-group"><!-- wp:image {"sizeSlug":"large","linkDestination":"custom"} -->\n<figure class="wp-block-image size-large"><a href="https://thato.test/?page_id=28"><img src="https://pd.w.org/2022/01/84661f60659149cc8.02053291.jpg" alt="" /></a></figure>\n<!-- /wp:image -->\n\n<!-- wp:image {"sizeSlug":"large","linkDestination":"custom"} -->\n<figure class="wp-block-image size-large"><a href="https://thato.test/?page_id=28"><img src="https://pd.w.org/2022/01/21261f60ba46147b0.97888240.jpg" alt="" /></a></figure>\n<!-- /wp:image --></div>\n<!-- /wp:group --></div></div>\n<!-- /wp:cover -->";}i:14;O:8:"stdClass":7:{s:2:"id";i:277265;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:37:"Fullwidth posts with uppercase titles";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:498:"\n<div class="wp-block-query alignfull is-layout-flow wp-block-query-is-layout-flow">\n<div class="wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"></div>\n\n\n\n<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:16px;padding-bottom:var(--wp--preset--spacing--30);padding-left:16px"></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:30:"star, posts, loop, blog, index";s:16:"wpop_description";s:62:"A fullwidth posts pattern with large titles and start accents.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:10:"core/query";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:182:"core/group,core/paragraph,core/post-date,core/post-template,core/post-terms,core/post-title,core/query,core/query-pagination,core/query-pagination-next,core/query-pagination-previous";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:5:"query";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3502:"<!-- wp:query {"queryId":31,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full","layout":{"type":"default"}} -->\n<div class="wp-block-query alignfull"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"0","bottom":"0","left":"0"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:post-template {"style":{"typography":{"textTransform":"none"}}} -->\n<!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|contrast","width":"1px"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:1px"><!-- wp:group {"style":{"spacing":{"padding":{"top":"16px","right":"16px","bottom":"16px","left":"16px"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->\n<div class="wp-block-group" style="padding-top:16px;padding-right:16px;padding-bottom:16px;padding-left:16px"><!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->\n<div class="wp-block-group"><!-- wp:paragraph -->\n<p>✴︎</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:post-date {"textAlign":"left","format":"M j, Y","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"textTransform":"uppercase"}},"textColor":"contrast","fontSize":"small"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:post-terms {"term":"category","prefix":"✴︎ ","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"textTransform":"uppercase"}},"textColor":"contrast"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":{"padding":{"top":"16px","bottom":"var:preset|spacing|70","right":"16px","left":"16px"}}},"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group" style="padding-top:16px;padding-right:16px;padding-bottom:var(--wp--preset--spacing--70);padding-left:16px"><!-- wp:post-title {"isLink":true,"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"layout":{"selfStretch":"fit"},"typography":{"fontStyle":"normal","fontWeight":"500","lineHeight":"1.1","textTransform":"uppercase","fontSize":"5.2rem"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast"} /--></div>\n<!-- /wp:group -->\n<!-- /wp:post-template --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30","right":"16px","left":"16px"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--30);padding-right:16px;padding-bottom:var(--wp--preset--spacing--30);padding-left:16px"><!-- wp:query-pagination {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"left"}} -->\n<!-- wp:query-pagination-previous {"label":"Previous","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->\n\n<!-- wp:query-pagination-next {"label":"Next","style":{"typography":{"textTransform":"uppercase"}},"fontSize":"small"} /-->\n<!-- /wp:query-pagination --></div>\n<!-- /wp:group --></div>\n<!-- /wp:query -->";}i:15;O:8:"stdClass":7:{s:2:"id";i:277127;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:33:"Fullwidth posts titles with dates";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:637:"\n<div class="wp-block-query alignfull is-layout-flow wp-block-query-is-layout-flow">\n<div class="wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow" style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"></div>\n\n\n\n<div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow" style="margin-top:0;margin-bottom:0;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)"></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:31:"Posts, Query, Loop, Blog, Index";s:16:"wpop_description";s:62:"A fullwidth posts pattern with large titles and numeral dates.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:10:"core/query";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:151:"core/group,core/post-date,core/post-template,core/post-title,core/query,core/query-pagination,core/query-pagination-next,core/query-pagination-previous";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:5:"query";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:3583:"<!-- wp:query {"queryId":1,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full","layout":{"type":"default"}} -->\n<div class="wp-block-query alignfull"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull" style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)"><!-- wp:post-template {"align":"full","style":{"typography":{"textTransform":"none"}}} -->\n<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|contrast","width":"4px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"0","bottom":"var:preset|spacing|30","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->\n<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:4px;padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0"><!-- wp:post-date {"textAlign":"left","format":"m.j","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"1px","fontSize":"2rem","fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast"} /-->\n\n<!-- wp:post-date {"textAlign":"left","format":"Y","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"1px","fontSize":"2rem","fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:post-title {"isLink":true,"style":{"layout":{"selfStretch":"fit"},"typography":{"lineHeight":"1.1","fontSize":"4.6rem","fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"textColor":"contrast"} /--></div>\n<!-- /wp:group -->\n<!-- /wp:post-template --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|40","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group" style="margin-top:0;margin-bottom:0;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:query-pagination {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->\n<!-- wp:query-pagination-previous {"style":{"typography":{"fontSize":"2rem","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"1px"}}} /-->\n\n<!-- wp:query-pagination-next {"style":{"typography":{"fontSize":"2rem","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"1px"}}} /-->\n<!-- /wp:query-pagination --></div>\n<!-- /wp:group --></div>\n<!-- /wp:query -->";}i:16;O:8:"stdClass":7:{s:2:"id";i:229092;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:41:"Header inside full-width background image";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4740:"\n<div class="wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained">\n<div class="wp-block-cover alignfull is-light" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:50px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img decoding="async" class="wp-block-cover__image-background wp-image-61" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-group alignwide has-base-color has-text-color has-link-color wp-elements-a5c55c350363e1349d710a58148fd7b6 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-8c9d081f wp-block-group-is-layout-flex" style="margin-top:0;margin-bottom:0">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><div class="is-default-size is-style-default wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n<h1 class="has-link-color wp-elements-8500967d37da86b97bb53ecc0a52ca72 wp-block-site-title has-text-color has-white-color has-medium-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n\n\n<nav class="has-text-color has-white-color is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-10" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-10-content">\n								<ul class="wp-block-navigation__container has-text-color has-white-color is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n\n\n\n<div style="height:33vw" aria-hidden="true" class="wp-block-spacer"></div>\n</div></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:100:"Simple header with logo, site title, navigation and a full-width background image with dark overlay.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:80:"core/cover,core/group,core/navigation,core/site-logo,core/site-title,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"header";}s:13:"keyword_slugs";a:1:{i:0;s:4:"core";}s:15:"pattern_content";s:2554:"<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull"><!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a","id":61,"dimRatio":50,"overlayColor":"black","focalPoint":{"x":0.5,"y":0.5},"minHeight":50,"contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30);min-height:50px"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim"></span><img class="wp-block-cover__image-background wp-image-61" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"}}},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"base","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide has-base-color has-text-color has-link-color" style="margin-top:0;margin-bottom:0"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-logo {"className":"is-style-default"} /-->\n\n<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"white","fontSize":"medium"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:navigation {"textColor":"white","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"33vw"} -->\n<div style="height:33vw" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:group -->";}i:17;O:8:"stdClass":7:{s:2:"id";i:229097;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:34:"Simple header with dark background";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3932:"\n<div class="wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-602186720dd7d9bef283ca8cacce4883 is-layout-constrained wp-container-core-group-is-layout-9f34fe8c wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><div class="is-default-size wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n<h1 class="has-link-color wp-elements-141496dd038caa4dcf40174bef55cbbe wp-block-site-title"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n\n\n\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 2" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-11" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-11-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:76:"Simple header with logo, site title, navigation links and a dark background.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:57:"core/group,core/navigation,core/site-logo,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1497:"<!-- wp:group {"metadata":{"categories":["header","wireframe"],"patternName":"core/simple-header-with-dark-background","name":"Simple header with dark background"},"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"backgroundColor":"black","textColor":"white","className":"has-background-color","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-logo /-->\n\n<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}}} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap"}} -->\n<div class="wp-block-group"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:18;O:8:"stdClass":7:{s:2:"id";i:229101;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:29:"Text-only header with tagline";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3611:"\n<div class="wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-9f34fe8c wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-b411fb28 wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><h1 class="has-link-color wp-elements-74d9c587c704a765f018836daab4c876 wp-block-site-title"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n<p class="wp-block-site-tagline">Beautifully designed patterns ready to go with a simple copy/paste</p></div>\n\n\n<nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 3" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-12" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-12-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:53:"Header with site title, tagline and navigation links.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:60:"core/group,core/navigation,core/site-tagline,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:966:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}}} /-->\n\n<!-- wp:site-tagline /--></div>\n<!-- /wp:group -->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:19;O:8:"stdClass":7:{s:2:"id";i:229105;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:26:"Simple header with tagline";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4212:"\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color wp-elements-7479bd1e590756c4aa927894dbdbef4e is-layout-constrained wp-container-core-group-is-layout-9f34fe8c wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-b56d9725 wp-block-group-is-layout-flex"><div class="is-default-size wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n\n<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bfed54d0 wp-block-group-is-layout-flex"><h1 class="has-link-color wp-elements-d6577b4021234b9631cf15d9d1fea330 wp-block-site-title"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n<p class="wp-block-site-tagline has-small-font-size">Beautifully designed patterns ready to go with a simple copy/paste</p></div>\n</div>\n\n\n<nav class="has-small-font-size is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 4" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-13" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-13-content">\n								<ul class="wp-block-navigation__container has-small-font-size is-responsive items-justified-right wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:92:"Header with site logo, title and tagline on the left and with navigation links on the right.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:75:"core/group,core/navigation,core/site-logo,core/site-tagline,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1389:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-logo /-->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}}} /-->\n\n<!-- wp:site-tagline {"fontSize":"small"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"fontSize":"small"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:20;O:8:"stdClass":7:{s:2:"id";i:229111;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:36:"Fullwidth site title and menu button";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3342:"\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color wp-elements-e0434f7bbe3c9d87e2f1562e19b734da is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-50016974 wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><h1 class="wp-block-site-title"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n<nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 5" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open always-shown" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container hidden-by-default"  id="modal-14" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-14-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:51:"Header with site title and a hamburger menu button.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:42:"core/group,core/navigation,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:794:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","layout":{"type":"flex","justifyContent":"space-between"}} -->\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:site-title /-->\n\n<!-- wp:navigation {"overlayMenu":"always","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group -->";}i:21;O:8:"stdClass":7:{s:2:"id";i:229116;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:32:"Fullwidth header with hero image";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4740:"\n<div class="wp-block-group alignfull is-layout-constrained wp-block-group-is-layout-constrained">\n<div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-1d00eaaa wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-b56d9725 wp-block-group-is-layout-flex"><div class="is-default-size wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n\n<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bfed54d0 wp-block-group-is-layout-flex"><h1 class="has-link-color wp-elements-f7ec64f471b5bfcc0be230aa4daa838e wp-block-site-title has-medium-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n</div>\n\n\n<nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 6" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-15" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-15-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n\n\n\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;min-height:40vw;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img decoding="async" class="wp-block-cover__image-background wp-image-61" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>\n</div></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:65:"Header on a white background followed by a full-width hero image.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:80:"core/cover,core/group,core/navigation,core/site-logo,core/site-title,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"header";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:2566:"<!-- wp:group {"align":"full","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-logo /-->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"4px"}},"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"fontSize":"medium"} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:cover {"url":"https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&h=1200&fit=clip&crop=default&dpr=1&q=75&vib=3&con=3&usm=15&cs=srgb&bg=F4F4F3&ixlib=js-2.2.1&s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a","id":61,"dimRatio":0,"overlayColor":"black","focalPoint":{"x":0.5,"y":0.5},"minHeight":40,"minHeightUnit":"vw","contentPosition":"center center","isDark":false,"align":"full","style":{"spacing":{"margin":{"top":"0"}}}} -->\n<div class="wp-block-cover alignfull is-light" style="margin-top:0;min-height:40vw"><span aria-hidden="true" class="wp-block-cover__background has-black-background-color has-background-dim-0 has-background-dim"></span><img class="wp-block-cover__image-background wp-image-61" alt="" src="https://img.rawpixel.com/s3fs-private/rawpixel_images/website_content/a017-eberhard-cco-the-after-rain.jpg?w=1200&amp;h=1200&amp;fit=clip&amp;crop=default&amp;dpr=1&amp;q=75&amp;vib=3&amp;con=3&amp;usm=15&amp;cs=srgb&amp;bg=F4F4F3&amp;ixlib=js-2.2.1&amp;s=e7b4ca0a0edcc84ba48c1f7ebf02dd5a" style="object-position:50% 50%" data-object-fit="cover" data-object-position="50% 50%" /><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":"50px"} -->\n<div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div></div>\n<!-- /wp:cover --></div>\n<!-- /wp:group -->";}i:22;O:8:"stdClass":7:{s:2:"id";i:229080;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:25:"Centered header with logo";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3678:"\n<div class="wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-da0445ef wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-3448b7a1 wp-block-group-is-layout-flex"><div class="is-default-size wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n<h1 class="has-link-color wp-elements-7b215d308770124d58b518591412dff8 wp-block-site-title has-text-color has-contrast-color has-large-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n<nav class="is-responsive items-justified-center wp-block-navigation is-content-justification-center is-layout-flex wp-container-core-navigation-is-layout-517857a4 wp-block-navigation-is-layout-flex" aria-label=" 7" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-16" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-16-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-center wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:65:"Center aligned header with logo, site title and navigation links.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:57:"core/group,core/navigation,core/site-logo,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:926:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"center","orientation":"vertical"}} -->\n<div class="wp-block-group alignwide"><!-- wp:site-logo /-->\n\n<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","fontSize":"large"} /-->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"center"}} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:23;O:8:"stdClass":7:{s:2:"id";i:229084;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:37:"Fullwidth header with large font size";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3448:"\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color wp-elements-4b5a1e7a31f9f44eaeb3ab45e5ae60f1 is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-50016974 wp-block-group-is-layout-flex" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><h1 class="wp-block-site-title has-large-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n<nav class="has-large-font-size is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 8" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-17" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-17-content">\n								<ul class="wp-block-navigation__container has-large-font-size is-responsive items-justified-right wp-block-navigation has-large-font-size"><li class="has-large-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-large-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-large-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:80:"Header with a large site title and navigation links in the same large font size.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:42:"core/group,core/navigation,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:811:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast","layout":{"type":"flex","justifyContent":"space-between"}} -->\n<div class="wp-block-group alignfull has-contrast-color has-text-color has-link-color" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:site-title {"fontSize":"large"} /-->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"fontSize":"large"} /--></div>\n<!-- /wp:group -->";}i:24;O:8:"stdClass":7:{s:2:"id";i:229088;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:13:"Simple header";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3740:"\n<div class="wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-9f34fe8c wp-block-group-is-layout-constrained" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-container-core-group-is-layout-b56d9725 wp-block-group-is-layout-flex"><div class="is-default-size wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n<h1 class="has-link-color wp-elements-74d9c587c704a765f018836daab4c876 wp-block-site-title"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n\n\n<nav class="is-responsive items-justified-right wp-block-navigation is-content-justification-right is-layout-flex wp-container-core-navigation-is-layout-f845d360 wp-block-navigation-is-layout-flex" aria-label=" 9" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-18" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-18-content">\n								<ul class="wp-block-navigation__container is-responsive items-justified-right wp-block-navigation"><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:51:"Simple header with logo, site title and navigation.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/header";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:57:"core/group,core/navigation,core/site-logo,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"header";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1021:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|30","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-logo /-->\n\n<!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}}} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /--></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:25;O:8:"stdClass":7:{s:2:"id";i:229123;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:33:"Centered footer with social links";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4268:"\n<div class="wp-block-group alignfull has-contrast-color has-text-color is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-bd7dfa5a wp-block-group-is-layout-flex" style="min-height:30vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)">\n<div class="wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-4dc8b8ac wp-block-group-is-layout-flex">\n<p class="has-text-align-center wp-block-paragraph">Proudly powered by <a href="https://wordpress.org">WordPress</a></p>\n\n\n\n<ul class="wp-block-social-links has-small-icon-size is-style-logos-only is-nowrap is-layout-flex wp-container-core-social-links-is-layout-0ed9dbc8 wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-twitter  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>\n\n<li class="wp-social-link wp-social-link-instagram  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li></ul>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:82:"Centered footer with the sentence "Proudly powered by WordPress" and social links.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:25:"core/group,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1495:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","top":"var:preset|spacing|60"},"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"30vh"}},"textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->\n<div class="wp-block-group alignfull has-contrast-color has-text-color" style="min-height:30vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:group {"style":{"spacing":{"blockGap":"24px"}},"layout":{"type":"flex","flexWrap":"nowrap"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"center"} -->\n<p class="has-text-align-center">Proudly powered by <a href="https://wordpress.org">WordPress</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:social-links {"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"8px","left":"8px"}}},"className":"is-style-logos-only","layout":{"type":"flex","flexWrap":"nowrap"}} -->\n<ul class="wp-block-social-links has-small-icon-size is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->\n\n<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>\n<!-- /wp:social-links --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:26;O:8:"stdClass":7:{s:2:"id";i:229127;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:47:"Footer with search, site title, and credit line";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3290:"\n<div class="wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-6cf33c04 wp-block-group-is-layout-constrained" style="background-color:#00000008;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-b572c875 wp-block-group-is-layout-flex">\n<div class="wp-block-group wp-container-content-9cfa9a5a is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-b4f291b5 wp-block-group-is-layout-constrained">\n<p class="has-text-align-left wp-block-paragraph" style="font-size:0.9rem;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase">Search</p>\n\n\n<form role="search" method="get" action="https://wordpress.org/patterns/" class="wp-block-search__button-outside wp-block-search__icon-button wp-block-search"    ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-19" >Search</label><div class="wp-block-search__inside-wrapper"  style="width: 100%"><input class="wp-block-search__input" id="wp-block-search__input-19" placeholder="" value="" type="search" name="s" required  style="border-width: 1px"/><button aria-label="Search" class="wp-block-search__button has-icon wp-element-button" type="submit"  style="border-width: 1px"><svg class="search-icon" viewBox="0 0 24 24" width="24" height="24">\n					<path d="M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"></path>\n				</svg></button></div></form></div>\n\n\n\n<div class="wp-block-group is-content-justification-right is-nowrap is-layout-flex wp-container-core-group-is-layout-8f3b73a3 wp-block-group-is-layout-flex">\n<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bd946717 wp-block-group-is-layout-flex">\n<p class="has-text-align-left wp-block-paragraph" style="font-size:0.9rem;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase">Social</p>\n\n\n\n<div class="wp-block-group has-small-font-size is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-53054535 wp-block-group-is-layout-flex">\n<p class="wp-block-paragraph"><a href="#">Facebook</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Instagram</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Twitter</a></p>\n</div>\n</div>\n</div>\n</div>\n\n\n\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><h1 class="wp-block-site-title has-small-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n\n\n\n<p class="has-small-font-size wp-block-paragraph"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:88:"Footer with search field and site title on the left, and small credit line on the right.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:65:"core/group,core/paragraph,core/search,core/site-title,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:3254:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|40","left":"var:preset|spacing|40","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}},"color":{"background":"#00000008"}},"layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull has-background" style="background-color:#00000008;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)"><!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"var:preset|spacing|60"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"constrained","justifyContent":"left"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"textTransform":"uppercase","fontSize":"0.9rem","letterSpacing":"1px","fontStyle":"normal","fontWeight":"600"}}} -->\n<p class="has-text-align-left" style="font-size:0.9rem;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase">Search</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:search {"label":"Search","showLabel":false,"width":100,"widthUnit":"%","buttonText":"Search","buttonUseIcon":true,"style":{"border":{"width":"1px"}}} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":[]},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right","verticalAlignment":"top"}} -->\n<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left","style":{"typography":{"textTransform":"uppercase","fontSize":"0.9rem","letterSpacing":"1px","fontStyle":"normal","fontWeight":"600"}}} -->\n<p class="has-text-align-left" style="font-size:0.9rem;font-style:normal;font-weight:600;letter-spacing:1px;text-transform:uppercase">Social</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"},"fontSize":"small"} -->\n<div class="wp-block-group has-small-font-size"><!-- wp:paragraph -->\n<p><a href="#">Facebook</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Instagram</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Twitter</a></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"48px"} -->\n<div style="height:48px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"fontSize":"small"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {"fontSize":"small"} -->\n<p class="has-small-font-size"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:27;O:8:"stdClass":7:{s:2:"id";i:229131;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:38:"Footer with site title and credit line";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:913:"\n<div class="wp-block-group alignfull has-background-color is-layout-constrained wp-container-core-group-is-layout-889d818a wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><h1 class="wp-block-site-title has-small-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1></div>\n\n\n\n<p class="has-small-font-size wp-block-paragraph"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:64:"Footer with site title on the left and credit line on the right.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:41:"core/group,core/paragraph,core/site-title";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1095:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"className":"has-background-color","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull has-background-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"fontSize":"small"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {"fontSize":"small"} -->\n<p class="has-small-font-size"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:28;O:8:"stdClass":7:{s:2:"id";i:229135;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:38:"Footer with navigation and credit line";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3632:"\n<div class="wp-block-group alignfull has-background-color is-layout-constrained wp-container-core-group-is-layout-889d818a wp-block-group-is-layout-constrained" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignwide is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-eb8a1b9b wp-block-group-is-layout-flex">\n<div class="wp-block-group is-layout-flex wp-block-group-is-layout-flex"><nav class="has-small-font-size is-responsive items-justified-left wp-block-navigation is-content-justification-left is-layout-flex wp-container-core-navigation-is-layout-e1d7bd4a wp-block-navigation-is-layout-flex" aria-label=" 10" \n		 data-wp-interactive="core/navigation" data-wp-context=''{"overlayOpenedBy":{"click":false,"hover":false,"focus":false},"type":"overlay","roleAttribute":"","ariaLabel":"Menu"}''><button aria-haspopup="dialog" aria-label="Open menu" class="wp-block-navigation__responsive-container-open" \n				data-wp-on--click="actions.openMenuOnClick"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n			><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7.5h16v1.5H4z"></path><path d="M4 15h16v1.5H4z"></path></svg></button>\n				<div class="wp-block-navigation__responsive-container"  id="modal-20" \n				data-wp-class--has-modal-open="state.isMenuOpen"\n				data-wp-class--is-menu-open="state.isMenuOpen"\n				data-wp-watch="callbacks.initMenu"\n				data-wp-on--keydown="actions.handleMenuKeydown"\n				data-wp-on--focusout="actions.handleMenuFocusout"\n				tabindex="-1"\n			>\n					<div class="wp-block-navigation__responsive-close" tabindex="-1">\n						<div class="wp-block-navigation__responsive-dialog" \n				data-wp-bind--aria-modal="state.ariaModal"\n				data-wp-bind--aria-label="state.ariaLabel"\n				data-wp-bind--role="state.roleAttribute"\n			>\n							<button aria-label="Close menu" class="wp-block-navigation__responsive-container-close" \n				data-wp-on--click="actions.closeMenuOnClick"\n			><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.06 12 6.47-6.47-1.06-1.06L12 10.94 5.53 4.47 4.47 5.53 10.94 12l-6.47 6.47 1.06 1.06L12 13.06l6.47 6.47 1.06-1.06L13.06 12Z"></path></svg></button>\n							<div class="wp-block-navigation__responsive-container-content" \n				data-wp-watch="callbacks.focusFirstElement"\n			 id="modal-20-content">\n								<ul class="wp-block-navigation__container has-small-font-size is-responsive items-justified-left wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul>\n								\n							</div>\n						</div>\n					</div>\n				</div></nav></div>\n\n\n\n<p class="has-small-font-size wp-block-paragraph"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:64:"Footer with navigation on the left and credit line on the right.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:41:"core/group,core/navigation,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1174:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","right":"var:preset|spacing|30","bottom":"var:preset|spacing|40","left":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"className":"has-background-color","layout":{"type":"constrained"}} -->\n<div class="wp-block-group alignfull has-background-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:group {"layout":{"type":"flex"}} -->\n<div class="wp-block-group"><!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"left"},"fontSize":"small"} /--></div>\n<!-- /wp:group -->\n\n<!-- wp:paragraph {"fontSize":"small"} -->\n<p class="has-small-font-size"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:29;O:8:"stdClass":7:{s:2:"id";i:229139;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:56:"Fullwidth footer with background color and three columns";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3235:"\n<div class="wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color wp-elements-8d0170a0199cafe7fbcba6c0b4dac464 is-vertical is-content-justification-stretch is-layout-flex wp-container-core-group-is-layout-8f544b26 wp-block-group-is-layout-flex" style="min-height:40vh;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)">\n<div class="wp-block-columns alignwide has-small-font-size is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="has-text-align-center wp-block-paragraph">Location</p>\n\n\n\n<p class="has-text-align-center wp-block-paragraph">2020 Lomita Blvd,&nbsp;<br>Torrance, CA 90101<br>United States</p>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="has-text-align-center wp-block-paragraph">Pages</p>\n\n\n<nav class="has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation is-content-justification-center is-nowrap is-layout-flex wp-container-core-navigation-is-layout-f78a169d wp-block-navigation-is-layout-flex" aria-label=" 11"><ul class="wp-block-navigation__container has-small-font-size items-justified-center is-vertical no-wrap wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul></nav>\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="has-text-align-center wp-block-paragraph">Follow us</p>\n\n\n\n<div class="wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-36971928 wp-block-group-is-layout-flex">\n<p class="wp-block-paragraph"><a href="#">Facebook</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Instagram</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Twitter</a></p>\n</div>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n</div>\n\n\n\n<div class="wp-block-group alignwide is-content-justification-center is-layout-flex wp-container-core-group-is-layout-5bbf7c30 wp-block-group-is-layout-flex">\n<p class="has-text-align-center has-small-font-size wp-block-paragraph"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:57:"Text-only footer with background color and three columns.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:78:"core/column,core/columns,core/group,core/navigation,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:3225:"<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"var:preset|spacing|60","right":"var:preset|spacing|40","bottom":"var:preset|spacing|60","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"},"blockGap":"var:preset|spacing|30"},"dimensions":{"minHeight":"40vh"}},"backgroundColor":"black","textColor":"white","className":"has-background-color","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch","verticalAlignment":"center"}} -->\n<div class="wp-block-group alignfull has-background-color has-white-color has-black-background-color has-text-color has-background has-link-color" style="min-height:40vh;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)"><!-- wp:columns {"align":"wide","fontSize":"small"} -->\n<div class="wp-block-columns alignwide has-small-font-size"><!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->\n<p class="has-text-align-center">Location</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"center"} -->\n<p class="has-text-align-center">2020 Lomita Blvd,&nbsp;<br>Torrance, CA 90101<br>United States</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->\n<p class="has-text-align-center">Pages</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"8px"}},"fontSize":"small"} /-->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"align":"center"} -->\n<p class="has-text-align-center">Follow us</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n<div class="wp-block-group"><!-- wp:paragraph -->\n<p><a href="#">Facebook</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Instagram</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Twitter</a></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"center","flexWrap":"wrap"}} -->\n<div class="wp-block-group alignwide"><!-- wp:paragraph {"align":"center","fontSize":"small"} -->\n<p class="has-text-align-center has-small-font-size"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:30;O:8:"stdClass":7:{s:2:"id";i:229143;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:33:"Centered footer with social links";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4174:"\n<div class="wp-block-group alignfull has-contrast-color has-text-color is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-bd7dfa5a wp-block-group-is-layout-flex" style="min-height:40vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><div style="margin-bottom:6px;" class="is-default-size aligncenter wp-block-site-logo"><span class="custom-logo-link"><img decoding="async" src="https://s.w.org/images/wmark.png" class="custom-logo" alt="Site logo"></span></div>\n\n\n<p class="has-text-align-center has-medium-font-size wp-block-paragraph">Proudly powered by <a href="https://wordpress.org">WordPress</a></p>\n\n\n\n<ul class="wp-block-social-links has-normal-icon-size is-style-logos-only is-nowrap is-layout-flex wp-container-core-social-links-is-layout-0b9dcabe wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-facebook  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Facebook</span></a></li>\n\n<li class="wp-social-link wp-social-link-twitter  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>\n\n<li class="wp-social-link wp-social-link-wordpress  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg><span class="wp-block-social-link-label screen-reader-text">WordPress</span></a></li></ul>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:71:"Footer with centered site title, tagline, social links and credit line.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.2";s:25:"wpop_contains_block_types";s:75:"core/group,core/paragraph,core/site-logo,core/social-link,core/social-links";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1532:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","bottom":"var:preset|spacing|60","left":"var:preset|spacing|50","top":"var:preset|spacing|60"},"blockGap":"var:preset|spacing|40","margin":{"top":"0","bottom":"0"}},"dimensions":{"minHeight":"40vh"}},"textColor":"contrast","layout":{"type":"flex","orientation":"vertical","justifyContent":"center","verticalAlignment":"center"}} -->\n<div class="wp-block-group alignfull has-contrast-color has-text-color" style="min-height:40vh;margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--50)"><!-- wp:site-logo {"align":"center","style":{"spacing":{"margin":{"bottom":"6px"}}}} /-->\n\n<!-- wp:paragraph {"align":"center","fontSize":"medium"} -->\n<p class="has-text-align-center has-medium-font-size">Proudly powered by <a href="https://wordpress.org">WordPress</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:social-links {"size":"has-normal-icon-size","style":{"spacing":{"blockGap":{"top":"12px","left":"12px"}}},"className":"is-style-logos-only","layout":{"type":"flex","flexWrap":"nowrap"}} -->\n<ul class="wp-block-social-links has-normal-icon-size is-style-logos-only"><!-- wp:social-link {"url":"#","service":"facebook"} /-->\n\n<!-- wp:social-link {"url":"#","service":"twitter"} /-->\n\n<!-- wp:social-link {"url":"#","service":"wordpress"} /--></ul>\n<!-- /wp:social-links --></div>\n<!-- /wp:group -->";}i:31;O:8:"stdClass":7:{s:2:"id";i:229147;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:52:"Fullwidth footer with navigation, credit, and social";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:4685:"\n<div class="wp-block-group alignfull has-background-color is-layout-flow wp-block-group-is-layout-flow" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group alignfull has-small-font-size is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-477afd24 wp-block-group-is-layout-flex"><h1 class="wp-block-site-title has-small-font-size wp-container-content-b0223bd5"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n\n<div class="wp-block-group wp-container-content-9cfa9a5a is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-7c09a6da wp-block-group-is-layout-flex">\n<p class="has-text-align-center has-small-font-size wp-block-paragraph"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n</div>\n\n\n\n<ul class="wp-block-social-links has-small-icon-size is-style-logos-only wp-container-content-b0223bd5 is-content-justification-right is-nowrap is-layout-flex wp-container-core-social-links-is-layout-31c4c88e wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-twitter  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Twitter</span></a></li>\n\n<li class="wp-social-link wp-social-link-instagram  wp-block-social-link"><a href="#" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"></path></svg><span class="wp-block-social-link-label screen-reader-text">Instagram</span></a></li></ul>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:87:"Footer with site title on the left, credit in the middle and social links on the right.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:76:"core/group,core/paragraph,core/site-title,core/social-link,core/social-links";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1869:"<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|30","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30"},"margin":{"top":"0","bottom":"0"}}},"className":"has-background-color","layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull has-background-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"align":"full","style":{"spacing":{"blockGap":"0"}},"layout":{"type":"flex","justifyContent":"space-between","flexWrap":"nowrap"},"fontSize":"small"} -->\n<div class="wp-block-group alignfull has-small-font-size"><!-- wp:site-title {"style":{"layout":{"selfStretch":"fixed","flexSize":"25%"}},"fontSize":"small"} /-->\n\n<!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"center","fontSize":"small"} -->\n<p class="has-text-align-center has-small-font-size"> Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:social-links {"size":"has-small-icon-size","style":{"spacing":{"blockGap":{"top":"0","left":"12px"}},"layout":{"selfStretch":"fixed","flexSize":"25%"}},"className":"is-style-logos-only","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"right"}} -->\n<ul class="wp-block-social-links has-small-icon-size is-style-logos-only"><!-- wp:social-link {"url":"#","service":"twitter"} /-->\n\n<!-- wp:social-link {"url":"#","service":"instagram"} /--></ul>\n<!-- /wp:social-links --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:32;O:8:"stdClass":7:{s:2:"id";i:229151;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:19:"Left-aligned footer";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3128:"\n<div class="wp-block-group alignfull is-content-justification-space-between is-layout-flex wp-container-core-group-is-layout-ea752118 wp-block-group-is-layout-flex" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)">\n<div class="wp-block-group wp-container-content-9cfa9a5a is-vertical is-layout-flex wp-container-core-group-is-layout-79ad9e6d wp-block-group-is-layout-flex"><h1 class="wp-block-site-title has-medium-font-size"><a href="https://wordpress.org/patterns" target="_self" rel="home">Patterns</a></h1>\n\n\n<p class="has-text-align-left wp-block-paragraph">2020 Lomita Blvd,&nbsp;<br>Torrance, CA 90101<br>United States</p>\n\n\n\n<p class="has-text-align-left has-small-font-size wp-block-paragraph">Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n\n\n\n<div class="wp-block-group is-content-justification-right is-layout-flex wp-container-core-group-is-layout-735f15fc wp-block-group-is-layout-flex">\n<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bd946717 wp-block-group-is-layout-flex">\n<p class="has-text-align-left wp-block-paragraph">Pages</p>\n\n\n<nav class="has-small-font-size items-justified-left is-vertical no-wrap wp-block-navigation is-content-justification-left is-nowrap is-layout-flex wp-container-core-navigation-is-layout-4d6072d6 wp-block-navigation-is-layout-flex" aria-label=" 12"><ul class="wp-block-navigation__container has-small-font-size items-justified-left is-vertical no-wrap wp-block-navigation has-small-font-size"><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Home</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">About</span></a></li><li class="has-small-font-size wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content"  href="#"><span class="wp-block-navigation-item__label">Contact</span></a></li></ul></nav>\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n\n\n\n<div class="wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-bd946717 wp-block-group-is-layout-flex">\n<p class="has-text-align-left wp-block-paragraph">Social</p>\n\n\n\n<div class="wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-53054535 wp-block-group-is-layout-flex">\n<p class="wp-block-paragraph"><a href="#">Facebook</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Instagram</a></p>\n\n\n\n<p class="wp-block-paragraph"><a href="#">Twitter</a></p>\n</div>\n\n\n\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:44:"Left-aligned footer with just a credit line.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:1:{i:0;s:25:"core/template-part/footer";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:3:"6.1";s:25:"wpop_contains_block_types";s:69:"core/group,core/navigation,core/paragraph,core/site-title,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:6:"footer";i:1;s:9:"wireframe";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:2939:"<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|30","bottom":"var:preset|spacing|50","left":"var:preset|spacing|30"}}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->\n<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--30)"><!-- wp:group {"style":{"layout":{"selfStretch":"fill","flexSize":null}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"top"}} -->\n<div class="wp-block-group"><!-- wp:site-title {"fontSize":"medium"} /-->\n\n<!-- wp:paragraph {"align":"left"} -->\n<p class="has-text-align-left">2020 Lomita Blvd,&nbsp;<br>Torrance, CA 90101<br>United States</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"align":"left","fontSize":"small"} -->\n<p class="has-text-align-left has-small-font-size">Proudly powered by <a rel="nofollow" href="https://wordpress.org">WordPress</a> </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"right","verticalAlignment":"top"}} -->\n<div class="wp-block-group"><!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left"} -->\n<p class="has-text-align-left">Pages</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical","justifyContent":"left","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"8px"}},"fontSize":"small"} /-->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group -->\n\n<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->\n<div class="wp-block-group"><!-- wp:paragraph {"align":"left"} -->\n<p class="has-text-align-left">Social</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left"}} -->\n<div class="wp-block-group"><!-- wp:paragraph -->\n<p><a href="#">Facebook</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Instagram</a></p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><a href="#">Twitter</a></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"24px"} -->\n<div style="height:24px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:33;O:8:"stdClass":7:{s:2:"id";i:201;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:32:"Three columns with offset images";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1358:"\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">\n<figure class="wp-block-image size-large is-style-default"><img decoding="async" src="https://s.w.org/images/core/5.8/architecture-01.jpg" alt="Close-up, abstract view of geometric architecture." /></figure>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:25%">\n<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/architecture-02.jpg" alt="Close-up, angled view of a window on a white building." /></figure>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:45%">\n<figure class="wp-block-image size-large is-style-default"><img decoding="async" src="https://s.w.org/images/core/5.8/architecture-03.jpg" alt="Close-up of the corner of a white, geometric building with both sharp points and round corners." /></figure>\n\n\n\n<div style="height:285px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:33:"Three columns with offset images.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:47:"core/column,core/columns,core/image,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:7:"gallery";i:1;s:6:"images";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1753:"<!-- wp:columns {"align":"wide"} -->\n<div class="wp-block-columns alignwide"><!-- wp:column {"width":"25%"} -->\n<div class="wp-block-column" style="flex-basis:25%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->\n<figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/architecture-01.jpg" alt="Close-up, abstract view of geometric architecture." /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"width":"25%"} -->\n<div class="wp-block-column" style="flex-basis:25%"><!-- wp:spacer {"height":500} -->\n<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:spacer {"height":150} -->\n<div style="height:150px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/architecture-02.jpg" alt="Close-up, angled view of a window on a white building." /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"width":"45%"} -->\n<div class="wp-block-column" style="flex-basis:45%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none","className":"is-style-default"} -->\n<figure class="wp-block-image size-large is-style-default"><img src="https://s.w.org/images/core/5.8/architecture-03.jpg" alt="Close-up of the corner of a white, geometric building with both sharp points and round corners." /></figure>\n<!-- /wp:image -->\n\n<!-- wp:spacer {"height":285} -->\n<div style="height:285px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->";}i:34;O:8:"stdClass":7:{s:2:"id";i:199;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:34:"Three columns with images and text";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:3680:"\n<div class="wp-block-group alignfull has-background is-layout-flow wp-block-group-is-layout-flow" style="background-color:#f5eac1;padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw">\n<div class="wp-block-group is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-f19201c6 wp-block-group-is-layout-flex" style="padding-right:0;padding-left:0">\n<h6 class="wp-block-heading has-text-color" id="ecosystem" style="color:#000000;font-size:16px">ECOSYSTEM</h6>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:6vw;font-style:normal;font-weight:700;letter-spacing:0px;line-height:0.9;text-decoration:none;text-transform:none">Positive growth.</p>\n</div>\n\n\n\n<div style="height:1vw" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-group alignwide is-vertical is-nowrap is-layout-flex wp-container-core-group-is-layout-493f451d wp-block-group-is-layout-flex" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0">\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-886db315 wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.38%">\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:17px"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf.&nbsp;<em>Art</em>&nbsp;is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. </p>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:17px">But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">\n<div style="height:2vw" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest." /></figure>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33.62%">\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky." /></figure>\n</div>\n</div>\n\n\n\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-90cda669 wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:69%">\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road." /></figure>\n</div>\n\n\n\n<div class="wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:33%">\n<div style="height:2vw" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:17px">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man&#8217;s condition is a solution in hieroglyphic to those inquiries he would put.</p>\n</div>\n</div>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:77:"Three columns with images and text, with vertical spacing for an offset look.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:86:"core/column,core/columns,core/group,core/heading,core/image,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:4:{i:0;s:7:"columns";i:1;s:7:"gallery";i:2;s:6:"images";i:3;s:4:"text";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:5124:"<!-- wp:group {"align":"full","style":{"color":{"background":"#f5eac1"},"spacing":{"padding":{"top":"6vw","bottom":"6vw","left":"6vw","right":"6vw"}}},"layout":{"type":"default"}} -->\n<div class="wp-block-group alignfull has-background" style="background-color:#f5eac1;padding-top:6vw;padding-right:6vw;padding-bottom:6vw;padding-left:6vw"><!-- wp:group {"style":{"spacing":{"blockGap":"16px","padding":{"right":"0","left":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->\n<div class="wp-block-group" style="padding-right:0;padding-left:0"><!-- wp:heading {"level":6,"style":{"color":{"text":"#000000"},"typography":{"fontSize":"16px"}},"anchor":"ecosystem"} -->\n<h6 class="wp-block-heading has-text-color" id="ecosystem" style="color:#000000;font-size:16px">ECOSYSTEM</h6>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {"style":{"typography":{"lineHeight":"0.9","fontSize":"6vw","fontStyle":"normal","fontWeight":"700","textTransform":"none","textDecoration":"none","letterSpacing":"0px"},"color":{"text":"#000000"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:6vw;font-style:normal;font-weight:700;letter-spacing:0px;line-height:0.9;text-decoration:none;text-transform:none">Positive growth.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:group -->\n\n<!-- wp:spacer {"height":"1vw"} -->\n<div style="height:1vw" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:group {"align":"wide","style":{"spacing":{"blockGap":"3vw","padding":{"top":"0","bottom":"0","left":"0","right":"0"}}},"layout":{"type":"flex","orientation":"vertical","flexWrap":"nowrap"}} -->\n<div class="wp-block-group alignwide" style="padding-top:0;padding-right:0;padding-bottom:0;padding-left:0"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"3vw","left":"3vw"}}}} -->\n<div class="wp-block-columns alignwide"><!-- wp:column {"width":"33.38%"} -->\n<div class="wp-block-column" style="flex-basis:33.38%"><!-- wp:paragraph {"style":{"color":{"text":"#000000"},"typography":{"fontSize":"17px"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:17px"><em>Nature</em>, in the common sense, refers to essences unchanged by man; space, the air, the river, the leaf.&nbsp;<em>Art</em>&nbsp;is applied to the mixture of his will with the same things, as in a house, a canal, a statue, a picture. </p>\n<!-- /wp:paragraph -->\n\n<!-- wp:paragraph {"style":{"color":{"text":"#000000"},"typography":{"fontSize":"17px"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:17px">But his operations taken together are so insignificant, a little chipping, baking, patching, and washing, that in an impression so grand as that of the world on the human mind, they do not vary the result.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"width":"33%"} -->\n<div class="wp-block-column" style="flex-basis:33%"><!-- wp:spacer {"height":"2vw"} -->\n<div style="height:2vw" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-01.jpg" alt="The sun setting through a dense forest." /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"width":"33.62%"} -->\n<div class="wp-block-column" style="flex-basis:33.62%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-02.jpg" alt="Wind turbines standing on a grassy plain, against a blue sky." /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"left":"3vw"}}}} -->\n<div class="wp-block-columns alignwide"><!-- wp:column {"width":"69%"} -->\n<div class="wp-block-column" style="flex-basis:69%"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/outside-03.jpg" alt="The sun shining over a ridge leading down into the shore. In the distance, a car drives down a road." /></figure>\n<!-- /wp:image --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"verticalAlignment":"center","width":"33%"} -->\n<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:33%"><!-- wp:spacer {"height":"2vw"} -->\n<div style="height:2vw" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:paragraph {"style":{"color":{"text":"#000000"},"typography":{"fontSize":"17px"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:17px">Undoubtedly we have no questions to ask which are unanswerable. We must trust the perfection of the creation so far, as to believe that whatever curiosity the order of things has awakened in our minds, the order of things can satisfy. Every man''s condition is a solution in hieroglyphic to those inquiries he would put.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div>\n<!-- /wp:group --></div>\n<!-- /wp:group -->";}i:35;O:8:"stdClass":7:{s:2:"id";i:197;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:39:"Two columns of text with offset heading";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:2353:"\n<div class="wp-block-group alignfull has-background is-layout-flow wp-block-group-is-layout-flow" style="background-color:#f2f0e9">\n<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<div class="wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:30px;line-height:1.1"><strong>Oceanic Inspiration</strong></p>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:50%">\n<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#000000;color:#000000" />\n</div>\n</div>\n\n\n\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="has-text-color has-extra-small-font-size wp-block-paragraph" style="color:#000000">Winding veils round their heads, the women walked on deck. They were now moving steadily down the river, passing the dark shapes of ships at anchor, and London was a swarm of lights with a pale yellow canopy drooping above it. There were the lights of the great theatres, the lights of the long streets, lights that indicated huge squares of domestic comfort, lights that hung high in air.</p>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="has-text-color has-extra-small-font-size wp-block-paragraph" style="color:#000000">No darkness would ever settle upon those lamps, as no darkness had settled upon them for hundreds of years. It seemed dreadful that the town should blaze for ever in the same spot; dreadful at least to people going away to adventure upon the sea, and beholding it as a circumscribed mound, eternally burnt, eternally scarred. From the deck of the ship the great city appeared a crouched and cowardly figure, a sedentary miser.</p>\n</div>\n</div>\n\n\n\n<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:43:"Two columns of text with an offset heading.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:77:"core/column,core/columns,core/group,core/paragraph,core/separator,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:7:"columns";i:1;s:4:"text";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:2837:"<!-- wp:group {"align":"full","style":{"color":{"background":"#f2f0e9"}}} -->\n<div class="wp-block-group alignfull has-background" style="background-color:#f2f0e9"><!-- wp:spacer {"height":70} -->\n<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:columns {"verticalAlignment":"center","align":"wide"} -->\n<div class="wp-block-columns alignwide are-vertically-aligned-center"><!-- wp:column {"width":"50%"} -->\n<div class="wp-block-column" style="flex-basis:50%"><!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontSize":"30px"},"color":{"text":"#000000"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:30px;line-height:1.1"><strong>Oceanic Inspiration</strong></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column {"width":"50%"} -->\n<div class="wp-block-column" style="flex-basis:50%"><!-- wp:separator {"customColor":"#000000","className":"is-style-wide"} -->\n<hr class="wp-block-separator has-text-color has-background is-style-wide" style="background-color:#000000;color:#000000" />\n<!-- /wp:separator --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:columns {"align":"wide"} -->\n<div class="wp-block-columns alignwide"><!-- wp:column -->\n<div class="wp-block-column"></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"fontSize":"extra-small"} -->\n<p class="has-text-color has-extra-small-font-size" style="color:#000000">Winding veils round their heads, the women walked on deck. They were now moving steadily down the river, passing the dark shapes of ships at anchor, and London was a swarm of lights with a pale yellow canopy drooping above it. There were the lights of the great theatres, the lights of the long streets, lights that indicated huge squares of domestic comfort, lights that hung high in air.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"style":{"color":{"text":"#000000"}},"fontSize":"extra-small"} -->\n<p class="has-text-color has-extra-small-font-size" style="color:#000000">No darkness would ever settle upon those lamps, as no darkness had settled upon them for hundreds of years. It seemed dreadful that the town should blaze for ever in the same spot; dreadful at least to people going away to adventure upon the sea, and beholding it as a circumscribed mound, eternally burnt, eternally scarred. From the deck of the ship the great city appeared a crouched and cowardly figure, a sedentary miser.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->\n\n<!-- wp:spacer {"height":40} -->\n<div style="height:40px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer --></div>\n<!-- /wp:group -->";}i:36;O:8:"stdClass":7:{s:2:"id";i:196;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:41:"Media and text in a full height container";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1484:"\n<div class="wp-block-cover alignfull is-light" style="min-height:100vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#ffffff"></span><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill" style="grid-template-columns:56% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://s.w.org/images/core/5.8/soil.jpg);background-position:50% 50%"><img decoding="async" src="https://s.w.org/images/core/5.8/soil.jpg" alt="Close-up of dried, cracked earth." /></figure><div class="wp-block-media-text__content">\n<h2 class="wp-block-heading has-text-color" style="color:#000000;font-size:32px"><strong>What&#8217;s the problem?</strong></h2>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#000000;font-size:17px">Trees are more important today than ever before. More than 10,000 products are reportedly made from trees. Through chemistry, the humble woodpile is yielding chemicals, plastics and fabrics that were beyond comprehension when an axe first felled a Texas tree.</p>\n\n\n\n<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">\n<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Learn more</a></div>\n</div>\n</div></div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:77:"Media and text block with image to the left and text and button to the right.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:79:"core/button,core/buttons,core/cover,core/heading,core/media-text,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:2015:"<!-- wp:cover {"customOverlayColor":"#ffffff","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","isDark":false,"align":"full"} -->\n<div class="wp-block-cover alignfull is-light" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim" style="background-color:#ffffff"></span><div class="wp-block-cover__inner-container"><!-- wp:media-text {"mediaLink":"https://s.w.org/images/core/5.8/soil.jpg","mediaType":"image","mediaWidth":56,"verticalAlignment":"center","imageFill":true} -->\n<div class="wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill" style="grid-template-columns:56% auto"><figure class="wp-block-media-text__media" style="background-image:url(https://s.w.org/images/core/5.8/soil.jpg);background-position:50% 50%"><img src="https://s.w.org/images/core/5.8/soil.jpg" alt="Close-up of dried, cracked earth." /></figure><div class="wp-block-media-text__content"><!-- wp:heading {"style":{"typography":{"fontSize":"32px"},"color":{"text":"#000000"}}} -->\n<h2 class="wp-block-heading has-text-color" style="color:#000000;font-size:32px"><strong>What''s the problem?</strong></h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {"style":{"typography":{"fontSize":"17px"},"color":{"text":"#000000"}}} -->\n<p class="has-text-color" style="color:#000000;font-size:17px">Trees are more important today than ever before. More than 10,000 products are reportedly made from trees. Through chemistry, the humble woodpile is yielding chemicals, plastics and fabrics that were beyond comprehension when an axe first felled a Texas tree.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class="wp-block-buttons"><!-- wp:button {"className":"is-style-fill"} -->\n<div class="wp-block-button is-style-fill"><a class="wp-block-button__link wp-element-button">Learn more</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div></div>\n<!-- /wp:media-text --></div></div>\n<!-- /wp:cover -->";}i:37;O:8:"stdClass":7:{s:2:"id";i:195;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:38:"Media and text with image on the right";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:765:"\n<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center is-style-default" style="grid-template-columns:auto 56%"><div class="wp-block-media-text__content">\n<h2 class="wp-block-heading has-text-color" style="color:#000000"><strong>Shore with Blue Sea</strong></h2>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#636363;font-size:17px;line-height:1.1">Eleanor Harris&nbsp;(American, 1901-1942)</p>\n</div><figure class="wp-block-media-text__media"><img decoding="async" src="https://s.w.org/images/core/5.8/art-02.jpg" alt="A green and brown rural landscape leading into a bright blue ocean and slightly cloudy sky, done in oil paints." /></figure></div>\n\n\n\n<p class="wp-block-paragraph"></p>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:66:"Media and text block with image to the right and text to the left.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:43:"core/heading,core/media-text,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1155:"<!-- wp:media-text {"align":"full","mediaPosition":"right","mediaLink":"#","mediaType":"image","mediaWidth":56,"verticalAlignment":"center","className":"is-style-default"} -->\n<div class="wp-block-media-text alignfull has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center is-style-default" style="grid-template-columns:auto 56%"><div class="wp-block-media-text__content"><!-- wp:heading {"style":{"color":{"text":"#000000"}}} -->\n<h2 class="wp-block-heading has-text-color" style="color:#000000"><strong>Shore with Blue Sea</strong></h2>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.1","fontSize":"17px"},"color":{"text":"#636363"}}} -->\n<p class="has-text-color" style="color:#636363;font-size:17px;line-height:1.1">Eleanor Harris&nbsp;(American, 1901-1942)</p>\n<!-- /wp:paragraph --></div><figure class="wp-block-media-text__media"><img src="https://s.w.org/images/core/5.8/art-02.jpg" alt="A green and brown rural landscape leading into a bright blue ocean and slightly cloudy sky, done in oil paints." /></figure></div>\n<!-- /wp:media-text -->\n\n<!-- wp:paragraph -->\n<p></p>\n<!-- /wp:paragraph -->";}i:38;O:8:"stdClass":7:{s:2:"id";i:192;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:37:"Media and text with image on the left";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:630:"\n<div class="wp-block-media-text alignfull is-stacked-on-mobile is-vertically-aligned-center"><figure class="wp-block-media-text__media"><img decoding="async" src="https://s.w.org/images/core/5.8/architecture-04.jpg" alt="Close-up, abstract view of architecture." /></figure><div class="wp-block-media-text__content">\n<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#000000"><strong>Open Spaces</strong></h3>\n\n\n\n<p class="has-text-align-center has-extra-small-font-size wp-block-paragraph"><a href="#">See case study <span aria-hidden="true" class="wp-exclude-emoji">↗</span></a></p>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:66:"Media and text block with image to the left and text to the right.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:43:"core/heading,core/media-text,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:844:"<!-- wp:media-text {"align":"full","mediaType":"image","verticalAlignment":"center"} -->\n<div class="wp-block-media-text alignfull is-stacked-on-mobile is-vertically-aligned-center"><figure class="wp-block-media-text__media"><img src="https://s.w.org/images/core/5.8/architecture-04.jpg" alt="Close-up, abstract view of architecture." /></figure><div class="wp-block-media-text__content"><!-- wp:heading {"textAlign":"center","level":3,"style":{"color":{"text":"#000000"}}} -->\n<h3 class="wp-block-heading has-text-align-center has-text-color" style="color:#000000"><strong>Open Spaces</strong></h3>\n<!-- /wp:heading -->\n\n<!-- wp:paragraph {"align":"center","fontSize":"extra-small"} -->\n<p class="has-text-align-center has-extra-small-font-size"><a href="#">See case study ↗</a></p>\n<!-- /wp:paragraph --></div></div>\n<!-- /wp:media-text -->";}i:39;O:8:"stdClass":7:{s:2:"id";i:186;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:35:"Large header with text and a button";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1596:"\n<div class="wp-block-cover alignfull has-parallax" style="min-height:100vh;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim" style="background-color:#000000"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://s.w.org/images/core/5.8/art-01.jpg)"></div><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<h2 class="wp-block-heading alignwide has-white-color has-text-color" style="font-size:48px;line-height:1.2"><strong><em>Overseas:</em></strong><br><strong><em>1500 — 1960</em></strong></h2>\n\n\n\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:60%">\n<p class="has-text-color wp-block-paragraph" style="color:#ffffff">An exhibition about the different representations of the ocean throughout time, between the sixteenth and the twentieth century. Taking place in our Open Room in <em>Floor 2</em>.</p>\n\n\n\n<div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex">\n<div class="wp-block-button is-style-outline is-style-outline--21"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#ffffff;background-color:#000000">Visit</a></div>\n</div>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:62:"Large header with background image and text and button on top.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:88:"core/button,core/buttons,core/column,core/columns,core/cover,core/heading,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:2053:"<!-- wp:cover {"url":"https://s.w.org/images/core/5.8/art-01.jpg","hasParallax":true,"dimRatio":40,"customOverlayColor":"#000000","minHeight":100,"minHeightUnit":"vh","contentPosition":"center center","align":"full"} -->\n<div class="wp-block-cover alignfull has-parallax" style="min-height:100vh"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-40 has-background-dim" style="background-color:#000000"></span><div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(https://s.w.org/images/core/5.8/art-01.jpg)"></div><div class="wp-block-cover__inner-container"><!-- wp:heading {"style":{"typography":{"fontSize":"48px","lineHeight":"1.2"}},"className":"alignwide has-white-color has-text-color"} -->\n<h2 class="wp-block-heading alignwide has-white-color has-text-color" style="font-size:48px;line-height:1.2"><strong><em>Overseas:</em></strong><br><strong><em>1500 — 1960</em></strong></h2>\n<!-- /wp:heading -->\n\n<!-- wp:columns {"align":"wide"} -->\n<div class="wp-block-columns alignwide"><!-- wp:column {"width":"60%"} -->\n<div class="wp-block-column" style="flex-basis:60%"><!-- wp:paragraph {"style":{"color":{"text":"#ffffff"}}} -->\n<p class="has-text-color" style="color:#ffffff">An exhibition about the different representations of the ocean throughout time, between the sixteenth and the twentieth century. Taking place in our Open Room in <em>Floor 2</em>.</p>\n<!-- /wp:paragraph -->\n\n<!-- wp:buttons -->\n<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"text":"#ffffff","background":"#000000"}},"className":"is-style-outline"} -->\n<div class="wp-block-button is-style-outline"><a class="wp-block-button__link has-text-color has-background wp-element-button" style="color:#ffffff;background-color:#000000">Visit</a></div>\n<!-- /wp:button --></div>\n<!-- /wp:buttons --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->";}i:40;O:8:"stdClass":7:{s:2:"id";i:185;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:35:"Large header with left-aligned text";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1388:"\n<div class="wp-block-cover alignfull" style="min-height:800px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img decoding="async" class="wp-block-cover__image-background" alt="" src="https://s.w.org/images/core/5.8/forest.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow">\n<h2 class="wp-block-heading alignwide has-text-color" style="color:#ffe074;font-size:64px">Forest.</h2>\n\n\n\n<div class="wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:55%">\n<div style="height:330px" aria-hidden="true" class="wp-block-spacer"></div>\n\n\n\n<p class="has-text-color wp-block-paragraph" style="color:#ffe074;font-size:12px;line-height:1.3"><em>Even a child knows how valuable the forest is. The fresh, breathtaking smell of trees. Echoing birds flying above that dense magnitude. A stable climate, a sustainable diverse life and a source of culture. Yet, forests and other ecosystems hang in the balance, threatened to become croplands, pasture, and plantations.</em></p>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"></div>\n</div>\n</div></div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:29:"Cover image with quote on top";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:75:"core/column,core/columns,core/cover,core/heading,core/paragraph,core/spacer";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:6:"banner";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1698:"<!-- wp:cover {"url":"https://s.w.org/images/core/5.8/forest.jpg","dimRatio":60,"minHeight":800,"align":"full"} -->\n<div class="wp-block-cover alignfull" style="min-height:800px"><span aria-hidden="true" class="wp-block-cover__background has-background-dim-60 has-background-dim"></span><img class="wp-block-cover__image-background" alt="" src="https://s.w.org/images/core/5.8/forest.jpg" data-object-fit="cover" /><div class="wp-block-cover__inner-container"><!-- wp:heading {"align":"wide","style":{"color":{"text":"#ffe074"},"typography":{"fontSize":"64px"}}} -->\n<h2 class="wp-block-heading alignwide has-text-color" style="color:#ffe074;font-size:64px">Forest.</h2>\n<!-- /wp:heading -->\n\n<!-- wp:columns {"align":"wide"} -->\n<div class="wp-block-columns alignwide"><!-- wp:column {"width":"55%"} -->\n<div class="wp-block-column" style="flex-basis:55%"><!-- wp:spacer {"height":"330px"} -->\n<div style="height:330px" aria-hidden="true" class="wp-block-spacer"></div>\n<!-- /wp:spacer -->\n\n<!-- wp:paragraph {"style":{"color":{"text":"#ffe074"},"typography":{"lineHeight":"1.3","fontSize":"12px"}}} -->\n<p class="has-text-color" style="color:#ffe074;font-size:12px;line-height:1.3"><em>Even a child knows how valuable the forest is. The fresh, breathtaking smell of trees. Echoing birds flying above that dense magnitude. A stable climate, a sustainable diverse life and a source of culture. Yet, forests and other ecosystems hang in the balance, threatened to become croplands, pasture, and plantations.</em></p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns --></div></div>\n<!-- /wp:cover -->";}i:41;O:8:"stdClass":7:{s:2:"id";i:184;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:7:"Heading";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:526:"\n<h2 class="alignwide wp-block-heading" id="we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration" style="font-size:48px;line-height:1.1">We&#8217;re a studio in Berlin with an international practice in architecture, urban planning and interior design. We believe in sharing knowledge and promoting dialogue to increase the creative potential of collaboration.</h2>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:17:"large text, title";s:16:"wpop_description";s:12:"Heading text";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:1:{i:0;s:12:"core/heading";}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:12:"core/heading";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:4:"text";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:621:"<!-- wp:heading {"align":"wide","style":{"typography":{"fontSize":"48px","lineHeight":"1.1"}}} -->\n<h2 class="alignwide" id="we-re-a-studio-in-berlin-with-an-international-practice-in-architecture-urban-planning-and-interior-design-we-believe-in-sharing-knowledge-and-promoting-dialogue-to-increase-the-creative-potential-of-collaboration" style="font-size:48px;line-height:1.1">We''re a studio in Berlin with an international practice in architecture, urban planning and interior design. We believe in sharing knowledge and promoting dialogue to increase the creative potential of collaboration.</h2>\n<!-- /wp:heading -->";}i:42;O:8:"stdClass":7:{s:2:"id";i:29;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:29:"Two columns of text and title";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:1600:"\n<h2 class="wp-block-heading" style="font-size:38px;line-height:1.4"><strong>The voyage had begun, and had begun happily with a soft blue sky, and a calm sea.</strong></h2>\n\n\n\n<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex">\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="wp-block-paragraph" style="font-size:18px">They followed her on to the deck. All the smoke and the houses had disappeared, and the ship was out in a wide space of sea very fresh and clear though pale in the early light. They had left London sitting on its mud. A very thin line of shadow tapered on the horizon, scarcely thick enough to stand the burden of Paris, which nevertheless rested upon it. They were free of roads, free of mankind, and the same exhilaration at their freedom ran through them all.</p>\n</div>\n\n\n\n<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow">\n<p class="wp-block-paragraph" style="font-size:18px">The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband&#8217;s, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p>\n</div>\n</div>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:47:"Two columns of text preceded by a long heading.";s:19:"wpop_viewport_width";i:1200;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:52:"core/column,core/columns,core/heading,core/paragraph";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:2:{i:0;s:7:"columns";i:1;s:4:"text";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:1711:"<!-- wp:heading {"style":{"typography":{"fontSize":38,"lineHeight":"1.4"}}} -->\n<h2 style="font-size:38px;line-height:1.4"><strong>The voyage had begun, and had begun happily with a soft blue sky, and a calm sea.</strong></h2>\n<!-- /wp:heading -->\n\n<!-- wp:columns -->\n<div class="wp-block-columns"><!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":18}}} -->\n<p style="font-size:18px">They followed her on to the deck. All the smoke and the houses had disappeared, and the ship was out in a wide space of sea very fresh and clear though pale in the early light. They had left London sitting on its mud. A very thin line of shadow tapered on the horizon, scarcely thick enough to stand the burden of Paris, which nevertheless rested upon it. They were free of roads, free of mankind, and the same exhilaration at their freedom ran through them all.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column -->\n\n<!-- wp:column -->\n<div class="wp-block-column"><!-- wp:paragraph {"style":{"typography":{"fontSize":18}}} -->\n<p style="font-size:18px">The ship was making her way steadily through small waves which slapped her and then fizzled like effervescing water, leaving a little border of bubbles and foam on either side. The colourless October sky above was thinly clouded as if by the trail of wood-fire smoke, and the air was wonderfully salt and brisk. Indeed it was too cold to stand still. Mrs. Ambrose drew her arm within her husband''s, and as they moved off it could be seen from the way in which her sloping cheek turned up to his that she had something private to communicate.</p>\n<!-- /wp:paragraph --></div>\n<!-- /wp:column --></div>\n<!-- /wp:columns -->";}i:43;O:8:"stdClass":7:{s:2:"id";i:19;s:5:"title";O:8:"stdClass":1:{s:8:"rendered";s:23:"Two images side by side";}s:7:"content";O:8:"stdClass":2:{s:8:"rendered";s:571:"\n<figure class="wp-block-gallery alignwide has-nested-images columns-default is-cropped wp-block-gallery-22 is-layout-flex wp-block-gallery-is-layout-flex">\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/nature-above-01.jpg" alt="An aerial view of waves crashing against a shore." /></figure>\n\n\n\n<figure class="wp-block-image size-large"><img decoding="async" src="https://s.w.org/images/core/5.8/nature-above-02.jpg" alt="An aerial view of a field. A road runs through the upper right corner." /></figure>\n</figure>\n";s:9:"protected";b:0;}s:4:"meta";O:8:"stdClass":10:{s:14:"_crdt_document";s:0:"";s:31:"jetpack_post_was_ever_published";b:0;s:13:"wpop_keywords";s:0:"";s:16:"wpop_description";s:41:"An image gallery with two example images.";s:19:"wpop_viewport_width";i:800;s:16:"wpop_block_types";a:0:{}s:11:"wpop_locale";s:5:"en_US";s:15:"wpop_wp_version";s:0:"";s:25:"wpop_contains_block_types";s:23:"core/gallery,core/image";s:9:"footnotes";s:0:"";}s:14:"category_slugs";a:1:{i:0;s:7:"gallery";}s:13:"keyword_slugs";a:2:{i:0;s:4:"core";i:1;s:8:"featured";}s:15:"pattern_content";s:704:"<!-- wp:gallery {"linkTo":"none","align":"wide"} -->\n<figure class="wp-block-gallery alignwide has-nested-images columns-default is-cropped"><!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/nature-above-01.jpg" alt="An aerial view of waves crashing against a shore." /></figure>\n<!-- /wp:image -->\n\n<!-- wp:image {"sizeSlug":"large","linkDestination":"none"} -->\n<figure class="wp-block-image size-large"><img src="https://s.w.org/images/core/5.8/nature-above-02.jpg" alt="An aerial view of a field. A road runs through the upper right corner." /></figure>\n<!-- /wp:image --></figure>\n<!-- /wp:gallery -->";}}', 'off');
