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