Part 7 ‐ Navigation ‐ Sidebars

For UAB Joomla Web sites, sidebars help you to find your way around the site. The left sidebar generally contains menu items that point to articles that make up the content in the site. A Joomla Web site can have many sidebar menus that represent different areas of the site. When your Web site is first created, four navigation menus are pre-defined for you; these are called Area 1 Sidebar, Area 2 Sidebar, Area 3 Sidebar and Area 4 Sidebar. You can add links to newly created articles in any of these sidebar menus.

horizontalnav

Creating a New Left Sidebar Menu

This section covers the back-end—or structural—creation of a menu. To “see” the menu from the front-end—or user—view, please refer to Part 11 – Presentation – Editing Menu Modules.

Go to Menus > Menu Manager then click on New to add an additional menu. Fill out the form to name the menu so you will be able to identify which menu it is when it is time to work in that area of the site.

SUGGESTION: Make a new menu and call it Area 5 Sidebar menu. You will need to fill all 3 fields (copy-and- paste is acceptable). When you are complete, click Save. See example below.  Click "Save & Close."

newmenu
 

In order to access your new menu, click on the Menus dropdown at the top of the page and find your menu title, or click on the Menu Manager.

Adding Items to the Menu

Go to the Menu Manager.  Click on the name of the menu to add menu items.

additems

You will then click on New to add a new menu item.

Click on Select beside the Menu Item Type.  This is where we will navigate to display an article (Landing Area 5) on the menu.

newmenu1

Next, we will need to specify what type of menu item type is needed.  In this example, we are going to point to a single article.  Let's click on the "Single Article" option under Articles.

newmenuitem

You will now see that "Single Article" is filled into the file type.  Type in a Menu Title (SUGGESTION:  for this example, type in Area 5 Sidebar).  Also, make sure a Menu Location is chosen from the dropdown list (SUGGESTION:  Area 5 Sidebar should already be selected in this example).  Then, under Required Settings, click on the Select/Change icon to browse to an article.

newmenuarticle

Browse and select the article (SUGGESTION:  Area 5 Landing Page) you would like associated with your menu item.
newmenuarticle2

Click on "Save & Close."
savemenu


Congrats, you now have a menu.  Unfortunately, we cannot yet see the menu until we add it to our site.

SUGGESTION: Add a second item to the Area 5 Sidebar. This is done in the same way you added the first item, except this time you will select a parent item for your new menu link. Select Area 5 Sidebar as the parent so the menu items will be indented.

Horizontal Navigation Menu Bar

The items in the Horizontal Navigation Menu Bar then point to each of the individual sidebars using an alias link. (This alias creates a link to an existing menu item.) An exception might be an item in the horizontal menu that just points to a single page of content such as a “Contact Us” page.

If you visit the site now, you will see the links in the horizontal menu, and upon clicking one you will see a list of all the articles/pages belonging to that area.