SLB User Guide
SLB (Section Layout Builder) lets you build WordPress pages from ready-made sections: a hero, a feature list, an FAQ, a product grid. You fill in the fields, reorder the sections and publish. This guide is for site owners, marketers and agency staff. You never need to edit code.
Where to start. New here? Read What SLB is, then Installing SLB, then Editing pages. Want Claude to build or edit pages for you? Go to Connecting the MCP.
Guide sections
Getting started
- What SLB isWhat SLB does, who it is for, and what you need before you start.
- Installing SLBGet the plugin zip, upload it in wp-admin, activate it, install the starter theme and run the first checks.
- Tour of the admin screensWhat each SLB screen looks like and what every button does: Settings, the SLB editor and the Developer Mode page.
Building your site
- Editing pagesOpen the editor, add and arrange sections, fill in fields and blocks, pick images, preview, save and publish.
- Header, footer and Theme SettingsEdit the parts shared by every page: header, footer, announcement bar, WhatsApp button, brand colours and fonts.
- Adding sectionsThe section library, what the starter sections do, using one twice, and how to get brand-new sections safely.
- WooCommerce pagesBuild the shop archive, product page, cart, checkout and account pages with SLB sections.
Working with Claude (MCP)
- Connecting the MCPConnect Claude Code to your site: Node, Application Password, settings file, test and first prompts.
- Developer ModeTurn Developer Mode on safely, and understand draft versus live themes, publishing and rollback.
- Every MCP tool explainedAll 22 tools Claude can use, in plain English, with when to use each and an example prompt.
- The recommended AI workflowBrief, draft, build, audit, preview and publish: the safe order for having Claude build or redesign a site.
- Working from a Figma designBring a Figma design into SLB using a token or a local .fig file, and what to do about Figma rate limits.
Launch and support
- Going live, backups, updatesA pre-launch checklist, how to back up, roll back a bad publish, and update SLB safely.
- Troubleshooting and FAQFixes for the most common problems: plugin not showing, blank editor, MCP errors, audit and CSS.
- GlossaryPlain-English definitions of the words used in SLB.
- Prompts cookbookCopy-and-paste prompts for Claude Code: exploring, building, editing, shop tasks, Figma and quality checks.
Using this guide
- Press / to jump to the search box. Use the arrow keys and Enter to open a result.
- On a phone, tap Menu to open the section list.
- The Dark / Light button switches the theme. The first visit follows your device setting.
- Menu paths are written like . Click through them in the WordPress admin sidebar.
- Boxes marked Tip save time. Boxes marked Warning protect your site or your data.
This guide describes plugin version 0.3.10. It lists only what the plugin does today. Where something could not be confirmed, the page says so.