Bourn Creative

Transforming Businesses into Extraordinary Brands

  • Services
  • Portfolio
  • About
  • Praise
  • Blog
  • Start Your Project
WordPress Website Navigation Menu
standard icon

Website Menus And How They Are Used In WordPress

April 11, 2014 Jennifer Bourn

At the most basic level, a WordPress menu is a collection or list of links. The most common placement of a menu is in the site navigation area or navigation bar and is referred to as a navigation menu.

Each link in a menu is called a menu item. Some menu items may have sub-menu items that are displayed in a drop down menu.

  • EXAMPLE: A basic website navigation menu may include menu items such as About, Services, Products, Testimonials, and Contact. The Services menu item may display a drop down menu, with the sub-menu items Private Consulting, Group Training, VIP Day.

Below you’ll see a site with a primary navigation menu, a secondary header menu, and a drop down menu of sub pages under the Assessments menu item.

How to Use WordPress Website Menus

WordPress menus can be used almost anywhere in a WordPress site.

In addition to your website navigation menu, you can display a WordPress menu in the header, in a sidebar, in the footer, or in any widgeted area.

  • EXAMPLE: On a media page, you could add a menu of links in the sidebar to interviews, features, and videos.
  • EXAMPLE: In a website footer, you could display a menu of links to your individual product or program sales pages.
  • EXAMPLE: On a speaking page, you could add a menu to the sidebar that links to your SlideShare presentations, speaking videos, or reviews.

Different Types of WordPress Menus

Why use a menu?

You may be reading this thinking, “Yeah, I get using a menu for my website navigation bar, but why use a menu elsewhere on my site? Why wouldn’t I just list the links?”

In a sidebar, footer, or other widgeted area, there is no editor available to help you add links, so listing links requires you either to write HTML code to create the links, or first create the list of links in a page and copy and paste the code into the widget. What a pain!

Menus make the process much easier!

WordPress menus allow you to quickly create a custom menu and easily add pages, posts, category archives, tag archives, author archives, or custom links.

On the menu screen, you can change the name and titles of any menu items without affecting its permalink (URL), and with its drag-and-drop functionality, you can change the order of the menu items, and create drop down menus. Plus, with the WordPress Custom Menu Widget, you can add a custom menu to any widgeted area on your website — all without having to touch any HTML!

Plus, custom CSS can be written for menus in the sidebar and footer to display them in a bulleted list class, to use icon fonts, images, or buttons, and to add hover effects.

Custom WordPress Website Menu Design

Responsive Website Menus

Responsive web design — where a site is designed to respond to, resize, or adjust itself, based on user behavior and the viewing environment — requires additional design considerations for website menus. Forethought must be given to how the menus will be displayed as screen sizes get smaller (or larger is using a mobile first approach).

One of the most common mobile menu designs is to use the “Hamburger” — an icon displaying three short horizontal lines that represents a menu. When clicked, the hamburger icon expands downward to show the full website menu (as shown below). If multiple menus are used (as shown below), whether or not the menus will be combined and how that will work must be addressed.

Responsive Menu Design For WordPress Websites

What About You?

Did you know you could put WordPress Menus in your sidebar, footer, or other widgeted areas? Or is this a new concept? If you use menus on your site, what have you used menus for other than your website navigation? We would love to hear from you in the comments!

Related Posts

  • How to Create A Highly Effective Website Home Page
  • How To Design A Website Header (And What Should Go In It)
  • What Is A WordPress Widget?
  • Smart Strategies For Your WordPress Website Sidebar Design
  • The Difference Between a WordPress Footer and a Footer Widget Area
  • Website Content Tips For The WordPress Page And Post Content Area
  • Why Every Business Needs a WordPress Blog
  • Understanding WordPress Page Templates
  • Understanding WordPress Archive Templates
  • Sales Pages, Landing Pages, and Squeeze Pages, Oh My!
  • Add An Opt-In Box to Your WordPress Site To Build Your Email List
  • Responsive Website Design: What Is It, How Does It Work, Why Should I care?
Share on TwitterShare on FacebookShare on LinkedIn

Category: WordPress Tips & Resources Tags: Responsive Design, Web Design, Website Strategy, WordPress

Subscribe To Our Blog & Never Miss A Thing

Sign up to get new our latest posts and announcements delivered straight to your inbox. Seriously, at this point, what’s one more email?

About Jennifer Bourn

Creative Director · Digital Strategist · WordPress Evangelist

As founder of Bourn Creative, Jennifer is an award-winning designer who has been working in the branding and design trenches since 1997. Today she consults on brand development, website strategy, and content strategy, works closely with clients on graphic design and web design projects with WordPress as her platform of choice.

When not immersed in client projects, Jennifer manages the Bourn Creative brand and our internal systems and processes. She speaks often on podcasts, summits, and at live events, and writes not only for our blog, but for several other websites, sharing her expertise on freelancing, client services, agency growth, blogging, marketing, and branding. Jennifer also co-organizes the Sacramento WordPress Meetup and is lead organizer for WordCamp Sacramento.

Discover What We Can Do For You

Have a project you think we'll like? Click the button below and tell us about it.

We love working with enthusiastic clients who are as passionate about their business as we are about strategy, design, and development. If that sounds like you, we should talk.

Start Your Project

Bourn Creative

  • Follow Us On Twitter
  • Like Us On Facebook

Copyright © 2022 Bourn Creative, LLC. All Rights Reserved.

Privacy | Disclaimer