Managing Primary Navigation: Difference between revisions


 
(7 intermediate revisions by 2 users not shown)
Line 18: Line 18:




[[Image:Websitenavigation.PNG]]
[[Image:Websitenavigation-new.PNG]]




Line 30: Line 30:
* '''Link to another website''' will allow you to insert a link to an external address into your navigation menu. You can choose to open a link to another website in a new window using this link type!
* '''Link to another website''' will allow you to insert a link to an external address into your navigation menu. You can choose to open a link to another website in a new window using this link type!
* '''Link to an email''' will allow you to insert a link to an e-mail address into your navigation menu.
* '''Link to an email''' will allow you to insert a link to an e-mail address into your navigation menu.
* '''Add a Submenu''' will allow you to create drop down menus for your primary navigation links.




Line 46: Line 45:
=====Adding Dropdown Submenus=====
=====Adding Dropdown Submenus=====


To use this, simply drag the 'Add a Submenu' button to the right panel - where you want it to display amongst your other navigation links. If you would like to add a submenu below an existing link, you must remove that link and replace it with a submenu:
To create a submenu, drag menu items up or down to sort, and left or right to create dropdown sub-menus. When you're done, you should see a structure such as this:


[[Image:Submenudrag.png]]
[[Image:Submenudrag4.png]]
 
You'll then be able to label this dropdown item and choose whether or not the text should also serve as a link, or be unclickable and simply work to display the submenu items. The label will be the text on your main navigation that your submenu links will appear below.
 
When you're done, you should see a structure such as this:
 
[[Image:Submenudrag2.png]]


Save changes and take a look at your work - pretty cool, huh?
Save changes and take a look at your work - pretty cool, huh?
[[Image:Submenudrag3.png]]


====Suggestions:====
====Suggestions:====

Latest revision as of 14:02, 7 April 2016

For information regarding primary navigation as a required html element, please see Primary Navigation.


Your website's primary navigation is the group of links conveniently located at the top of each page in your website to link visitors to any of your other pages, external sites, e-mail addresses or files uploaded through your file manager.


Primarynavex.PNG The primary navigation as it appears on http://builderexample.com


The links within it can be managed to display only those you want to show, and exclude the others. While this area has a bar similar to a Component Toolbar, it cannot be dragged to other sections of your pages.


Accessing the Primary Navigation Editor:

You can access the primary navigation editor by clicking on "Edit" on it's toolbar.


Websitenavigation-new.PNG


You can arrange the order of your pages in the Menu Items field by grabbing the Drag (::::) area beside a page and moving it above or below others. This will change the order in which your pages display within the primary navigation section of your site.


You can also drag the following items from the column on the left into the menu items section:

  • Link to a page in my site will allow you to insert a page into your navigation menu.
  • Link to a file on my site will allow you to insert a file into your navigation menu. You can choose a file from your file manager by clicking on the "Browse" button.
  • Link to another website will allow you to insert a link to an external address into your navigation menu. You can choose to open a link to another website in a new window using this link type!
  • Link to an email will allow you to insert a link to an e-mail address into your navigation menu.


Adding Pages to Primary Navigation

By default, the checkbox to add a page to your primary navigation is selected in the process of creating a new page. Of course, if you choose not to do this, it will not appear in your primary navigation. In this case, you can access it to make changes via the Current Page dropdown on the Toolbar.

To re-add a previously removed or initially un-added page, simply drag "Link to a page in my site" to the appropriate location in the Menu Items area and select the page.

Removing Pages from Primary Navigation

To remove a page, simply access the primary navigation settings and click the delete icon (Trashicon.PNG) beside the page name. Deleting a page will also remove it from the primary navigation.


Adding Dropdown Submenus

To create a submenu, drag menu items up or down to sort, and left or right to create dropdown sub-menus. When you're done, you should see a structure such as this:

Submenudrag4.png

Save changes and take a look at your work - pretty cool, huh?

Suggestions:

In some cases, you may find that you have too many links to be completely displayed in this area, or the number of links causes your primary navigation to appear cluttered. We recommend you add only your main website links to the primary navigation.

If you need more room, or to add secondary links, you can add a Navigation Component to a content location of your website. You can add as many of these as are necessary and they can be managed via their respective settings areas.