wordpress: improve your navigation

16
WordPress Improve your Navigation

Upload: david-lynn-painter-phd

Post on 18-Nov-2014

44 views

Category:

Internet


0 download

DESCRIPTION

How to improve navigation on your WordPress site and make your site more user-friendly. Originally developed by Erika Barker.

TRANSCRIPT

Page 1: Wordpress: Improve your navigation

WordPressImprove your Navigation

Page 2: Wordpress: Improve your navigation

This lesson requires that you complete the “WordPress - Categories and Tags” activity

before you proceed any further.

Page 3: Wordpress: Improve your navigation

A proper navigation (the menu at the top of the page), ensures that your readers do not get annoyed by

excessive scrolling or clicking to navigate throughout your website.

Page 4: Wordpress: Improve your navigation

Click the “Appearance” panel in your WordPress dashboard.

To customize your main menu:

Page 5: Wordpress: Improve your navigation

Select the “Menus” sub-option.

Page 6: Wordpress: Improve your navigation

In the Menu section, let’s first create a new menu. Type “Menu” for menu name, and click the “Create Menu”

button when you are finished.

Page 7: Wordpress: Improve your navigation

Next, we need to tell WordPress to override the current menu. In the “Theme Locations” section, select the menu you just created and click the “Save” button

when you are finished.

Page 8: Wordpress: Improve your navigation

To create our first button, locate the “Custom Links” section. Next, type your website address in the URL field, and type “Home” for Label. Click the “Add to

Menu” button when you are finished.

Page 9: Wordpress: Improve your navigation

Let’s add our categories to the menu. Scroll down to the Categories section and click the “View All” tab.

Page 10: Wordpress: Improve your navigation

Click the “Select All” link, and click the “Add to Menu” button when you are finished.

Page 11: Wordpress: Improve your navigation

Do the same thing for any Pages you wish to add.

Page 12: Wordpress: Improve your navigation

There appear to be a lot of buttons for this page. This

could create confusion very quickly, and/or break

the look of our theme. !

Let’s try creating a drop-down menu to keep things

organized:

Page 13: Wordpress: Improve your navigation

Drop-down buttons present the user with an organized menu where they can quickly mouse over a button to

get further specific options.

Page 14: Wordpress: Improve your navigation

To make a child button appear underneath a parent button: simply drag the child button slightly to the right

(the child button should always be located directly under the parent button).

Page 15: Wordpress: Improve your navigation

In this example, when someone moves their mouse cursor over “Articles”, a list of categories will appear. Feel free to reorganize your menu by simply dragging

your buttons to the desired location.

Page 16: Wordpress: Improve your navigation

Don’t forget to hit the “Save Menu” button when you are finished.