Page Templates and Body Templates

Page Template vs Body Template

  • Master Template contains the header, footer and navigation
  • The Page Template is the layout of the page content. Different content types can have different page templates
  • The Body Template is the default layout for a type of content
Page Template vs Body Template

Page Templates

Default Page Templates

Master page template

The Master Page Template acts as a wrapper for the site. This page template is where you place:

  • The header and footer files (ex: CSS, js, etc.)
  • All elements common to all pages of the site (ex: header navigation, footer section)

Following page templates

The Following Page Template acts as a child template wrapper for the site. This page would be very useful for different layouts for pages of the site. A good suggestion for various Following templates would be:

  • Following-Banner-Title: for pages with a banner and page title
  • Following-NoBanner: for pages with a title but without a banner
  • Following-NoTitle: for pages with a banner but without a title
  • Following-NoBanner-NoTitle: for pages without banner and title
  • Following-FullWidth-NoBannerNoTitle: for pages without banner and title in full width

Other page templates

The Other Page Templates are page templates that are not child pages to the Master template. This may not contain the header and footer, and may just be a blank page with a title, or maybe a page with an entirely different look than the rest of the site pages.

  • Other-NoHeader-NoFooter: for pages without header and footer but contains a page title or pages that have a different styling/layout/look than what is usual

Setting Videos as Page Banners

Creating a Page Template for pages with Video Page Banners

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    On the left Menu Panel go to Appearance > Page Templates
    Video Page Banner
  • 3
    Duplicate the 'Following' template to create a new template with the same layout as the following page template (only replacing the banner section).
  • 3
    Click the 'Duplicate' icon on the left of the 'Following' page template.
    Video Page Banner
  • 3
    Change the name of the template to "Following - Video Banner"section).
  • 3
    Remove the class="textHeaderMainContent" from the first div tag.
  • 3
    Replace the codes inside the first div tag with the embed code from Vimeo.
    Video Page Banner
    Output:
    Video Page Banner
  • 3
    Click the "Create and Continue Edit" button at the bottom.
    Video Page Banner
  • 3
    Please note: If you are going to use more than one video as a template - name your template so you can identify which video will play when you set it!

Using the Following - Video Banner as a Page Template

STEP-BY-STEP

Navigating to Page Templates

via Admin Dashboard

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Select Page Templates
  • 3
    You will be taken to the Page Template Management page
    Navigating to Page Templates

via Front End

STEP-BY-STEP
  • 1
    Log in as an administrator and go to the Admin Dashboard.
    Learn how to log in here →
  • 2
    Hover on the floating Edit icon to the right
    Floating icons - Edit icon
  • 3
    The rest of the icons will be shown, click the Admin Dashboard (3rd) icon
    Floating icons - Admin Dashboard icon
  • 4
    Once you're in the Admin Dashboard, click Appearance
  • 5
    Select Page Templates
  • 6
    You will be taken to the Page Template Management page
    Navigating to Page Templates