Get started with MaxiBlocks

MaxiBlocks is an advanced WordPress plugin that extends the Gutenberg (block) editor, letting you build professionally‑designed pages without touching code. Whether you’re a beginner or an experienced developer, MaxiBlocks helps you work faster and smarter.

Key Features

• Seamless integration with the modern WordPress block editor
• Wide range of customizable blocks
• Thousands of SVG icons and shapes ready to drop in
• Flexible layout system with rows, columns and containers
• Intuitive sidebar for fine‑grained block settings
• Pre‑made page layouts (Patterns) for rapid prototyping
• Global styling with Style Cards to keep your brand consistent

Page Structure & Layout

MaxiBlocks gives you complete control over your page layout:

1. Rows & Columns – nest rows inside columns for responsive designs.
2. Containers – group related content, apply shared backgrounds or spacing.
3. Complex Layouts – combine rows, columns and containers to build anything from simple landing pages to intricate dashboards.

Sidebar Panels

• Settings – Core content and design options for the selected block.
• Canvas – (Available on some blocks) Style the area surrounding the block.
• Advanced – Assign IDs and classes, write custom CSS, or add transforms & animations.

Toolbar

The inline toolbar appears when a block is selected and provides quick actions:

• Move, duplicate or delete the block
• Adjust alignment and distribution
• Access block styles for fast visual tweaks

Patterns

Patterns are pre‑assembled sections made from multiple blocks:

• Drop them in as starting templates
• Rearrange, replace or style individual blocks as needed
• Accelerate your workflow with professional designs

Style Cards

Style Cards let you apply global styling from a single panel:

• Switch colour palettes, typography and spacing across the entire site
• Choose from predefined cards or create your own
• Keep your brand consistent with one‑click updates

Style Card Library

Browse a growing library of Style Cards or save your favourites to reuse on future projects.

What is Full Site Editing in WordPress?

Full Site Editing (FSE) is the umbrella term WordPress uses for the block‑based tools that let you design every part of your site, from the header all the way down to the 404 page, directly inside the editor, without writing PHP or editing theme files.

Why it matters

• Design freedom – You’re no longer constrained by what the theme author exposed in Customizer or widget areas.
• Consistent workflow – The same drag‑and‑drop block interface is used for pages, posts and site chrome (header, footer, sidebars).
• Fewer plugins / code hacks – Many tweaks that used to require page‑builder add‑ons or custom code are now point‑and‑click in core.

Where MaxiBlocks fits in

MaxiBlocks is a block‑first toolkit, so it slots right into FSE:

• Richer block library & style cards inside the Site Editor.
• Patterns custom‑built for headers, footers and templates one click and the layout is ready.
• Global Styles compatibility: your MaxiBlocks design tokens appear in the FSE Global Styles panel, so brand colours and typography stay consistent.

How to Add a Page in WordPress

A page holds evergreen, mostly‑static content like About Us, Contact, or legal notices. Pages can be arranged hierarchically (parent → child) and can use different templates supplied by your active theme or MaxiBlocks. Each page gets a permanent, customisable URL called a permalink.

How Are Pages Different from Posts?

How to Add a Page in WordPress (Gutenberg Block Editor)

1. Log into the Dashboard

   Visit your‑site.com/wp‑admin and sign in.

2. Go to Pages → Add New

   This opens a blank page in the Gutenberg editor.

3. Enter a Title

   The field at the top becomes both the page name and default permalink.

4. Add Content with Blocks

   • Click the + button or type /blockname to insert paragraphs, images, videos, etc.

   • Drag blocks to reorder; use the right‑hand sidebar for block‑specific settings.

5. Set Page Attributes (right sidebar)

   • Parent Page – choose if this belongs under another page.

   • Order – control sibling order in menus.

6. Preview & Publish

   • Click Preview to check the layout.

   • When happy, press Publish → Publish.

Using MaxiBlocks? After step 2 click the blue “M” icon → Template Library to drop in a full page or section pattern, then edit it as normal.

How to Set a Page as Homepage in WordPress

Set a Page as the Homepage

1. Create (or choose) your page

   Make sure the page you want as a home/landing page is published.

2. Go to Settings → Reading in the WordPress dashboard.
3. Choose “A static page” under Your homepage displays.

4. Select your page in the Homepage dropdown.

   • Optional: pick a Posts page if you still want a separate blog feed.

5. Save Changes. WordPress now serves that page at / (your root URL).

How to Change the Footer in WordPress

The footer appears on every page of your site, so it’s prime real‑estate for contact info, key links, and brand signals. Below we cover what lives in a footer, why you might tweak it, and a no‑code workflow using WordPress Full Site Editing (FSE) with MaxiBlocks tips sprinkled in.

What lives in a footer?

