Tutorials

Add Content – Page Templates

Table of Contents

QUICK START VIDEO TUTORIAL – TEMPLATES

Watch this short video, and start mastering Templates:
templates overview thumbnail
Templates

2.27

PAGE AND TOPIC TEMPLATES

OVERVIEW

Templates are prebuilt content pages and layouts that can be applied to your lessons with a single click! These templates can contain any combination of rows, columns, tools, and elements, and can append or replace existing layouts. C4EBridge offers a number of built-in layout templates, helping to jumpstart the lesson design process. You can easily find a template similar to the design you want, make any tweaks to customize the layout, and add your own content, giving you a visually appealing lesson in no time. You can also experiment with the various available layout templates for inspiration or to learn how the layout was constructed. Once a template is added to a lesson, any aspect of its layout, design, or content can be modified.

ADD TEMPLATES TO YOUR LESSON

Templates can be added from the Templates tab of the Add Content menu on the Lesson Editor window (with editing on):

courses04c008

From the Templates tab, you can click PAGE TEMPLATES to toggle to a different template group:

courses04c009

The following template groups are available in the drop down:
  • Page Templates
  • Topic Templates
  • My Templates

PAGE TEMPLATES

Page templates are templates that span your lesson page, featuring thoughtful groupings of columns and rows that allow you to create a cohesive lesson page. Page templates are also ideal for title and introduction pages for your lessons, as in the following examples:
  • Royal Academy page template:

    courses04c010

  • Scroller page template:

    courses04c011

When you are ready to add a new page template from the Templates tab on the Add Content menu, click to select your template:

courses04c012

image3078Simply click the template you wish to add, page templates are NOT draggable.

After selecting your template, you must confirm whether you’d like to REPLACE EXISTING LAYOUT or APPEND NEW LAYOUT:

courses04c014

When APPEND NEW LAYOUT is selected, the template will be placed below the current lesson content, allowing you to customize the added template and add on to your lesson. Conversely, when REPLACE EXISTING LAYOUT is selected, the template will completely overwrite the existing content (which may be ideal if you’d like to start from scratch with your new template). Once a page template has been applied, you can mouse over rows, columns, or tools to quickly edit/add your own content, text, and images:

courses04c015

Once your changes are complete, click DONE and select PUBLISH to save your progress:

courses04c007

NoteSee the Lesson Editor section to learn more about editing rows, columns, and tools.

TOPIC TEMPLATES

Topic templates are dedicated to specific page topics, such as About, Case Study, Event, or Download, as in the following examples:
  • About topic template:

    courses04c016

  • Case Study topic template:

    courses04c017

  • Event topic template:

    courses04c018

  • Download topic template:

    courses04c019

When you are ready to add a new topic template from the Templates tab on the Add Content menu, click to select your template:

courses04c020

image3078Simply click the template you wish to add, topic templates are NOT draggable.

After selecting your template, you must confirm whether you’d like to REPLACE EXISTING LAYOUT or APPEND NEW LAYOUT:

courses04c014

When APPEND NEW LAYOUT is selected, the template will be placed below the current lesson content, allowing you to customize the added template and add on to your lesson. Conversely, when REPLACE EXISTING LAYOUT is selected, the template will completely overwrite the existing content (which may be ideal if you’d like to start from scratch with your new template). Once a topic template has been applied, you can mouse over rows, columns or tools to quickly edit/add your own content, text, and images:

courses04c015

Once your changes are complete, click DONE and select PUBLISH to save your progress:

courses04c007

NoteSee the Lesson Editor section to learn more about editing rows, columns, and tools.

MY TEMPLATES

The My Templates option on the Templates tab allows you to access any of your saved templates:

courses04c021

You can save the layout of any page as a template. Whether you modify an existing page or topic template, or build one from scratch, you can save it by selecting SAVE TEMPLATE from the File menu (top left) on the Lesson Editor window:

courses04c022

This is useful when:
  • You want your site to conform to a layout across more than one page.
  • You want to use the same layout or content on another site.
  • You want to share your layout with another person, or they want to share with you. Exported layouts can be used by anyone else with a premium version of C4EBridge.
image3078
Saved page or topic templates are NOT global. When editing a saved page or topic template, your changes will not be applied to any other pages using this template.
When you are ready to add a saved template from My Templates on the Templates tab, simply click to select your template:

