• Skip to main content
  • Skip to header right navigation
  • Skip to site footer

Mai Reach Theme

A Genesis User Guide

  • Home
  • Tutorials
  • Videos
  • Images
Main hero header image for Mai Reach theme tutorial site.

Template Parts in Mai Reach Theme

Template Parts replace widget areas.

Think of Mai Reach template parts as the new widget areas for block based themes.

If you go to…

Dashboard > Appearance > Widgets

You might be used to finding things like…

  • Before Header Widget Area
  • Before Footer Widget Area
  • Footer Widget Area
  • Footer Credits Widget Area
  • After Entry Widget Area

And many more.

At the time I wrote this post, Mai Reach theme only had one widget area. The sidebar.

So how do you put content in the old widget areas?

You use template parts.

Template parts are ready made positions in your layout that you can place any block, and therefore any content.

How do you use template parts?

First navigate to…

Dashboard > Appearance > Template Parts

You’ll see this list…

  • Before Header
  • Header Left
  • Header Right
  • Mobile Menu
  • After Entry
  • Before Footer
  • Footer
  • Footer Credits

Active and inactive template parts

In the image below

  1. Before Header does not have an – Active label. So no content currently displays in that template part area.
  2. Footer does have an – Active label. This means there is some content in that template part area.
List of Mai Reach Template Parts.

Adding content to a template part area of your site

You add content to a Mai Reach template part area of your site in the same way that you add content to a blog post or web page.

Navigate to the template part that you want to use

Go to…

Dashboard > Appearance > Template Parts

You now see a list of template parts. Hover over the template part you want to use. Click the edit link.

The edit link for Mai Reach template parts.

I used the Mai Reach theme setup wizard to set up the site I’m using in these tutorials. So in my case, the before footer template part area already contains some content. But that’s OK. I can add more content above or below the content that’s already there.

Selecting any content that’s already in the template part

Adding, selecting and editing content inside a Mai Reach template part is just like editing any other content. So if you know how to add content to a blog post or web page, you already know how to add content to a template part.

In my case I want to put some new content above the content that’s already in this template part.

First I selected a block. Then I used the block navigation breadcrumbs at the bottom of the screen to select the containing group block.

Navigating blocks inside template parts.

Once the group is selected, I can add some more content above that group of content, or below that group of content.

I could use the three dot more options button. Or if I see an add block plus icon I could use that to insert a new block.

Insert before in the template parts dialogue.

For my new content, I made a banner by placing a columns block inside a group block. I placed a heading block and a button block inside the group block. Then I added a background color to the group.

I added my banner above the content that was already in the before footer template part. I had to shrink the screenshot below, which makes the content look a bit squished. But I hope you can get the idea.

You add content to a Mai Reach template part in the same way you add content to a post or page.

My finished web page looked like this…

I added the sale now on banner at the top of my before footer template part.

The banner I added using the before footer Mai Reach template part.

Because I placed my banner in a template part, my banner will display site wide.

The important points are…

  • Template parts are replacing widget areas in block based themes.
  • You add content to a template part in the same way that you add content to a blog post or web page.
  • You just need to know how to find the template part you want to use.
  • Template parts can display site wide, not just on a single post or page.
Go to: Dashboard > Appearance > Template Parts

Important note!

The After Entry template part needs to be toggled on before it will display. You can find out how to do this here.

The after entry template part is the only one that needs to be manually toggled on. The other template parts automatically show, as soon as you put content inside them.

Category: Mai Reach Theme Tutorials
Previous Post: « The page header in Mai Reach theme. Site Header
Next Post: Mai Theme 2 Videos Mai Theme Version 2 videos »

Learn more about Mai Reach theme

(It’s one of the new generation from BizBudding)

Mai Reach Theme

Mai Reach Tutorials

Mai Reach is one of the new generation of themes by BizBudding. They’re the people behind Mai Lifestyle, one of the most popular themes on StudioPress.

Mai Reach Tutorials

Template Parts

Template parts replace many of the widget areas in this block based theme.

Find out more about…

Template Parts

Genesis Framework

Mai Reach is built on the Genesis framework. Genesis is a good solid foundation for your website.

If you’d like to know more about Genesis read this.

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by BizBudding, StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress, WP Engine and BizBudding are registered trademarks of their respective owners.