Pages & Posts

  • Home
  • /Category ' Pages & Posts '

Page Options

Access the Page Options via WordPress Admin > Pages > Add New or Edit an Existing Page > Scroll to the Tabs section.

General Tab

The General Tab consists of the following Page Options:

  • Display Title – Use this option to display or disable the Page Title
  • Alternative Page Title – If you wish to display an Alternative Title to the Page Title, use this option ( Ideal for having a different title from the Menu title )
  • Subtitle – Use this option to enter a Sub title for the page. This will appear directly below the Page Title text
  • Breadcrumbs – Override the global Breadcrumb option set in the Theme Options
Layout Tab

The Layout Tab consists of the following Page Options:

General

  • Site Layout – Override the global Site Layout option, choose between Default, Wide or Boxed
  • Page Layout – Change the Page Layout for this page only. This overrides the default Page Layout set in the Theme Options
  • Column 1 Sidebar – If you have set a Page Layout to a layout which consists of a Sidebar, use this option to choose which Sidebar Widget Area to use for Column 1 ( Left Column )
  • Column 2 Sidebar – If you have set a Page Layout to a layout which consists of a Sidebar, use this option to choose which Sidebar Widget Area to use for Column 2 ( Right Column )

Header / Menu

  • Dock Bar – Choose to Display or Disable the Dock Bar on this page
  • Header Display – Choose to Display or Disable the Header on this page
  • Sticky Header – Enable or Disable the Sticky Header on this page
  • Horizontal Layout – Override the global Header Horizontal Layout for this page
  • Vertical Layout – Override the global Header Vertical Layout for this page
  • Logo Top Margin – Set the Logo Top Margin for this page ( Space above the Logo )
  • Logo Bottom Margin – Set the Logo Bottom Margin for this page ( Space below the Logo )
  • Menu Top Margin – Set the Menu Top Margin for this page ( Space above the Menu )
  • Menu Bottom Margin – Set the Menu Bottom Margin for this page ( Space below the Menu )
  • Floating Header – Set the Header to Float over the page content. Float + Transparent will remove the Background Color / Image
  • Title / Breadcrumbs Layout – Change the Page Title & Breadcrumbs Alignment for this page
  • Menu – Choose a different Menu for this page

Footer

  • Footer – Enable or Disable the Footer for this page
Single Page

The Single Page Tab consists of the following Page Options – Use these options to create a Single Page.

  • Animate Type – Set what type of Single Page animation you want
  • Bullet Navigation – Enable or Disable the Bullet Navigation for Single Pages. This option does not apply to the Normal setting
  • Directional Navigation – Set what type of Directional Navigation ( Arrows that Navigate between each Slide )
Social

Choose to Display the Dock Bar Social Icons on this page. Select which icons you wish to display or disable.

Skin

Use this option to display an alternative Skin for this page.

Blog Template

Use the following options to turn the page into a Blog Page, these settings override the Settings within the Theme Options ( Appearance > Customize > Blog )

To enable a Blog on this page, Select “Blog Template” from the Template drop down menu under Page Attributes.

Blog Template

  • Layout Format – Choose to display the Posts Stacked ( Normal ), Grid or Masonry

Post Options

Access the Post Options via WordPress Admin > Posts > Add New or Edit an Existing Post > Scroll to the Tabs section.

General Tab

The General Tab consists of the following Page Options:

  • Display Title – Use this option to display or disable the Page Title
  • Alternative Page Title – If you wish to display an Alternative Title to the Page Title, use this option ( Ideal for having a different title from the Menu title )
  • Subtitle – Use this option to enter a Sub title for the page. This will appear directly below the Page Title text
  • Breadcrumbs – Override the global Breadcrumb option set in the Theme Options

Share + Related Posts

  • Share Post – Display or Disable Social Icons on this post
  • Related Posts – Display or Disable Related Posts on this post
  • Featured Image – Choose to display the Featured Image on this post
Post Metadata Tab

Override the Metadata Theme Options set within Appearance > Customize > Blog.

  • Date – Display or Disable the Date on this post
  • Author – Display or Disable the Author on this post
  • Categories – Display or Disable the Categories on this post
  • Tags – Display or Disable the Tags on this post
  • Like – Display or Disable the Like button on this post
  • Comments – Display or Disable the Comments on this post
Layout Tab

The Layout Tab consists of the following Page Options:

General

  • Site Layout – Override the global Site Layout option, choose between Default, Wide or Boxed
  • Page Layout – Change the Page Layout for this page only. This overrides the default Page Layout set in the Theme Options
  • Column 1 Sidebar – If you have set a Page Layout to a layout which consists of a Sidebar, use this option to choose which Sidebar Widget Area to use for Column 1 ( Left Column )
  • Column 2 Sidebar – If you have set a Page Layout to a layout which consists of a Sidebar, use this option to choose which Sidebar Widget Area to use for Column 2 ( Right Column )