courses04c023

After selecting your template, you must confirm whether you’d like to REPLACE EXISTING LAYOUT or APPEND NEW LAYOUT:

courses04c014

When APPEND NEW LAYOUT is selected, the template will be placed below the current lesson content, allowing you to customize the added template and add on to your lesson. Conversely, when REPLACE EXISTING LAYOUT is selected, the template will completely overwrite the existing content (which may be ideal if you’d like to start from scratch with your new template). Once a saved template has been applied, you can mouse over rows, columns, or tools to quickly edit/add your own content, text, and images:

courses04c015

Once your changes are complete, click DONE and select PUBLISH to save your progress:

courses04c007

NoteSee the Lesson Editor section to learn more about editing rows, columns, and tools.

LAYOUT TEMPLATES

The Layout tab on the Add Content menu offers quick row and column layouts that can be added to your lesson page and easily customized:

courses04c024

While columns are basic building blocks of your lesson page, prebuilt rows are helpful templates that feature an arrangement of columns, organized by type (i.e., Content, Call to Action, Team). These are smaller than the page and topic templates found on the Templates tab of the Add Content menu, making them useful for when wanting to build up specific areas of your pages without using full-page templates. You can choose from any number of prebuilt rows to add to your layout and modify as you like. When you are ready to add a prebuilt row from the Layout tab on the Add Content menu, click COLUMNS and toggle to PREBUILT ROWS to select your row type:

courses04c025

You may drag the prebuilt row you wish to add and drop it to the desired location on your lesson page:

courses04c026

As you drag, a blue guide will appear, marking spots where you can drop this prebuilt row:

courses04c027

image3078Unlike page and topic templates, prebuilt rows or columns from the Layout tab are draggable.

WarningWhile you cannot drop a row within another row, you can instead drag and drop it above or below other rows.

Once your prebuilt row has been added, you can mouse over the columns or tools to quickly edit/add your own content, text, and images:

courses04c028

image3078
Prebuilt rows may come with images and text. Any images that appear with your prebuilt row are not stored in your media library, so you’ll need to replace these with your own images. Prebuilt row text uses default site settings, but can be customized from the Typography section of the Style tab.
Once your changes are complete, click DONE and select PUBLISH to save your progress:

courses04c007

NoteTo save any personalized prebuilt row as a template for reuse, see the Save As a Row, Column, or Tool for Reuse section

ALTERNATIVES TO LAYOUT TEMPLATES

In addition to templates, there are a few other options available for reusing layouts:
  • Duplicate a layout to a new page. You can duplicate a C4EBridge layout to a new page on your site without first saving it as a layout template. Simply use the steps below.

WarningThe original layout must be published or saved before you can duplicate it. If you make any changes to the layout after opening the page, then duplicate it BEFORE saving the page, the duplicated page will not show the changes, and the changes may be lost on the source page as well.

  • Open the lesson page you wish to duplicate.
  • From the File menu (top left) on the Lesson Editor, select DUPLICATE LAYOUT:

    courses04c029

  • The Edit Lesson Settings window for the new duplicated page will open, allowing you to rename the page title and permalink and make any other necessary changes:

    courses04c030

  • Once your changes are complete, click PUBLISH in the Publish panel:

    courses04c031

    If you’d prefer, you can instead click SAVE DRAFT to save your changes but not publish.
  • You will then need to click LAUNCH EDITOR to access the Lesson Editor and begin editing your new template.:

    courses04c032

    • Save individual rows, columns, and tools. You can save and export individual rows, columns, or tools to use as templates, in lieu of using page or topic templates. This is helpful when wanting to reuse specific components of your layouts across multiple lessons/pages. If you save these items as global objects, you can make changes in one place, which will be applied everywhere else this item is used in C4EBridge.

NoteTo learn more about saving and reusing rows, columns, and tools visit the article here

  • Copy and paste tools. Copying and pasting individual tools lets you easily reuse these items across multiple pages and layouts. You can copy and paste individual tools and tool styles using the Export/Import option on the Advanced tab of a tools settings panel:

    courses04c033

Previous Add Content- Tools: Page Elements
Next Add Content – Layout Templates
Table of Contents