TownHub - Listing & Directory WP Theme

  1. Home
  2. Docs
  3. TownHub – Listing & Directory WP Theme
  4. Setup Menubar

Setup Menubar

All our themes have support for Custom Navigation Menu, and here are quick instructions on how you can create menus for your site. http://codex.wordpress.org/Appearance_Menus_SubPanel

Building the Main Navigation menu

You must define a menu before you can add items to it.

  1. Login to the WordPress Dashboard.
  2. From the Appearance menu on the left-hand side of the Dashboard, select the Menus option to bring up the Menu Editor.
  3. Select Create a new menu at the top of the page
  4. Enter a name for your new menu in the Menu Name box
  5. Click the Create Menu button.

Your new custom menu has now been defined.

Adding Items to a Menu

You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.

  1. Locate the pane entitled Pages.
  2. Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.
  3. Select the Pages that you want to add by clicking the checkbox next to each Page’s title.
  4. Click the Add to Menu button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.
  5. Click the Save Menu button once you’ve added all the menu items you want.

Your custom menu has now been saved.

Note The Screen Options allow you to choose which items you can use to add to a menu. Certain items, like Tags are hidden by default.

Edit Menu Items

Navigation Label This field specifies the title of the item on your custom menu. This is what your visitors will see when they visit your site/blog. Title Attribute This field specifies the Alternative (‘Alt’) text for the menu item. This text will be displayed when a user’s mouse hovers over a menu item. Link Target Select “Same window or tab” or “New window or tab” from the pulldown. CSS Classes Optional CSS Classes for this menu item,

Creating Multi-level Menus

When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.

The WordPress menu editor allows you to create multi-level menus using a simple ‘drag and drop’ interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.

To make one menu item a subordinate of another, you need to position the ‘child’ underneath its ‘parent’ and then drag it slightly to the right.

  1. Position the mouse over the ‘child’ menu item.
  2. Whilst holding the left mouse button, drag it to the right.
  3. Release the mouse button.
  4. Repeat these steps for each sub-menu item.
  5. Click the Save Menu button in the Menu Editor to save your changes.
menu-screen4.png
menu-screen5.png

Adding Menu to Your Site

TownHub theme supports custom menus, you will be able to add your new menu to one of two Display Locations: Top Menu.

  1. Scroll to the bottom of the menu editor window.
  2. In the section titled Display locations, click the check box for the location where you want your menu to appear.
  3. Click Save menu once you’ve made your selection.

Main Menu structure

And this is how they display on the front-end site:

For more details in creating wordpress menu please read this guide: WordPress Menu User Guide

Was this article helpful to you? Yes 1 No

How can we help?