How do I create a new static page I want to add to my website?

Follow

Your website comes with a few basic static pages that we put together for you. You are free to edit those pages or create a new one from scratch. In this section, we are going to demonstrate how to create a new static page and how to add basic content to it.

  1. Find the “Add New” link or button

To create a new empty static page, click on “Pages” from the side menu in your Wordpress dashboard and click the “Add New” button located on top near the title. From anywhere else in your dashboard, you can also just mouse hover “Pages” and select “Add New” from the sub-menu.

 

create-new-page.png

 

create-new-page-2.png

 

This action will create a new blank page. You will need to at least name your page before being able to save it as a draft, preview or publish it.

Note: Remember that if you don’t want to start from scratch and you already have a static page that is close to the result you want, you can duplicate this page as a draft and modify it’s content and/or layout to your need.

 

duplicate.png

 

  1. Give your page a title

The first thing you want to do is to give your page a title. By doing so, you will notice a “permalink” section appears underneath the title field. Feel free to customize this link but it is recommended to keep it as simple and short as possible.

 

page-title.png

  1. Work in draft mode

By default, any new page that is created is set as draft. Meaning that only you can see the page until the moment you decide to publish it. As you work on your new page, remember to save your work frequently. You can also press the “Preview” button to preview what your page looks like so far.

 

publish-draft.png

 

Note: If you press the publish button by accident, you can easily revert a page to its draft mode by clicking the “edit” link close to status in the “Publish” box and select “draft” then press the “Update” button.

 

change-status.png

 

  1. Choose a content layout for your page

You can see and modify all the parameters of your page in the “Page Settings” section (usually located at the bottom). Amongst them is the “Content Layout”. The Total theme includes 4 different layouts for your pages/posts : right sidebar, left sidebar, no sidebar and full-screen.  

 

content-layout.png

 

Note:You can set global layout settings for all your pages by opening the Customization panel (under “Appearance > Customize”) and than open “General Theme Options” and “Pages”. Note that this will only affect pages that have “default” set as their content layout.

 

  1. Add content to your page

Your Wordpress site comes with a “Visual Composer” plugin which allows you to have a “drag and drop” building experience that makes it easy to create interesting content rapidly. Wordpress and the Total theme comes with numerous different modules. To add one, just click the “Add Element” button.

 

add-element.png

 

In this example, we are going to create simple heading, a divider, add some text and create a “Call to Action” module in a separate column.

First, add the “Heading”, “Text Block” and “Divider” modules to your page (use the “+” button to add a new module):

 

content.png

 

Note: The first module you drop will be automatically added into a row, which is a box, or a container. You can organize your content into rows and apply different settings to them (background color, spacing, responsiveness ...etc).

 

This is what our content looks like when we preview it:

content-1.png

You can mouse over any module to reveal a small icon menu (move, settings, duplicate and delete). The pen icon allows you to open the settings window of a specific module and adjust any settings available.

Let’s open the “Design” tab in that divider settings window and add some top and bottom margin:

 

edit-div.png

 

edit-div-2.png

 

Let’s have a look at the changes we just made:

 

 

Just like modules, you can click the pen icon to access the settings of a row. For our example, we are going to click the columns icon and choose a 2/3 - 1/3 layout:

 

columns-click.png


row-layout.png

We have now a row that has 2 columns. Let’s press the “+” button in that new column and select the “Call to Action” Module:

 

Screen_Shot_2019-02-27_at_2.56.09_PM.png

 

Screen_Shot_2019-02-27_at_2.58.44_PM.png

 

This is how our page looks like now:

 

Screen_Shot_2019-02-27_at_2.59.09_PM.png

 

Tip: You can also build your page using the Frontend Editor where you can preview directly the result of your actions. Just press the “Frontend Editor” button located on top of your page.

 

Screen_Shot_2019-02-27_at_3.10.51_PM.png

 

  1. Publish your page

Once you are happy with your new page and you are ready to make it available to the public, just press the publish button!

 

publish.png

 

Note: Even if your page is live, your customers won’t see it if you don’t create any access to it. Visit our document about how to edit/manage your menus (link) to learn how to make your new page accessible.


We encourage you to experiment with all the different modules available as well as the page settings. For more detailed explanations on all the different modules and layout possibilities, visit theTotal Theme documentation.

0 out of 0 found this helpful

Comments

0 comments

Article is closed for comments.