Helmut Wandl

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

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.

GermanThemes

Some Gutenberg Blocks or WordPress Themes add unwanted space around blocks. This small plugin allows you to remove the top and / or bottom spacing for any Gutenberg block. This is especially helpful to remove top or bottom spacing of Heading and Group blocks.
The settings are added to the Advanced tab in the Block Sidebar. See screenshot below.

GT Remove Block Spacing

Remove top and bottom spacing for any Gutenberg block.

Theme Designer vs GT Remove Block Spacing