Helmut Wandl

<p><strong>Theme Designer</strong> is a powerful WordPress plugin that allows you to create and manage block themes (FSE themes) without writing a single line of code. It provides an intuitive interface to configure all theme settings that are typically defined in the <code>theme.json</code> file.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Visual Theme Builder</strong>: Create new themes with a simple form interface</li>
<li><strong>Complete Settings Management</strong>: Configure all theme.json settings through an intuitive admin panel</li>
<li><strong>Theme Metadata</strong>: Set theme name, description, author, version, and other metadata</li>
<li><strong>Screenshot Management</strong>: Upload and manage theme screenshots</li>
<li><strong>Color Palettes</strong>: Define custom color palettes and gradients</li>
<li><strong>Typography Settings</strong>: Configure font families, sizes, and fluid typography</li>
<li><strong>Spacing & Layout</strong>: Set up spacing scales, layout sizes, and user controls</li>
<li><strong>Border & Shadow</strong>: Define border styles, radius, and shadow presets</li>
<li><strong>Background Controls</strong>: Configure background image and positioning options</li>
<li><strong>Theme Export</strong>: Download your themes as installable ZIP files</li>
<li><strong>Theme Duplication</strong>: Easily duplicate existing themes as starting points</li>
<li><strong>WordPress Defaults</strong>: Choose to include or exclude WordPress default settings</li>
</ul>
<h4>What Gets Created</h4>
<p>When you create a theme with Theme Designer, it automatically generates:</p>
<ul>
<li><strong>Theme Directory Structure</strong>: Complete theme folder with all necessary files</li>
<li><strong>style.css</strong>: Theme header with all metadata</li>
<li><strong>theme.json</strong>: Complete configuration file with all your settings</li>
<li><strong>Templates</strong>: Basic <code>index.html</code> template for the main content area</li>
<li><strong>Template Parts</strong>: <code>header.html</code> and <code>footer.html</code> parts for site structure</li>
<li><strong>Screenshot</strong>: Theme preview image (if uploaded)</li>
</ul>
<h4>How It Works</h4>
<ol>
<li><strong>Open Theme Designer</strong>: In the admin panel go to “Design” <span aria-hidden="true" class="wp-exclude-emoji">→</span> “Theme Designer”</li>
<li><strong>Create Theme</strong>: Fill out the theme metadata form</li>
<li><strong>Configure Settings</strong>: Use the visual interface to set up colors, typography, spacing, etc.</li>
<li><strong>Preview & Test</strong>: Your theme is immediately available in the WordPress admin</li>
</ol>
<h4>Perfect For</h4>
<ul>
<li><strong>Developers</strong> who want to quickly prototype themes</li>
<li><strong>Designers</strong> who prefer visual tools over code</li>
<li><strong>Agencies</strong> creating custom themes for clients</li>
<li><strong>WordPress users</strong> who want to create their own themes</li>
<li><strong>Theme shops</strong> looking to streamline theme creation</li>
</ul>
<h4>Integration with Site Editor</h4>
<p>Themes created with Theme Designer work seamlessly with the WordPress Site Editor. You can:</p>
<ul>
<li>Customize templates and template parts visually</li>
<li>Add custom styles through the Site Editor interface</li>
<li>Override theme settings on a per-page basis</li>
<li>Create additional templates and parts as needed</li>
</ul>
<p><strong>Note</strong>: Settings defined in the Site Editor take precedence over theme settings, even after saving new values in the theme.</p>
<h4>Requirements</h4>
<ul>
<li>Block theme support enabled</li>
<li>Write permissions for the themes directory</li>
</ul>
<h3>More from the same author</h3>
<p>Take a look at <a href="https://www.wppeak.com/" rel="nofollow ugc">www.wppeak.com</a></p>


Theme Designer

Create and manage block themes with an intuitive interface. No coding required - design your theme's settings through a user-friendly admin panel.

ClevelandWebDeveloper

<p>This plugin adds a spacer button to the WYSIWYG visual editor which allows you to add precise custom spacing between lines in your posts and pages. Note that you can also enter negative spacing to shift the following content upwards.</p>
<p>Via the Spacer Settings page, you can create an arsenal of additional spacers and sectional breaks to have at your disposal as you lay out your pages. The Spacers that you build can be added into your posts and pages with the spacer button in the WYSIWYG visual editor (see screenshots).</p>
<p>Spacer is also compatible with WordPress Multisite.</p>
<h3>New in Version 3.0</h3>
<ul>
<li>Create an <strong>unlimited</strong> amount of spacers, dividers, and section break presets. Give your new Spacers names and save them for later.</li>
<li>Live preview tool as you build your Spacers.</li>
<li>Choose which Spacer you want to add via the spacer button in the WYSIWYG visual editor.</li>
</ul>
<p>More information at the <a href="http://www.clevelandwebdeveloper.com/wordpress-plugins/spacer/?utm_medium=wordpress_spacer_page&utm_source=description_tab&utm_campaign=readme&utm_content=Spacer+project+homepage" rel="nofollow ugc">Spacer project homepage</a>.</p>
<h4>Premium Add-on</h4>
<p><a href="http://www.clevelandwebdeveloper.com/wordpress-plugins/visual-artist/?utm_medium=wordpress_spacer_page&utm_source=description_tab&utm_campaign=readme&utm_content=Visual+Artist" rel="nofollow ugc">Visual Artist</a> – gives you even more control over the look and feel of your text. Create fancy dividers without mastering css!</p>


Spacer

Adds a spacer button to the WYSIWYG visual editor which allows you to add precise custom spacing between lines in your posts and pages.

Theme Designer vs Spacer