Creating Page Layouts with ML Canvas Block
A complete step-by-step guide to building custom WordPress pages
Getting Started
- Activate the Plugin: Go to Plugins → Installed Plugins and ensure ML Canvas Block is active.
- Create New Page: Navigate to Pages → Add New, then click the Canvas Block button in the block inserter.
- Select Page Type: Use the Type dropdown to choose “Page” or “Post” depending on your needs.
Layout Configuration
Enable these layout options in the toolbar:
- No Header – Removes site header
- No Footer – Removes site footer
- Full Width – Edge-to-edge layout
- Remove Kadence CSS – Disables theme interference
Building Your Layout
1. Add Sections
Click the + icon or use block inserter to add Section blocks. Drag to reorder.
2. Configure Styling
Use the Settings gear to adjust background, typography, spacing, and borders.
3. Preview & Publish
Click Preview to test responsiveness, then use the Publish pill to go live.
Custom CSS Tips
Since Canvas Block renders inside a .container div, use class-based selectors:
.hero {
background: #0a0a0a;
color: #fff;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}