HTML5 Bootstrap templates with CMS

Automated installation within minutes

24/7 fast support and special requests

CMS Interface Overview

Save yourself a lot of time by reading this article first!

The CMS interface has been designed to have the shortest possible learning curve.

Throughout the CMS interface, you will recognize four distinctive intuitive areas:

1 - the top navigation menu.

2 - the left side column with all the menu items you create.

3 - the tab bar of the selected option from either 1 or 2.

4 - the settings and content area.

Tip
Click on the tabs (3) to access different settings and content areas (4). You can recognize which tab you are on by color association, e.g., if you click on the green tab, all the boxes located right beneath the tab bar will turn green.

The four status types of your frontend menu items: disabled, enabled, pending and invisible

Each new menu item you create will appear in the left side column of the CMS interface (2), with the name you gave to it, preceded by a colored file icon.

 - if the icon is red, it means that the menu item is disabled (not displayed on the frontend).

 - if the icon is white, it means that the menu item is enabled (displayed on the frontend).

 - if the icon is orange, it means that the menu item is pending (displayed on the frontend but only to administrators).

By default, each new enabled or pending item is linked in the frontend navigation menu. You can select the invisible checkmark to make it accessible only via its URL.

 - if the icon black, it means that the menu item is invisible (not displayed on the frontend but reachable via its URL).

Tip
Menu items are usually pages, but they can also be dropdown menus or links, regardless of whether it's a one-page or a multi-page template. See why.

A newly created dropdown menu will switch to a tree node icon the moment you include at least one sub-item in it. You can click the dropdown menu name in the left side column of the CMS interface (2) to view and access its sub-items.

 - just like the menu items presented above, the same status color rules apply.

The two ways in which you can reach a frontend menu item at any time

A. The quick way: click the menu item name in the left side column of the CMS interface (2) then use the tab bar (3) and other available buttons located in the settings and content area (4).

B. The classic way: access the Site Structure option in the top navigation menu of the CMS interface (1) then click Manage Pages and use the light blue colored button in the list box.

Important
The quick way (A) is in fact a shortcut that skips the Manage Pages step/section from the classic way (B), where you can delete, drag and drop menu items or create new ones.

The functions of these buttons are universal in any list box:

 - orders the item list ascending or descending.

 - deletes any item.

 - triggers the edit section of any item.

 - triggers the detail section of any item where you can edit all of its settings and/or content.

 - vertically drags and drops any item, which will change the order they appear on the frontend.