Blocks Overview
Styble Pro adds a full library of blocks to the WordPress editor, all available under the Styble category in the block inserter. This page is a map of every block and where to learn more.
Layout blocks
Build the structure of your pages.
| Block | Description |
|---|---|
| Container | Build flexible layouts with customizable, responsive containers. |
| Column | Organize content into responsive columns. |
Content blocks
Add and style individual pieces of content.
| Block | Description |
|---|---|
| Advanced Text | Richly styled text with advanced formatting options. |
| Advanced Image | Images with powerful styling and customization. |
| Advanced Video | Embed videos with advanced styling and playback controls. |
| Separator | Visual divider lines between content. |
| Icon Picker | Insert icons to enhance visual communication. |
Interactive blocks
Engage visitors with dynamic, interactive elements.
| Block | Description |
|---|---|
| Accordion | Expandable sections for FAQs and condensed content. |
| Advanced Tabs | Tabbed navigation layouts for organizing content. |
| Icon List | Feature lists with attractive icons. |
| Info Box | Showcase information with icons, headings and text. |
| Animated Heading | Headings with eye-catching animation effects. |
Buttons
| Block | Description |
|---|---|
| Advanced Buttons | Button groups with flexible styles, sizes and actions. |
Media & galleries
| Block | Description |
|---|---|
| Image Gallery | Beautiful gallery layouts with lightbox, overlays and filtering. |
Dynamic content
Display your site's content automatically.
| Block | Description |
|---|---|
| Post Grid | Posts in responsive grid or masonry layouts with filtering. |
| Ajax Pagination | Seamless, no-reload navigation for Post Grid and galleries. |
Popups
| Block | Description |
|---|---|
| Popup Builder | Create popups for offers, lead capture and announcements. |
Block hierarchy
Some blocks are designed to work together as parent and child blocks:
- Container → Column
- Accordion → Accordion Item
- Advanced Tabs → Tab Pane
- Icon List → Icon List Item
- Advanced Buttons → Advanced Button
- Image Gallery → Gallery Item
- Post Grid / Image Gallery → Ajax Pagination
Child blocks are added from inside their parent and are documented on the parent's page.
Managing which blocks are available
You can enable or disable individual blocks from the Admin Dashboard → Blocks Management page to keep your inserter tidy.