A Few Words About The WordPress Menu

by | Oct 5, 2019

   Introduction

In the seven-part tutorial I created back in 2017 I covered the WordPress Menu very briefly but I have never covered this important website component in much detail.  It is time to correct this oversight!  In this article I will cover these topics:

1. The menu can appear anywhere on the page
2. You can have multiple menus on each page
3. Each page can include a different menu
4. Menus can include items from anywhere on the web
5. As you add products it can dynamically re-configure your menus

Also, please note that this post looks radically different than any other post or page on this website.  You have complete freedom and although your website can have a consistent look and feel, you can also stray from that design on any page or post!

   WordPress Menu Anywhere

First of all notice that on this website, the menu is always at the top of each page and it includes a gradient background. It is light blue on the top and darker blue on the bottom (in fall of 2019). This is hard-coded into the configuration so every time I add a new page or post to the site the menu is always there and I don’t need to think about it. However, you can really do almost anything you desire when it comes to menus. Just to prove this I am going to insert a copy of the top page menu below with a totally different color scheme:

   WordPress Menu Variety

In addition to the main menu on each page in multiple places,  we can also get creative. Following this text is a vertical menu showing child pages on this website!

Let’s get even more crazy! Following this text I am going to include a menu leading to pages all over the web! Notice that on a desktop or laptop you can click on the state item to view the state page but if you hover on a state item it will display the submenu of cities.  (Because there is no such thing as a hover event on mobile devices this is not true for people using smartphones or tablets.)  

Websites can also include a menu down in the footer of the page.  These menus can include several different columns, links, and icons for social media.  Here is an example of how this might appear:
Sample Footer Menu

Easy WordPress Menu Configuration

Another item to keep in mind is that menus can be easily created and modified using a drag and drop interface as shown in the following screenshot.  At any time you can add a new menu item, move items, and change whether an item is a main or child menu selection.

Menu Configuration Example

Dynamic WordPress Menu

This might sound strange but it is also possible to have your menu dynamically re-design itself as your website content changes. Let’s say you are a restaurant and you have main product categories such as appetizers, salads, sandwiches, entrées, and desserts. Under entrées you might have sub categories such as chicken, beef, pork, pasta, etc. Your website can be configured so as you add new items to your site they are automatically added to your menu system. Therefore you do not need to worry about constantly re-configuring your menu as your products change. This holds true regardless of whether you are selling meals, plumbing supplies, or plants online!

In Conclusion

I hope this article covering the WordPress Menu and its various configuration options has given you food for thought. We have really only scratched the surface here regarding the options at your disposal as you design the layout of your website. Contact Persson Technologies today so we can help make your design a reality!