Basic WordPress training: Creating a custom menu

BASIC_WORDPRESS

Basic WordPress training: Creating a custom menu

In this tutorial we’ll take a look at using the WordPress menu feature to create menus for your website.

WordPress menus are a way building a consistent site-wide navigation, they highlight the most important content on the site (usually pages rather than posts), and they help visitors identify and go to what it is they are looking for.

[ezcol_1half]

Where are menus found?

The location of menus is controlled by your WordPress theme. Normally the main menu is along the top of every page in a horizontal layout, or down the left-hand side of every page in a vertical lay-out. Some themes support more than one menu.

[/ezcol_1half][ezcol_1half_end]

How to create a menu

The 3 basic steps in building a menu for your site are:

    • Create the menu
    • Add links to the menu
    • Position the menu

[/ezcol_1half_end]

[ezcol_1quarter]

First of all, go to Appearance>Menu.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Create-menu

[/ezcol_3quarter_end]

[ezcol_1quarter]

You are then taken to a menu-building page.

Click on ‘Create a New Menu’ and enter a ‘Menu Name’ (this is just an identifier for you – your site visitors won’t see this name). Then click ‘Create Menu’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Menu-builder

[/ezcol_3quarter_end]

[ezcol_1quarter]

Next you’ll see some options. You can choose to automatically add pages to the menu as you create them if you so wish. I would personally leave this unchecked so you have greater control over what appears in your menu.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Auto-add-pages

[/ezcol_3quarter_end]

[ezcol_1quarter]

Adding links to the menu

So now you need to add the links to the menu. There are a couple of ways to do this. The first is the most straightforward. The the left of the screen you’ll see a list of your pages. You can simply check the pages you’d like to appear as links in the menu and click ‘Add to Menu’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

select-menu-items

Items-added-to-navigation

[/ezcol_3quarter_end]

[ezcol_1quarter]

You can edit the way the link is displayed by clicking on the downwards arrow next to any item in the menu. For example, if you wanted your ‘Contact’ page link to read ‘Get in touch’, you’d change the label here.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Changing-menu-label

[/ezcol_3quarter_end]

[ezcol_1quarter]

You can also drag the menu items into the order you’d like them to appear.

If you’d like a link to content that isn’t a page on your site, you have some more options. To link to a blog post or an external page, click on ‘Links’, enter the URL of the page you want to appear in the menu and specify the link text (the label as it should appear on the menu).

Then click on ‘Add to menu’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Add-links-to-menu

[/ezcol_3quarter_end]

[ezcol_1quarter]

You can also select Category archive pages to link to in the menu by clicking on ‘Categories’, checking the categories you’d like to appear in the menu and clicking ‘Add to menu’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Add-categories-to-menu

[/ezcol_3quarter_end]

[ezcol_1quarter]

If you’d like items to appear in a drop down menu which appears when you click on a main menu item, simply drag the menu items to the right slightly to indent them and they will be become sub-items.

[/ezcol_1quarter]

[ezcol_3quarter_end]

indent-menu-items

[/ezcol_3quarter_end]

[ezcol_1quarter]

Once you are happy with your menu, click ‘Save menu’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Save-menu

[/ezcol_3quarter_end]

[ezcol_1quarter]

We now need to specify where the menu we’ve just created should appear on the site. To do this click on ‘Manage Locations’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Manage-locations

[/ezcol_3quarter_end]

[ezcol_1quarter]

The theme we use at TextileArtist.org has three menu locations available. I want the menu I just created to appear as my main navigation, so I’ll find it in the drop-down menu next to ‘Main Navigation’ and select it. Then I’ll click ‘Save Changes’.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Select-location-for-menu

[/ezcol_3quarter_end]

[ezcol_1quarter]

Now if I navigate to the homepage of my site, I see the menu I just created.

[/ezcol_1quarter]

[ezcol_3quarter_end]

Menu-live-on-site

[/ezcol_3quarter_end]

<<< Go back to Chapter 11 – Organising your content with categories and tags

Go to Chapter 13 – Managing comments on your blog >>>

Hello and welcome to TextileArtist.org

TextileArtist.org is a place for textile artists and art enthusiasts to be inspired, learn from the best, promote their work and communicate with like-minded creatives.

NEWSLETTER FOR TEXTILE & FIBER ARTISTS

JOIN A COMMUNITY OF 60,000 STITCHERS

Share in the creative secrets of the world's most celebrated embroidery artists.

And discover how to create breathtaking art with textiles and stitch.

All Inspiration. No Spam.

Thank you for subscribing to our newsletter

What the artists say

"Textileartist.org is an invaluable resource. I am constantly sending students there and sharing it with other practitioners".

Nigel Cheney
Lecturer in Embroidered Textiles at NCAD

"The beauty of TextileArtist.org is that whenever you visit you'll discover something that you didn't already know".

Rachel Parker
Textile Study Group Graduate of the year 2012

"TextileArtist.org gives contemporary textile practice a voice; leading artists, useful guides and a forum for textiles".

Cas Holmes
Textile Artist and teacher

"This website is exactly what we need in the textiles world. A fantastic inspirational resource".

Carol Naylor
Textile and Embroidery Artist

  Get updates from TextileArtist.org via RSS or Email