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.

Softech Addons for Elementor vs Theme Designer