How to Add a Navigation Menu in WordPress (Beginner’s Guide)
Last Updated On May 18, 2022 By Editorial Team | Reader Disclosure Disclosure : Our content is endorsed by the reader. This means that if you click on some of our links, we may earn a commission. See how WPBeginner is funded, why it’s important, and how you can support us.
Share 511 Fee Tweet Fee Facebook Messenger WhatsApp Email
Do you want to add a navigation menu to your WordPress site?
WordPress comes with a drag and drop menu interface that you can use to create header menus, dropdown menus and more.
In this step-by-step guide, we will show you how to easily add a navigation menu in WordPress.
What is a navigation menu?
A navigation menu is a list of links that point to important areas of a website. In general, they are presented as a horizontal bar of links at the top of each page in a WordPress website.
Navigation menus give your site structure and help visitors find what they’re looking for. This is what the navigation menu in WPBeginner looks like:
WordPress a ce la mer peut easily regrouper des menus et des sous-menus. You can add links to your top pages, categories or topics, WordPress blog posts, and even custom links, like your social media profile.
The exact location of your menu depends on your WordPress theme. Most themes will have multiple options, so you can create different menus that can be displayed in different places.
For example, most WordPress themes come with a main menu that appears at the top. Some themes may include a secondary menu, a footer menu, or a mobile navigation menu as well.
Ceci étant, let’s see how you can create a custom navigation menu in WordPress.
Subscribe to WPBeginner
If you prefer written instructions, read on
Creation of the main personalized navigation menu
To create a navigation menu, you need to visit the Appearance » Menus page in your WordPress admin panel.
Nota : si no ve la opción ‘Apariencia » Menús’ en su sitio y solo ve ‘Apariencia » Editor (Beta)’, eso significa que su tema tiene habilitada la Edición completa del sitio (FSE). Puede hacer clic aquí para saltar a la sección FSE a continuación .
First, you need to provide a name for your menu, like ‘Top Navigation Menu’, and then click the ‘Create Menu’ button.
This will expand the menu area, and it will look like this:
Next, you can choose the pages you want to add to the menu. You can either automatically add all new top-level pages, or you can select specific pages from the left column.
First, click the ‘View All’ tab to see all your site’s pages. After that click the box next to each of the pages you want to add to your menu, and then click on the ‘Add to Menu’ button.
Once your pages have been added, you can move them around by dragging and dropping them.
This way you can change their order and rearrange them.
Note: All menus have their items listed in a vertical (top to bottom) list in the menu editor. When you put the menu live on your site, it’ll either display vertically or horizontally (left to right), depending on the location you select.
Most themes have several different locations where you can put menus. In this example, we’re using the Astra theme, which has 5 different locations.
After adding pages to the menu, select the location where you want to display the menu and click on the ‘Save Menu’ button.
Tip: If you’re not sure where each location is, try saving the menu in different places, then visit your site to see how it looks. You probably won’t want to use all the locations, but you might want to use more than one.
Here’s our finished menu on the site:
Creating Drop-Down Menus in WordPress
Drop-down menus sometimes called nested menus, are navigation menus with parent and child menu items. When you run your cursor over a parent item, all the child items will appear beneath it in a sub-menu.
To create a submenu, drag an item below the parent item, and then drag it slightly to the right. We’ve done that with 3 sub-items beneath ‘Services’ in our menu:
You can even add multiple layers of dropdowns so that your sub-menu can have a sub-menu. This can end up looking a bit cluttered, and many themes do not support multi-layer drop-down menus.
Here’s the sub-menu live on our demo site:
Adding Categories to WordPress Menus
If you’re using WordPress to run a blog, then you may want to add your blog categories as a drop-down in your WordPress menu.
We do this on WPBeginner and have multiple categories like news, themes, tutorials, and more.
You can easily add categories to your menu by clicking the Categories tab on the left side of the menus screen. You may also need to click the ‘View All’ tab to see all your categories.
Simply select the categories you want to add to the menu, and then click the ‘Add to Menu’ button.
The categories will appear as regular menu items at the bottom of your menu.
Next, you can drag and drop them into position. For example, we’re going to put all of these categories under the Blog menu item.
Do you want to have a blog page on your site that’s separate from your homepage? If so, check out our tutorial on how to create a separate page for blog posts in WordPress.
Here’s how different categories appear in the navigational menu on our demo site:
Adding Custom Links to Your WordPress Navigation Menus
Aside from categories and pages, WordPress also makes it super easy to add custom links to your menu. You can use it to link to your social media profiles, your online store, and other websites that you own.
You will need to use the ‘Custom Links’ tab on the Menu screen. Simply add the link along with the text you want to use in your menu and click the ‘Add to Menu’ button.
You can even get creative and add social media icons in your menu or a call to action buttons to get more conversions.
Editing or Removing a Menu Item in WordPress Navigation Menus
When you add pages or categories to your custom navigation menu, WordPress uses the page title or category name as the link text. You can change this if you want.
Any menu item can be edited by clicking on the downward arrow next to it.
You can change the name of the menu item here. This is also where you can click ‘Remove’ to take the link off your menu altogether.
If you’re struggling with the drag and drop interface, then you can also move the menu item around by clicking the appropriate ‘Move’ link.
Adición de menús de navegación en Full Site Editor (FSE)
The new full site editor allows you to customize your WordPress themes using the block editor. It was released in WordPress 5.9 and enables you to add different blocks to your templates to create a unique design.
However, the full site editor is still in beta and limited to specific themes that support it. We’ll use the default Twenty Twenty-Two theme for this tutorial. For more details, you can see our article on the best WordPress full site editing themes.
To add a navigational menu using the full site editor, you’ll first need to go to Appearance » Editor from your WordPress dashboard. You can also click the ‘Customize’ button on the Twenty Twenty-Two theme to open the full site editor.
Once you’re in the editor, go ahead and click on the navigational menu that appears at the top of the website header.
Next, you’ll see different options to customize the navigational menu block from the panel on your right.
For instance, you can change the layout, edit the display settings, show a submenu on click, change the color of the text, background, and submenus, and adjust the font size.
For more options such as changing the menu or creating a new one, you can click on the ‘Select Menu’ option to open a dropdown menu.
For example, you can select any menu you previously created under the Classic Menus section.
Once you select a menu, you can add more pages, blog posts, site logos, social icons, or add a search option to your menu.
Simply click the ‘+’ sign to add a block to your navigational menu, and then select an option that appears in the dropdown menu.
The best part about using the full site editor is that you can add a navigational menu block anywhere on your site.
When you’re done, you can preview the changes to see how the menu looks in real-time. Then don’t forget to click the ‘Save’ button at the top.
Adding WordPress Menus in Sidebars and Footers
You don’t have to just stick to the display locations for your theme. You can add navigation menus in any area that uses widgets, like your sidebar or footer.
Simply go to Appearance » Widgets and then click the ‘+’ sign at the top and add the ‘Navigation Menu’ widget block to your sidebar.
Next, add a title for the widget and choose the correct menu from the ‘Select Menu’ dropdown list.
When you’re done, simply click the ‘Update’ button.
Here’s an example of a custom WordPress footer menu built on Syed Balkhi’s website.
Más allá con los menús de navegación
Si vous créez un menu vraiment épique avec beaucoup d’enlacements, tenemos un tutorial sobre cómo crear un mega menú en WordPress .
Esto le permite crear un menú desplegable con muchos elementos, incluidas imágenes.
Los mega menús son une excellente option si tiene un sitio grande, como una tienda en línea o un sitio de noticias. Ce type de menu est utilisé par des sites tels que Reuters, Buzzfeed, Starbucks, etc.
Preguntas frecuentes sobre los menús de WordPress
Estas son algunas de las preguntas más comunes que escuchamos sobre los menús de navegación de WordPress de los principiantes.
1. ¿Comment joindre un lien de page d’accueil à un menu de WordPress ?
To add your home page to a navigation menu, you’ll need to click the “View All” tab under Pages. From there, you should see your home page.
Check the box next to ‘Home’ and click ‘Add to menu’. Pa d’forget to save your changes.
2. How to group several navigation menus on WordPress?
In WordPress, you can create as many menus as you like. To place a menu on your website, you’ll need to add it to one of your theme’s menu locations or widget area as shown above.
To aggregate multiple WordPress site navigation menus, start by creating the menus following the previous tutorial.
To place them on your site, click the ‘Manage Placements’ tab.
From here you can select which menu you would like to display in the menu locations that are available in your theme.
If you want to add a new menu location to your site, check out our tutorial on how to add custom navigation menus to WordPress themes.
Hope that this article has ayudado a prender how to aggregate a menú of navegación in WordPress. Also, you can check out new guides on how to design WordPress navigation menus and create a floating navigation menu in WordPress.
If you’re invited to this article, subscribe to a new YouTube channel for WordPress video tutorials. Also puede encontrarnos on Twitter and Facebook .
Share 511 Fee Tweet Fee Facebook Messenger WhatsApp Email