Your primary site menu is how most site visitors will find their way around your website and as such it’s important you are able to edit it to reflect the key areas of your ocPortal website. This tutorial will guide you through from creating a new menu from scratch and populating it with links.
First you will need to log in to your adminzone. Menu management can be found in the structure section of the adminzone. You can now choose to edit one of the existing menus which are used within ocPortal. The main menu for your navigation is called the zone_menu as standard in ocPortal. But for the purpose of this tutorial we will create a new menu from scratch.
I am calling this new_menu. Once you have given the menu a name click Choose. You now have a blank menu screen. The menus are created in a tree structure which means you can add sub sections or branches below the main menu items. First level items will be seen as normal on the navigation. Secondary and tertiary levels of menu will usually only appear when the primary part of the menu is hovered over or expanded.
You could for example have the primary navigation dedicated to the subject zones you have set up and then the sub menus could be links to related elements within that section. For example on a site I have I use the Zones as the primary navigation points and then have a link to the related forum section below each section. For example it could be something like this.
Begin by adding a first branch. It’s considered good practice to add the first link as a link back to the home page. Once you click on the Caption to give it a name you will be shown some more options which are:
- Link – where the menu item goes to
- Options – whether the item opens in a new window and whether ocPortal will hide menu items where a user doesn’t have permission to view them. This is useful as it means you can have a Staff section linked from the main navigation which will only appear to those who can view it
- Branch type – This is set as page as standard which means you won’t be able to set sub branches. There is also contracted and expanded branch which will both allow you to add sub sections to the primary navigation items
There is also an Advanced section which allows you to set tooltips when the menu item is hovered over, set menu images for the menu item and set match key restrictions.
To choose where the Link is going you can either add a manual URL. You can set the link manually for example the start page in the Music zone code would be Music:start a news page with in the music Zone would be Music:news . To link to the Home page you can just use a colon.
You can also use the tree structure on the right of the page to select where the link should go to.
Set the Options whether it opens in a new window and whether permissions should be checked. I tend to use the Check permissions option on most menu items in case I make a zone private in future as it will stop me having to edit the menu again.
Choose the Branch type. If the top level is set as an Expanded or Contracted branch you will then have the option to add sub sections to each menu item in the same way you added this first item. Once you have gone through this process to add all of your menu items click save.
If this menu is a side menu you can attach it to the left or right panel using the side_stored_menu block. If the new menu is to replace the main navigation you can use this tutorial which will explain how to change which menu appears as the primary navigation.
If you want to edit the menu once it is set as the main navigation you can either go through the admin zone or when you are logged in as an admin you can hover over the menu and an edit link will appear to the right side of the menu which will look like this.
If you want, you can Follow me on Google plusFollow me on Twitter