WP: Lesson 5 – Menu

 PrevNext

Menu & Navigation

Website Schematic or Sitemap

Create a schematic diagram to determine the navigation of you website from page to page.  Most website use a hierarchical structure which look like an inverted tree:

Website Schematic Diagram

Customizing 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.
Original
A link to the original source of the menu item (e.g. a link to view the post or page).

Following items are hidden by default. Use Screen Options to show the required fields.

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
Link Relationship (XFN)
Allows for the generation of XFN attributes automatically so you can show how you are related to the authors/owners of site to which you are linking. See Link Relationship for details.
Description
Description for this link. The description will be displayed in the menu if the current theme supports it.
  1. Click on the arrow in the top right-hand corner of the menu item to expand it.
  2. Enter the values for the required fields that you want to assign to the item.
  3. Click the Save Menu button to save your changes.

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.

Excepts from WordPress Users Guide: WordPress Menu User Guide

 

Advertisements