DocumentationBuilding
Blocks
The Zen Builder plugin adds Bootstrap-based blocks alongside the core WordPress blocks. Search for a block by name in the block inserter.
Layout
Section, Container, Row, Column, Div and Responsive Spacer. See Creating layouts.
Components
- Button — styles, sizes, full width, an optional icon, and an option to open a popup.
- Card — a Bootstrap card with an optional top image, link, background and shadow.
- Icon — an SVG icon with optional background shape, colour and link.
- Badge — small labels for categories and status.
- Accordion — collapsible Accordion Items, ideal for FAQs.
- Tabbed Panel — groups content into Tabs.
- Carousel and Advanced Carousel — image or content sliders.
- Modal — a dialog opened from a button, link or video icon.
- List Group, Breadcrumbs, Classic Navigation and Footer Info.
Dynamic content
- Dynamic Card Archive — a grid of posts, with Archive Category Filters for blog and archive pages.
- Dynamic Featured Cards — a carousel of posts.
- Dynamic Page Child Cards — cards linking to a page’s child pages.
- Page Content and ZenBuilder Search.
Tips
- Core blocks such as Heading, Paragraph, Image, List and Table work inside Zen Builder columns and use your global styles.
- Add Bootstrap utility classes under Advanced → Additional CSS class(es), for example
mb-0,text-centerord-none d-lg-block. - Turn any section you repeat into a synced pattern. Edit it once and every page updates.