\n\n\n\n
What Is a Navigation Menu in WordPress?<\/h2>\n
A navigation menu in WordPress is<\/a> a collection of links to internal web pages within the website. It makes finding information easier and promotes pages the website owner wants to highlight. There are two ways to add pages to navigation menus ‒ using the built-in navigation menu feature or the WordPress Site Editor. As the final result will be the same, check out the following sections and pick the method you prefer.<\/p> Before making any changes to your menu, it’s best to back up your WordPress website<\/a> first. This way, you don’t have to worry about breaking the site in case of an error.<\/p>\n <\/div>\n\n\n\n<\/p> WordPress lets you control how your menu appears from the admin dashboard. Here’s how to create a new page and embed it as a new menu item.<\/p> Now that the new menu is up and running, you can customize it by adding WordPress menu icons<\/a> to enhance the readability and overall look of menu items.<\/p> WordPress also accepts custom links, categories, and posts as menu options. For instance, expand the Custom Links<\/strong> dropdown menu under the Add menu items<\/strong> section and add the chosen URL and link text as a menu item. It’s useful for redirecting visitors to an external web page.<\/p> WordPress offers full website editing through the new Site Editor, available in version 5.9 or higher. For this method to work, make sure to choose the theme that supports this feature.<\/p> We’re going to use the Twenty Twenty-Two theme for this tutorial. Here’s how to add a menu page to a WordPress menu using the Site Editor.<\/p> If your current theme doesn’t support Site Editor, add custom code to the theme’s functions.php<\/strong> file using the WordPress Theme File Editor<\/a>. Refer to the WordPress Codex<\/a> for navigation menu functions.<\/p> Users who are on WordPress 6.5<\/a> can use the Navigation <\/strong>block UI tool to add a menu section. Click on the (+<\/strong>) symbol in the settings sidebar to create a new item.<\/p> You can reorder the menu items by dragging and dropping them. To create a submenu, drag and drop the targeted menu item to a lower level or click on the Options <\/strong>menu next to the intended parent menu item and select Add submenu link<\/strong>.<\/p> Alternatively, install a WordPress menu plugin<\/a> to get more customization options and eliminate the need to code. For instance, Max Mega Menu<\/strong> enables you to create a WordPress mega menu<\/a> and easily add rich content, such as product images, search filters, and even interactive maps.<\/p> As a navigation menu is a crucial element of a website design, optimizing it helps ensure a smooth user experience.<\/p> In this tutorial, you have learned how to customize menus using the WordPress dashboard and the Site Editor. Pick the easiest method and start building your navigation menu. Once done, make sure to double-check whether it displays all the necessary menu items.<\/p> Should you have any questions, leave a comment below. <\/p>\n","protected":false},"excerpt":{"rendered":" To create a seamless user experience, you will likely need to add a navigation menu to your website. However, to make the most of the menu, a list of well-organized website pages is a must. In this article, we will explore two methods for customizing WordPress menus. In the end, you’ll be able to add […]<\/p>\n
\n
\nMost navigational menus are located in accessible places across the website, such as page headers and sidebars.<\/p>\n <\/div>\n\n\n\n<\/p>How to Add Pages to WordPress Menus<\/h2>
Pro Tip<\/h4>\n
Adding a Page to a Menu From WordPress Dashboard<\/h3>
\n
![\"Adding](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/new-page-1024x369.png\")
<\/a><\/figure><\/div>\n
![\"Creating](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Creating-a-new-menu-via-the-Appearance-menu-1-1024x381.png\")
<\/a><\/figure><\/div>\n
![\"Adding](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Adding-new-pages-to-the-newly-created-menu.png\")
<\/a><\/figure><\/div>\n
![\"Re-ordering](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Re-ordering-the-menu-items-using-the-drag-and-drop-functionality-1024x556.png\")
<\/a><\/figure><\/div>![\"Adding](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Adding-a-custom-link-to-the-navigation-menu.png\")
<\/a><\/figure><\/div>Adding a Page in a Menu Using the Site Editor<\/h3>
![\"\"](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/11\/eBook-Speed-Up-your-website-1024x283.png\")
<\/a><\/figure>\n
![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Opening-the-beta-version-of-Site-Editor.png\")
<\/a><\/figure><\/div>\n
![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Adding-a-new-navigation-block-for-the-new-menu-1024x429.png\")
<\/a><\/figure><\/div>\n
![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/The-settings-to-customize-the-menu-bar-1024x266.png\")
<\/a><\/figure><\/div>\n
![\"The](\"\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/Adding-a-new-menu-item-via-Site-Editor.png\")
<\/a><\/figure><\/div>\n
![\"The](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/wordpress-navigation-block-addmenu-item-1024x401.png\")
<\/a><\/figure><\/div>![\"The](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/12\/wordpress-navigation-block-add-submenu-1024x402.png\")
<\/a><\/figure>![\"\"](\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2024\/06\/New-WP_in-text-banner-1024x300.png\")
<\/a><\/figure>Conclusion<\/h2>