This section explains how to create the options for a website menu. We'll assume you have access to an active Navigate CMS installation, a website is already created and a theme installed. If you need help with this requisites we recommend you reading the Installation manual.
Website menu is managed using the Structure function. In the beginning you'll see just one item: the website root (in the following example, our website is titled Ocean).
Let's create our first menu item: the Home page. Click on the Create button.
Navigate CMS will load the create new structure entry form, composed by two tabs: Main & Text / Paths.
The main tab establishes the metadata or properties of the category.
- ID — displays the numerical identifier of this category or (new) if it's a new entry.
- Parent — dropdown to select what's the parent element of the category. As the home page is part of the first level of the website menu, this item has no parent.
- Template — define how this page will be displayed by assigning a theme template. Our theme (called Ocean like the website) has a specific home page template.
- Publish date / Unpublish date — we want the home page always reachable, so we keep these two fields empty.
- Access — Navigate CMS checks if a page requires a logged in user, our home page would be available to everybody.
- Status — define if the page is published, private (only available for Navigate CMS users) or hidden to everyone.
- Show in menus — we may create a category that does not necessarily appear in the menu, but that is not our case.
We only had changed two fields: template and show in menus.
Let's proceed with the second tab: Text / Paths.
In this tab we will enter the category title, path and which action the browser will do when the user clicks on it.
If our website is multilanguage, a buttonset will appear. Every language has its own fields for Title, Path and Action. If you don't want a structure entry to be shown for a certain language, just keep its language fields empty.
- Title — text that will be displayed in the menu for this option. We enter "Home".
- Path — relative path used to access this page, it always has to start with a slash symbol "/". You can also enter a full http url to an external site. We enter "/en/home".
- Action — define what will happen when the user clicks on this menu option; usually you'll want the browser to follow the relative url you entered, but you can jump to another category (branch) or just do nothing.
- New window — checked, performs the action opening a new browser tab.
We have all set, so click on the Save button. Our first structure entry is created. Now return to the main view by clicking on the Tree button.
We've added more entries for our website menu.
Reorder menu options
You can change the order of the menu options very easily. Move the mouse over the root element (the website) and notice an icon of two arrows. If you click on it, the child elements of the selected parent will appear and you only need to drag any row up or down to change priorities. When you're done, click on the Save button placed on the right of the notification above.
After clicking Save you'll be returned to the website structure tree, where you can verify the new assigned order.
To create a submenu we need to have its parent element created. To add the subentries we can click on Create button and select the parent element in the dropdown or we can click on the + sign that appears when placing the mouse cursor over the parent row.
After saving the first submenu option you don't need to return to the tree view and click on the + icon again. Just click on Create in the Actions bar and Navigate CMS will assign the same parent to the new item.