freshface freshface
  • Home
Documentation » Edison » Basics

Topics

  • Theme Options 2
    • Adding your custom CSS / JavaScript / Tracking Code
    • Creating Blog
  • Slider Manager 10
    • Overview
    • Creating New Slider
    • Moving and Deleting Slides
    • Page Writepanels
    • Setting Homepage Slider
    • Sidebar For Single Post
    • Sidebar For Category
    • Changing Post Template In Writepanel
    • Creating Gallery Page
    • Creating Album Page
  • Template Builder 6
    • Basics
    • Editing Modules
    • Adding Rows
    • Adding Columns
    • Re-sizing Column Width
    • Deleting Modules, Rows and Columns
  • Site Preferences 1
    • Basics
  • FAQ 2
    • What is Description Bar and/or Action Bar?
    • How do I add Google Analytics?

Need Support?

We provide Support directly on themeforest

Last Updated

Sep 13, 2012

Lesson in .PDF

Documentation in .PDF

  • Prev: Creating Album Page
  • Next: Editing Modules

Basics

This lesson covers the basics and general workflow of Template Builder

Open these 3 tabs in your web browser

Zoom

(1) Open: Theme Options -> Template Builder
(2) Open: Pages -> Add New Page. Create a new Page and save it, then open it in Step (3)
(3) Open the Page you have just created

Add New Template

Zoom

(1) Click the "Add New" button

Enter a name for your new Template

Zoom

(1) Enter a name for your new Template
(2) Save it

Template Selection

Zoom

(1) Your new Template has now been added to the Template Selection

You can of course create as many Templates as you want. You can even duplicate them if necessary.

Insert your first Module

Zoom

On the left-hand side you can see the list of available Modules. You can hover over them for preview.

Now use your mouse to drag and drop one of the Modules (1) into the Canvas (2) on the right-hand side.

 

Save your Template

Zoom

(1) Click the "Save Changes" button.

Each module has already some demo content inside it so we will have a look at it in the next Step.

Inserting the Template into your Page

Zoom

We are using shortcodes to insert a Template Builder's Template. You can insert such shortcode into any of your posts or pages. You can either memorize the shortcode or you can use our Shortcode Generator (2)

(1) Start by refreshing to page so the Shortcode Generator gets updated with your newly created Template Builder's Template
(2) Click on the Shortcode Generator icon and select your newly created Template (3) from the Template Builder selection

You can also rearrange the position of the Template Builder's shortcode inside your Page, you can have content above it or below it, you can have more Templates on one page, etc. It is quite flexible so just play around with it.

Save the Page

Zoom

Before you can see the result of your work, you need to save the Page by clicking the "Save Changes" button (1)

Show me the results!

Zoom

Switch to your 3rd tab in your web browser (1) which we opened in the first Step of this lesson and refresh the page (2)

  • Prev: Creating Album Page
  • Next: Editing Modules