Adding Pages

The process of adding pages is quite similar to adding posts:

1. Go to Pages > Add New

2. Enter a title and some content.

3. Select a page template or leave the default(more on this just after).

4. Select a layout for the page. You can either have a fixed layout (responsive of course) with or without a sidebar, or you can have a full width layout. This layout is good when working with rows with certain backgrounds on the Visual Composer.

5. Setup the page header. Each page can be plain, without any header, or it can feature an image or a slider below the header. If you go with the image, you’ll have a cool parallax header with some text on it. Otherwise, you can use an instance of the awesome Revolution Slider. You can also choose to show or hide the page title from this field.

6. Write a few words excerpt(it is good for search results and SEO to have an excerpt, no matter what kind of content do you have in your page).

7. Hit “Publish” and you’re all done.

Page Builder Demo - part 1

Page Builder Demo - part 2

Page Templates

As you might already noticed, there are a few Page Templates available for you to use. Each template will configure your page to look and act in a different way.

1. Default Template

This is the default template and it outputs exactly the content of the page, without any modifications.

2. Archives

This is a page which displays all of your archives(it might be good for SEO to have it and also for users in order to give them a broader perspective over your blog).

3. Blog

This page outputs all the posts that you have in your blog. It uses a classic format with all the posts one below the other. This works best for large blogs with lots of posts.

For the modern blog grid, please refer to the Shortcodes section.

4. Contact

This one has a map available in it. Note that the content (contact form) still needs to be added separately (via shortcodes), but this page template is the starting point for any contact page. The map is configured in the  Map Options and each field is properly detailed, so you shouldn’t have any issues with this.

5. One Pager

This acts just like a regular page, the difference being in extra menu which is added in the right of the website. This simple bullet list will offer the ability for your users to scroll between the large sections (rows) of your page, thus acting like a cool one page template. It could be used for a creative homepage or an interesting timeline, or whatever you can think of.

It best works with full width pages and the requirement is to have the page composed from Visual Composer rows. Each row will then become a “section” and it will appear in the menu if you give it a “onepager-section” extra class. For example, let’s say that you will have three rows in your one pager. Open each row’s settings and in the extra class field, you will add onepager-section.

6. Sitemap

Similar to the archives template, this one displays a sitemap with the pages of your website. It is good for SEO to have such a page and maybe put a link to it in the footer.

UP NEXT: Adding projects