Customizer
The Customizer is Baan’s theme switcher. It loads each theme into an iframe so you can see exactly how your live site will look before applying.
Live Preview
Section titled “Live Preview”Every theme — both the seven built-in themes and any AI-generated themes — is rendered against your real content. You’re not looking at marketing screenshots; you’re looking at your posts, in your language, with your navigation.
Responsive Breakpoints
Section titled “Responsive Breakpoints”Switch viewport size from the toolbar:
| Breakpoint | Width | Use case |
|---|---|---|
| Desktop | 100% | Verify the typical reading experience |
| Tablet | 768px | Check sidebar collapse and image scaling |
| Mobile | 375px | Verify navigation, line length, and tap targets |
The iframe re-renders at the chosen width — no need to resize your browser or use device emulation in DevTools.
Once you’ve found a theme you like, click “Save”. The change is written to site.themeName in the database and takes effect immediately on the public site.
How It Works
Section titled “How It Works”The Customizer is a thin layer over the standard public-site rendering pipeline. It passes a ?customizer=true&theme=<name> query parameter to the public layout, which loads the requested theme instead of the configured one. This is why the preview is identical to the production output — there is no separate “preview” rendering path.
Creating New Themes
Section titled “Creating New Themes”To add a theme of your own, see Themes. Themes generated via the create-theme skill appear in the Customizer automatically once their files are in place.