Header / Menu

  • Dock Bar – Choose to Display or Disable the Dock Bar on this page
  • Header Display – Choose to Display or Disable the Header on this page
  • Sticky Header – Enable or Disable the Sticky Header on this page
  • Horizontal Layout – Override the global Header Horizontal Layout for this page
  • Vertical Layout – Override the global Header Vertical Layout for this page
  • Logo Top Margin – Set the Logo Top Margin for this page ( Space above the Logo )
  • Logo Bottom Margin – Set the Logo Bottom Margin for this page ( Space below the Logo )
  • Menu Top Margin – Set the Menu Top Margin for this page ( Space above the Menu )
  • Menu Bottom Margin – Set the Menu Bottom Margin for this page ( Space below the Menu )
  • Floating Header – Set the Header to Float over the page content. Float + Transparent will remove the Background Color / Image
  • Title / Breadcrumbs Layout – Change the Page Title & Breadcrumbs Alignment for this page
  • Menu – Choose a different Menu for this page

Footer

  • Footer – Enable or Disable the Footer for this page
Social

Choose to Display the Dock Bar Social Icons on this page. Select which icons you wish to display or disable.

Skin

Use this option to display an alternative Skin for this page.

Media

Use these options to add a Video or Audio to a post. The Media Tab consists of the following Post Options:

  • Media

How to Create a One Page

Learn how to create One Page sites easily, including 3d pages.

Creating a "One Page" Video Tutorial

Learn how to create a One Page site using this video tutorial.

Creating a "One Page" Site

Creating a One-Page is very simple, using the Visual Composer, each Row you add to the page will act as a Slide / Page ( depending on how you want to describe it ). In this example, we’re going to create 3 Rows ( Slides ).

If you want ready made One-Page content, it’s recommended to import one of the demos that use a One Page setup.

To create one from scratch – ensure that the Visual Composer plugin is installed and active, then Edit or Create a new Page.

Once the page has loaded, if it hasn’t got a title, enter one and then click the Frontend Editor button.

STEP 1.

Create Row ( Slide ) 1 Go ahead and create the first Row – if you’re not sure on how to add Rows, check out the Using Rows section.

  • Row Height – If you’re creating a Normal One-Page ( Not 3d or Snap Single Page ), you’ll need to set the Row Height to 100%, otherwise set this to Default
  • Anchor Link Name – this option is important for the Menu later on in the section, enter intro for the first slide ( this needs to be a unique name to describe the Slide )
  • Design Options – click the Design options tab and add a Background Image or Color ( example #ffd300 )
  • Click Save changes and Close
  • Add some content within the Row e.g. Text Block element e.g. Slide 1 ( You can add more content later once the setup is complete )
    • STEP 2.

    Create Row ( Slide ) 2 Go ahead and create the second Row. The same process as STEP 1. – this time we need to enter a different Anchor Link Name and add a Different Background Color

    • Row Height – If you’re creating a Normal One-Page ( Not 3d or Snap Single Page ), you’ll need to set the Row Height to 100%, otherwise set this to Default
    • Anchor Link Name – enter services for the second slide
    • Design Options – click the Design options tab and add a Background Image or Color ( example #E0E0E0 )
    • Add some content to the Row e.g. Text Block element e.g. Slide 2
    STEP 3.

    Create Row ( Slide ) 3 Go ahead and create the third Row. The same process as STEP 1. – this time we need to enter a different Anchor Link Name and add a Different Background Color

    • Row Height – If you’re creating a Normal One-Page ( Not 3d or Snap Single Page ), you’ll need to set the Row Height to 100%, otherwise set this to Default
    • Anchor Link Name – enter contactus for the last slide
    • Design Options – click the Design options tab and add a Background Image or Color ( example #ffd300 )
    • Add some content to the Row e.g. Text Block element e.g. Slide 3

    As long as we’ve kept the Row Height as default, it should look similar to the diagram above.

    Once we’re happy with the content, click Update and then click the Backend Editor button

    STEP 4.

    Choose what Type of Singe Page Now we’re back in the Backend Editor, scroll down to the bottom of the Page and goto the Single Page tab.

  • Animate Type – Choose the Animate Type – let’s use 3d Vertical for this example
  • Bullet Navigation – enabling this option will

    • Create a Blog Page

    Learn how to create a Blog page using the Blog Template.

    Using Blog Templates

    By using the Blog Template, you can set any page and any number of pages as a Blog page. Using the Page options, you can make each Blog Page unique, by setting options like Format, Grid Columns, Lazy Load and more. You can also specify the Categories you wish to display.

    STEP 1.

    Apply the Blog Template

  • Create a new page via WordPress Admin > Pages > Add New and Give the Page a title e.g. My Blog
  • Goto Page Attributes and select Blog from the Template select menu – without this option set, the page will not function like a Blog
    • STEP 2.

    Configure the Blog Format See the Page Options section for a definition of each of the Blog Template options ( Scroll to Blog Template ). For this example we’re going to set the following options, which are the same options I’ve used for the You Theme online Documentation.

  • Click the Blog Template tab to reveal the Blog Page options
  • We’ll set the Layout Format to Masonry Grid – this format works best with content that has variable sizes
  • Enable the Boxed Post Style – this uses the Skin > Shaded colors to style the posts
  • Set the Grid Columns to Three
  • The You Online Documentation makes use of the Search Filter + Highlight function
  • Choose a Category you wish to display on this page

    • You page is now a Blog page.

    Warning: Do not assign this or any other Blog Template page as a Posts page in WordPress Admin > Settings > Reading – the Blog Page will cease to function.