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.

MOTOKI

Motoki Spacing Controller allows you to: 
* Adjust top/bottom padding and margin per block 
* Apply styles separately for PC and smartphone 
* Set spacing values via intuitive block sidebar controls 
* No need for custom CSS – just click and go
Useful for: 
– Designers who want precise control over vertical spacing 
– Responsive web development 
– Consistent layout across devices
This plugin adds spacing-related class names like <code>pc-pt-10</code>, <code>sp-mb-20</code>, etc., which are applied instantly to your blocks.

Motoki Spacing Controller

Easily control top and bottom padding and margin for each block in the block editor, separately for PC and SP views.

Theme Designer vs Motoki Spacing Controller