• Contact details – phone, email, address
• Navigation links – About, Services, Contact, etc.
• Social icons – Facebook, X, LinkedIn, Instagram
• Copyright / legal – ownership notice, privacy policy
• Opt‑in forms – newsletter or lead‑magnet sign‑up
• Widgets – recent posts, search, mini‑galleries, and more

A tidy footer boosts usability and keeps vital info one scroll away.

Why customise it?

• Brand consistency – match colours, fonts, and style
• Faster navigation – surface high‑value pages
• Better UX – make contact & social touch‑points obvious
• SEO gains – strategic internal links help crawlers
• Compliance – surface policies, terms, cookie notices

Edit the footer with Full Site Editing (FSE)

Full Site Editing lets you rebuild headers, footers, and everything between directly in the Gutenberg editor.

1. Check theme compatibility

   • Go to Appearance → Themes.

   • Use a block theme (e.g. Twenty Twenty‑Four) or a MaxiBlocks theme.

   • If not, switch or install one that supports FSE.

2. Open the Site Editor

   • Dashboard → Appearance → Editor (a.k.a. Site Editor).

   • In the Templates panel choose Footer.

3. Customise blocks

   • Click anywhere in the footer to reveal existing blocks.

   • Add ∕ remove ∕ rearrange blocks: Social Icons, Nav, Site Title, Widget Areas, etc.

   • Hit + to drop in new blocks: Buttons, Images, Custom HTML.

4. Style it

   • Use the right‑hand sidebar for colours, spacing, and typography.

   • MaxiBlocks tip: import a pre‑built footer “pattern,” then tweak Style Cards so colours & type update site‑wide.

5. Save

   Click Save your new footer is now live across the site.

Navigation Menu (Full Site Editing)

A navigation menu is a collection of links that steers visitors around your WordPress site. With the arrival of Full Site Editing (FSE), building and styling these menus is entirely block‑based, no code required.

What Is a Navigation Menu?

Typically found in the header, footer, or sidebar, a menu can include links to pages, posts, categories, custom URLs, plus icons and buttons.

• Home – your landing page
• About Us – company info
• Services / Products – offerings list
• Blog – latest articles
• Contact – form or details
• Social icons – profile links
• Custom links – external resources

Why Customise Your Menu?

• Brand consistency – match colours, fonts, spacing
• SEO & structure – better internal linking
• Flexibility – drag‑and‑drop re‑ordering
• Accessibility – keyboard & screen‑reader friendly

1 · Create / Edit a Menu with FSE

Step 1 – Check Theme Compatibility

1. Go to Appearance 👉️ Themes.

2. Confirm you’re using a block theme (e.g. Twenty Twenty‑Three ).

   If not, switch to or install one that supports FSE.

Step 2 – Open the Site Editor

1. Dashboard → Appearance 👉️ Editor (or Site Editor).
2. In the top bar, open the Templates dropdown & choose Header.

Step 3 – Insert & Build the Navigation Block

1. Click the ➕ inside the header area → select Navigation.
2. Pick Create New Menu (or reuse an existing one).
3. Add items: pages, posts, categories, custom links, or social icons.

4. Re‑order via drag‑and‑drop.

   Indent right to create dropdown (child) items.

Step 4 – Style the Menu

• Use the right‑hand Block settings panel:
  • Layout – horizontal / vertical / responsive
  • Typography – font, size, weight, letter‑spacing
  • Colours – text, background, hover
  • Spacing – item padding & gap

Step 5 – Save & Publish

Click Save (top‑right) to apply your new navigation across the site.

Add Content to Your Homepage

Follow the steps below to insert a pre‑built MaxiBlocks layout, customize it, and publish your changes.

Step 1 – Open the Homepage in the Editor

1. In the WordPress dashboard, click Pages to display every page on your site.
2. Hover over Homepage and click the Edit (pencil) icon.
3. You’ll notice the header and footer outlined in purple. That means they’re global; editing them updates all pages on the site.

Step 2 – Insert a MaxiBlocks Layout

1. In the List View sidebar, select Content.
2. Click the orange Maxi icon in the top toolbar.
3. Choose Pages from the drop‑down.
4. Select the Interior Design layout and click Insert.

Step 3 – Clean Up Unneeded Elements

• In List View, delete the extra blank paragraph that appears after insertion.
• Remove the default footer that came with the layout—you already have a global footer in place.

Step 4 – Customise the Layout

• Replace placeholder images with your own visuals.
• Edit headings, paragraphs, and buttons to match your brand voice.
• Adjust block settings (colours, spacing, typography) in the right‑hand sidebar.

Step 5 – Save & Preview

1. Click the blue Save button in the top‑right corner.
2. Use Preview to view your updated homepage on the front end and confirm everything looks perfect.

That’s it—your homepage now features a polished, custom Interior Design layout thanks to MaxiBlocks!

With MaxiBlocks you can craft beautiful, responsive websites, no complex coding required (unless you want to!). Install the plugin, start dropping blocks, and watch your ideas come to life.

Get Started with MaxiBlocks