Menus and How To Use Them

A Menu is a list of different pages, categories, or posts that can be selected. These Menus can be made by going to Appearance -> Menus from your Dashboard.

Custom Menu

Custom Menus are one of the Widgets available to your website. Before you can use a Custom Menu, you must create it by going to the “Menus” page.

Naming a Custom Menu

To create your menu, type the name in the text box to the right of the words “Menu Name” and then click “Create Menu”. In the example, the menu is named “Table of Contents”, but it can be called anything you like. This name is for your own use so you can identify menus, this name will not be displayed on your web pages.

Custom Menu

Adding Content to Your Menu

On the left of the Menu page you’ll see a box with tabs that can be used to add content to the menus. These are “Custom Links”, and may also include “Pages”, “Posts”, and “Categories”.

Custom Menu

Menus can be displayed in your left or right Widget areas. These will be displayed on all your pages and might be important for navigating your site.

Custom Links

Custom LinkUse Custom Links to add links to pages outside of your site, such as a link to URI’s home page. You can enter URLs of your site’s pages here too, but the Pages option is easier as you only have to select the check box next to the title of a page. Similar boxes will be displayed for Posts and Categories.

In the example pictured, we show how we added two items to our Custom Menu. In the “Custom Links” tab, we added the URL for URI’s home page. We typed “URI Home” in the “Link Text” box and then clicked the “Add to Menu” button. This item then showed up in our new Custom Menu on the right of the page.

Custom Link ConfigurationWe clicked on the configuration arrow which opened up the contents and we filled in the Title Attribute. Title attributes can be used for accessibility. For example, setting the attribute on a link allows user agents (visual and non-visual) to tell users about the nature of the linked resource.

Next we selected one of our own site’s pages by going to the “Pages” tab, clicking on the checkbox for our page named “Summary and Benefits of WordPress Features”, and then clicking “Add to Menu”. As above you can add title attributes to this menu item.

You can add as few or as many items to your Custom Menu as you please and create multiple Custom Menus with different collections of pages. You can also drag and drop your menu items to put them in any order you see fit.

Drag and drop

In the image above we are dragging the “URI Home” menu item from first into second place in our list. After drag and drop, make sure your menu items line up. If not, push any modules slightly to the left. If you drag a menu item slightly to the right of the menu item above it you will create a hierarchy (parent/child) relationship in the menu.

Be sure to click on Save Menu to add all these items to your new menu. You can come back to this page anytime to change the contents of this menu, add new menus or remove menus.