{"id":23703,"date":"2019-10-17T08:03:37","date_gmt":"2019-10-17T13:03:37","guid":{"rendered":"https:\/\/www.hostgator.com\/blog\/?p=23703"},"modified":"2019-11-27T11:56:00","modified_gmt":"2019-11-27T16:56:00","slug":"setup-wordpress-menu","status":"publish","type":"post","link":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/","title":{"rendered":"How to Create a Menu in WordPress"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.hostgator.com\/blog\/create-website-navigation-menu\/\">Navigation menus<\/a> are a super important part of every website. Imagine trying to navigate to different pages on a website, without the help of a menu guiding you where to go.<\/p>\n\n\n\n<p>It&#8217;d be incredibly frustrating, right?<\/p>\n\n\n\n<p>Website menus help your visitors navigate your site while displaying the structure of your website. Your navigation menu should be intuitive and easy to use while helping your visitors find the exact pages they want to visit.<\/p>\n\n\n\n<p>Luckily, WordPress makes creating and adding navigation to your site incredibly simple. There are a few different drag and drop tools you can use to set up a menu in WordPress quickly.<\/p>\n\n\n\n<p>Below we dive into why WordPress menus are incredibly important and walk you through (in two different methods) how you can add a menu to your site.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/www.hostgator.com\/managed-wordpress-hosting\"><img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"60\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/12\/Wordpress.png\" alt=\"best WordPress hosting\" class=\"wp-image-18313\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/12\/Wordpress.png 470w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2017\/12\/Wordpress-300x38.png 300w\" sizes=\"(max-width: 470px) 100vw, 470px\" \/><\/a><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Why WordPress Menus are Important<\/h2>\n\n\n\n<p>Let&#8217;s say a visitor lands on your site after clicking through from the search engines. They read your post and want to learn more about your website. So, they head up to the top of your site, or the top of your page (if you have a sticky navigation menu) and click on your &#8216;About&#8217; page.<\/p>\n\n\n\n<p>Without a WordPress navigation menu, this would be near impossible to find. Unless they went up to the URL and typed in &#8220;yoursite.com\/about.&#8221; Let&#8217;s face it, no one would take the time to do that.\u00a0<\/p>\n\n\n\n<p>A well-crafted navigation menu lets you highlight your most important pages, and make it easy for people to navigate through your site.&nbsp;<\/p>\n\n\n\n<p>By structuring your WordPress menu the right way you not only improve your user experience but you also improve your chances of ranking in the search engines. The two ways your menu can improve your rankings are as follows:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><strong>Make your site easier to crawl. <\/strong>To determine what your website should rank for, the <a href=\"https:\/\/www.hostgator.com\/blog\/how-search-engines-work\/\">search engines<\/a> use bots to crawl through your website. With a well-organized menu, you make it easier for the bots to crawl your site and index your content.&nbsp;<\/li><li><strong>Improved search engine display.<\/strong> The search engines are continuously innovating how the search results are displayed. One recent change is that your navigation menu can show up the search results, leading to a higher click-through. For an example of this, check out what displays when you search for HostGator in Google: <\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/maPiGnih3Egk79yg3puD01EYdmLH3I2MxBTqH6oCpo2Q8c60NHn4QmdcNV2Cb8MF7RLmLOG0TqiBlCa2ReReiPpYGk-pkBmef9xS59e_AefDUK9QAbb4MIY4yvF_ZayVvGqR2PZG\" alt=\"example of website menu in search results\"\/><\/figure><\/div>\n\n\n\n<p>When organized the right way, your WordPress menu can show up as hyperlinks in the search results. That can do great things for your SEO!\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5 Common WordPress Navigation Menu Mistakes to Avoid<\/h2>\n\n\n\n<p>A website menu might seem simple, but there\u2019s a lot that goes into it. Below you\u2019ll find five different navigation menu mistakes that you\u2019ll want to avoid if you want your menu to improve your user experience and SEO.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Using a Strange Navigation Style<\/h3>\n\n\n\n<p>Your WordPress theme might give you a few different options for where you can place your navigation menu. It can be tempting to do something fresh and creative. But, using a strange navigation menu placement can lead to poor user experience.<\/p>\n\n\n\n<p>Most users expect your navigation menu to be at the top of the page, either to the right of the logo or just underneath your header. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"143\" src=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/image-11-1024x143.png\" alt=\"example of website header with menu\" class=\"wp-image-23716\" srcset=\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/image-11-1024x143.png 1024w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/image-11-300x42.png 300w, https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/image-11-768x107.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Users will intuitively go to this spot on your page to click on the navigation menu.&nbsp;<\/p>\n\n\n\n<p>It is essential to be <a href=\"https:\/\/www.hostgator.com\/blog\/creative-website-design-ideas\/\">creative and different<\/a> with your website to stand out, but your navigation menu isn\u2019t the place to do it.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Creating Complex DropDown Menus<\/h3>\n\n\n\n<p>Dropdown menus are a usability nightmare. Most websites can get away with not using a dropdown navigation menu. This type of menu can be bad for search engines and lead to poor user experience.<\/p>\n\n\n\n<p>Usually, there are better ways to organize your site and content than rely upon a WordPress dropdown menu.<\/p>\n\n\n\n<p>However, there is a caveat. Mega WordPress dropdown menus can be great for user experience. But, these types of menus are only useful for huge websites. Let\u2019s look at a few examples below:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/vQqp6UM2BO3VuRtYikh9j7gQOggkpenB6Wh-d3nHCJiPaAwlz7x_Lbc6wNDIh2n8Prm0OvEtiGGOgjLCnhpggyrsVa60QwMUj23qwr3QkfxJac2IMxQZl4Nxh5-Rbq7Mnu3TEGlu\" alt=\"example of large drop down menu on website\"\/><\/figure><\/div>\n\n\n\n<p>The eCommerce store The Clymb has a massive dropdown menu to separate out all their product categories. This navigation menu works because visitors typically know the exact category they\u2019re looking for when browsing the store.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/-JgrD2asvNXuPNEhKl0svJ8A1h8k0qOyazQ4qkUAQ150NFILXgrDqT7xA1uJ9ozqlUEV-UbjPvR11izU-GPbD_qH5c03w6gTL0LO1sr31qT5nnnxKkBgvaSbKHt0kt9qXiGdAmVs\" alt=\"example of large drop down menu on website\"\/><\/figure><\/div>\n\n\n\n<p>Financial expert, Dave Ramsey, also has a substantial dropdown menu for his website. Once again, his site has a ton of content and different sections that speak to diverse markets. This navigation menu helps visitors find the exact content or page they\u2019re looking for.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Having Too Many Navigation Options<\/h3>\n\n\n\n<p>Listing too many menu items will only overwhelm your visitors. No doubt you\u2019ve come across a navigation menu that has dozens of menu items. No one is going to sit there and try to find the exact page they\u2019re looking for; they\u2019ll just hit the back button and find another website.<\/p>\n\n\n\n<p>When you list too many menu items, you run the risk of drowning out your most important pages. Instead, make a list of the five pages that are the most important and highlight these.<\/p>\n\n\n\n<p>Most often, these will be <a href=\"https:\/\/www.hostgator.com\/blog\/pages-every-website-needs\/\">website pages<\/a> like About, Contact, Blog, and Store.\u00a0\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Using the Wrong Menu Sequence<\/h3>\n\n\n\n<p>Your visitor\u2019s attention will focus on the first and last items that are listed in your navigation menu. Decide which pages are your most important and place these in one of these positions.<\/p>\n\n\n\n<p>With a disorganized menu sequence, it\u2019ll take that much longer for your visitors to find the page they\u2019re looking for. Down the line, as you\u2019re getting more traffic, you can even do some <a href=\"https:\/\/www.hostgator.com\/blog\/diy-ux-guide-website-usability-testing\/\">UX testing<\/a> on the sequence of your menu items to see how it influences click-through rates.\u00a0\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Using Generic Menu Items<\/h3>\n\n\n\n<p>Your menu items should align with the topic of your website. You can use generic menu items, but sometimes it can be more effective to be a bit more creative.<\/p>\n\n\n\n<p>The core idea is to make your menu items descriptive and in alignment with your website. You shouldn\u2019t have the same menu items as every other website out there, but ones that are unique to you.<\/p>\n\n\n\n<p>For example, if you run a mom and pop coffee roaster, you could have menu items like Our Story, How We Roast, Store, Come Visit, and Blog.<\/p>\n\n\n\n<p>Whereas, if you run an online marketing blog, you\u2019d have more traditional menu items that are still niche relevant, like Blog, Resources, Tools, Services, and Start Here.&nbsp;<\/p>\n\n\n\n<p>Now that you\u2019re well versed on the reasons you need to create a navigation menu, and how to create one that enhances the user experience, let\u2019s show you how to create a menu in WordPress.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Create a Menu in WordPress Via Menu Tab<\/h2>\n\n\n\n<p>The first approach to creating a WordPress menu is by using the Menu section within your WordPress dashboard. To access this, you\u2019ll need to first be logged into your WordPress dashboard.<\/p>\n\n\n\n<p>So, login, and then follow the steps below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Create a New WordPress Menu<\/h3>\n\n\n\n<p>Before you create your first menu, you\u2019ll want to be sure about what pages you\u2019re going to include, so if you haven\u2019t done that yet, read the previous section of this post.&nbsp;<\/p>\n\n\n\n<p>If you already have a plan for the pages, you\u2019re going to add, then full speed ahead.<\/p>\n\n\n\n<p>Navigate to <em>Appearance&gt;Menus<\/em>. On the next screen, click the blue link that says '\u02dcCreate new menu.\u2019<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/Y_bJ7qF9IGYFmJPCuaVTkMX3fB4BcS42J9BIGG_vmVH5vI3IzacSHmACEh4rAYtHUzn05aN_k_JJ9vMLAlU4TF6RQjdizkM6iOawHUqTCsIwCi_DKQ2xLIy6R1cCvAUjdT4sG5TN\" alt=\"create new wordpress menu\"\/><\/figure><\/div>\n\n\n\n<p>Then, name your menu and select '\u02dcCreate Menu\u2019.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/qOyRPWcYMkl3LCbn8hZwg_nwiGLOOA7ZE2tzDOTUEvpGCe8P9eEtByI-RQXjhNlcqDWM3deUDZMmZJCEjQQYxdnIuYKGvsdMzVTwW5jgVEVJSEGDiFNMoxbb3lk7728knvB0i9Y7\" alt=\"create menu in wordpress\"\/><\/figure><\/div>\n\n\n\n<p>Note that you can create as many menus as you\u2019d like.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Add Your Menu Items<\/h3>\n\n\n\n<p>On the left-hand side there\u2019s a section titled '\u02dcAdd menu items\u2019 here you\u2019ll see a list of all the pages you currently created, which you can link to from your menu. Click the check-box for any pages you want to add to your menu:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/slNz1yAOMAPhn8WEz_5DvezLAj8tGjZLNGeJv2z2pjz4YWt2LRKwj7KsTOGH2dPV3dpdzgGsGKyQ2Art8y7Lkljf36bL7v86Iah4pESeGMkuNzHhivQ19ge1buBDSOwdLjHsr_9V\" alt=\"select different pages to add to menu on wordpress website\"\/><\/figure><\/div>\n\n\n\n<p>You can also link to blog posts, categories and even create custom links. You\u2019ll find these options directly underneath the '\u02dcPages\u2019 section highlighted above.<\/p>\n\n\n\n<p>To keep things simple for this tutorial we\u2019re only going to add pages. So, select the pages you want to add, then click '\u02dcAdd to Menu.\u2019&nbsp;<\/p>\n\n\n\n<p>The pages you added will now show up underneath the '\u02dcMenu structure\u2019 section:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/sE1A4XBnuBwSLsUFcpByHVAl0J8voL4nHo31bLQsOyCOUWLuyR55ysX2_C_kIwc9S_BhOHeaF6s-R82zSQywet-X8QXU6jsE2R-ate4S2QhMfqh0sKZ9DlilcD11Z1R3wqox13GA\" alt=\"wordpress menu structure\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Organize Your Menu<\/h3>\n\n\n\n<p>With our menu items selected, it\u2019s time to rearrange our menu into a logical order. Luckily, this is very easy to do. All you have to do is drag and drop the various menu items to rearrange them.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/DL_1w_YHrUXrjw-VazxVPSppB1uz--j35paSBBPOYFfqc_zYYI2V5iWk8bUDyFAwSfkn8oIX5BDx8dK8RT4HgqL30R7_MaanG_GUiOo4N-LnXZL79DS_zbmmqn1e38RIU8EhIdtI\" alt=\"drag and drop to organize wordpress menu\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">4. Creating Sub-Menus and Drop-Down Menus in WordPress<\/h3>\n\n\n\n<p>If you are going to create a drop-down menu, then this is going to be the section where you do it.<\/p>\n\n\n\n<p>To create a drop-down menu item, just drag the menu item underneath the parent item. Here\u2019s how it would look:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/PPo1M4h3KZXr9NoyuqLykMUMl5-JpmKVIP1N4Bc52MTdnmtc_cyXcdVj92CYiPlRBl5YdArFiw0mPUt7EjoBXRYAPDgq0ABjKO-4wT3xVMHDjwfVH2vZCdrITHAdmTF1W27Ao9zH\" alt=\"how to create sub-menu in wordpress drop down menu\"\/><\/figure><\/div>\n\n\n\n<p>In this example, the '\u02dcBlog\u2019 and '\u02dcSamples\u2019 section will be underneath the '\u02dcWelcome\u2019 menu item.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Choose Your Menu Location<\/h3>\n\n\n\n<p>Depending on your WordPress theme you\u2019ll have a few different options for where you can place your menu. Usually, you\u2019ll have one or two different options to choose from, but for themes built to handle content-heavy websites, you might have even more.\u00a0<\/p>\n\n\n\n<p>Underneath the menu you just created you can select whether to add this menu to the right or left-hand side of your logo. Just check the box where you want your menu to appear.\u00a0<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/lIsRZivjBOW6LUo5RTFjqRwlOfSd6kKy5-nNx-MYdjTQELaEZvp1vQeUtAd_uDDajtG89EINPp3pXIkuaXQ84lbjSxCSGXUUHd0wFdtmHshR5SzUtmauM6WoVYXVm73B7LTOfksM\" alt=\"add menu to right or left of website logo in wordpress\"\/><\/figure><\/div>\n\n\n\n<p>You also have the option to add multiple menus to your site. After saving your menu navigate back to the menu page by clicking on Menus. Then select the '\u02dcManage Locations\u2019&nbsp; tab:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/TEAqms1ZckxrXdKuGBaMm6HZcCKIGQ8uVbmLcPlX8g1IkteSl4P2pjyuWrscF5PNgqikPdavLK0fYClEpFApRd61giOZAX-E23_XZm9RLgEVHNBw6M6aEJGFJ2lawf9zkposd5im\" alt=\"add multiple menus in wordpress\"\/><\/figure><\/div>\n\n\n\n<p>Here you\u2019ll be able to select your menu of choice and choose where you want it to display. On this page, you\u2019ll be able to see how many menus your theme has support for right out of the box.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Add a Menu in WordPress Via a Widget<\/h2>\n\n\n\n<p>If you want to add a navigation menu to another portion of your site, then you can add a menu via the widgets section of WordPress. Once again, the widgetized areas you\u2019ll have access to will depend on your WordPress theme.&nbsp;<\/p>\n\n\n\n<p>Regardless, here\u2019s how you add a menu via the widgets section of WordPress.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Navigate to Your Widget Area<\/h3>\n\n\n\n<p>The first things you\u2019ll need to do is navigate to your widget area. The section will let you manage all of the widgetized sections across our site, but for the sake of this tutorial, we\u2019re just going to be using this area to add another menu to our site.&nbsp;<\/p>\n\n\n\n<p>To access your widget area, you\u2019ll need to be logged into the backend of your site, then navigate to <em>Appearance&gt;Widgets<\/em> and you\u2019ll see a screen like the one below.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/iWWjuhYJJV4m9twJCJVeI3LfxPc3cQct-ixegOXVkdry3EyeOKiyZTyl3NjHEUZevmf6QH4WXzYpNS2ZlwD5evfkLHzfCUK7DECTyeOo5FWp3GDoFq6zXU3gRnHq9q4YPUImSJe7\" alt=\"wordpress widgets dashboard\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">2. Find the WordPress Menu Widget<\/h3>\n\n\n\n<p>To add a menu to your site you\u2019ll need to locate your menu widget. This might look a little different, depending on the theme you\u2019re using. But, it should be named '\u02dcNavigation Menu\u2019 or something similar.<\/p>\n\n\n\n<p>Once you\u2019ve located the widget you can either drag and drop the widget into the desired section, or click the arrow button and select where you want the menu to appear, as shown below:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/djl7XUPsuH0k95HP1_8KHtLbFgsG7ZXpycGKkNKJ9qj8SrD2vu_RckTT8Y64I-Xs2ZIVvGFRO8PCkgrrhdhFHTqK7tqAge0Ylt_KnhCDqY7DWws_wcfR-ATBPRQqwaFGBjZPm021\" alt=\"use wordpress menu widget\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">3. Choose Your Navigation Menu<\/h3>\n\n\n\n<p>Now the navigation menu widget will be in a separate section of your site.&nbsp;<\/p>\n\n\n\n<p>Here you can choose which menu you want to display, and even name your menu:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/R7NAMV88wKkbJt1cMRj4RWZHmI9PLHchwys1blaICNchUJl8P78asYbb_HwBhSvO2coWke2nxzZQHBuMj9dgFb1aWLJy4mjTVX-8I5WVYWKbklaDGnxCZVP71QpjqXhOkA26D0s7\" alt=\"select wordpress menu using widget\"\/><\/figure><\/div>\n\n\n\n<p>Once you\u2019re satisfied just click '\u02dcSave\u2019 and your menu will automatically display on your site. You can add as many menus as you\u2019d like via the widget section. But, you probably don\u2019t want to have more than a single menu on your site.&nbsp;<\/p>\n\n\n\n<p>The more menus you have the longer it\u2019ll take your visitors to find the pages they\u2019re looking for. When in doubt the simpler the menu the better.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Getting Started with WordPress Menus<\/h2>\n\n\n\n<p>Hopefully you have a better understanding of how WordPress lets you add menus to your website and some guidance on how you can create the most intuitive menu possible.<\/p>\n\n\n\n<p>A lot of website owners tend to overlook the importance of creating a quality WordPress menu. But, your menu is one of the first things your visitors will turn to after reading an article, or landing on your site.<\/p>\n\n\n\n<p>The overarching goal of your menu should be to help your visitors quickly access the most important pages of your site, while encouraging them to visit the pages that\u2019ll deepen your relationship, buy products, or join your email list.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Navigation menus are a super important part of every website. Imagine trying to navigate to different pages on a website,&#8230;<\/p>\n","protected":false},"author":144,"featured_media":23704,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[132,121],"class_list":["post-23703","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-and-hosting-tips","tag-wordpress-designs","tag-wordpress-hosting"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.2 (Yoast SEO v23.2) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Menu in WordPress - HostGator<\/title>\n<meta name=\"description\" content=\"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Menu in WordPress\" \/>\n<meta property=\"og:description\" content=\"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\" \/>\n<meta property=\"og:site_name\" content=\"HostGator\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/HostGator\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-17T13:03:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-27T16:56:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1152\" \/>\n\t<meta property=\"og:image:height\" content=\"604\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kevin Wood\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@HostGator\" \/>\n<meta name=\"twitter:site\" content=\"@HostGator\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kevin Wood\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\"},\"author\":{\"name\":\"Kevin Wood\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/85675aae4bde46f0f85654ce61827f5a\"},\"headline\":\"How to Create a Menu in WordPress\",\"datePublished\":\"2019-10-17T13:03:37+00:00\",\"dateModified\":\"2019-11-27T16:56:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\"},\"wordCount\":2109,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png\",\"keywords\":[\"WordPress Designs\",\"WordPress Hosting\"],\"articleSection\":[\"Web Hosting Tips\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\",\"name\":\"How to Create a Menu in WordPress - HostGator\",\"isPartOf\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png\",\"datePublished\":\"2019-10-17T13:03:37+00:00\",\"dateModified\":\"2019-11-27T16:56:00+00:00\",\"description\":\"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png\",\"width\":1152,\"height\":604,\"caption\":\"how to add a floating navigation menu to wordpress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hostgator.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Menu in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#website\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"name\":\"HostGtaor\",\"description\":\"Web Hosting and Marketing Tips for Entrepreneurs\",\"publisher\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#organization\",\"name\":\"HostGtaor\",\"url\":\"https:\/\/www.hostgator.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"contentUrl\":\"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png\",\"width\":1092,\"height\":215,\"caption\":\"HostGtaor\"},\"image\":{\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/HostGator\",\"https:\/\/x.com\/HostGator\",\"https:\/\/www.instagram.com\/hostgator\",\"https:\/\/www.linkedin.com\/company\/hostgator-com\",\"https:\/\/www.pinterest.com\/hostgator\/\",\"https:\/\/www.youtube.com\/user\/hostgator\"],\"email\":\"support@gator.com\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/85675aae4bde46f0f85654ce61827f5a\",\"name\":\"Kevin Wood\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d7cbad8d9629880a36824203604a8916?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d7cbad8d9629880a36824203604a8916?s=96&d=mm&r=g\",\"caption\":\"Kevin Wood\"},\"description\":\"Kevin Wood writes about technology and human potential. You can find him at his virtual homes Wooden Writing and Counter Culturist.\",\"url\":\"https:\/\/www.hostgator.com\/blog\/author\/kwood\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Menu in WordPress - HostGator","description":"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/","og_locale":"en_US","og_type":"article","og_title":"How to Create a Menu in WordPress","og_description":"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.","og_url":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/","og_site_name":"HostGator","article_publisher":"https:\/\/www.facebook.com\/HostGator","article_published_time":"2019-10-17T13:03:37+00:00","article_modified_time":"2019-11-27T16:56:00+00:00","og_image":[{"width":1152,"height":604,"url":"https:\/\/www.hostgator.com\/blog\/wp-content\/\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png","type":"image\/png"}],"author":"Kevin Wood","twitter_card":"summary_large_image","twitter_creator":"@HostGator","twitter_site":"@HostGator","twitter_misc":{"Written by":"Kevin Wood","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#article","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/"},"author":{"name":"Kevin Wood","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/85675aae4bde46f0f85654ce61827f5a"},"headline":"How to Create a Menu in WordPress","datePublished":"2019-10-17T13:03:37+00:00","dateModified":"2019-11-27T16:56:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/"},"wordCount":2109,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png","keywords":["WordPress Designs","WordPress Hosting"],"articleSection":["Web Hosting Tips"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/","url":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/","name":"How to Create a Menu in WordPress - HostGator","isPartOf":{"@id":"https:\/\/www.hostgator.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png","datePublished":"2019-10-17T13:03:37+00:00","dateModified":"2019-11-27T16:56:00+00:00","description":"In this guide, we dive into why WordPress menus are incredibly important and walk you through two ways to add a menu to your WordPress site.","breadcrumb":{"@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#primaryimage","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/09\/How-to-Set-Up-a-Menu-in-WordPress.png","width":1152,"height":604,"caption":"how to add a floating navigation menu to wordpress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostgator.com\/blog\/setup-wordpress-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hostgator.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Create a Menu in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hostgator.com\/blog\/#website","url":"https:\/\/www.hostgator.com\/blog\/","name":"HostGtaor","description":"Web Hosting and Marketing Tips for Entrepreneurs","publisher":{"@id":"https:\/\/www.hostgator.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hostgator.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hostgator.com\/blog\/#organization","name":"HostGtaor","url":"https:\/\/www.hostgator.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","contentUrl":"https:\/\/www.hostgator.com\/blog\/wp-content\/uploads\/2019\/04\/cropped-HG-Logo_default-default.png","width":1092,"height":215,"caption":"HostGtaor"},"image":{"@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/HostGator","https:\/\/x.com\/HostGator","https:\/\/www.instagram.com\/hostgator","https:\/\/www.linkedin.com\/company\/hostgator-com","https:\/\/www.pinterest.com\/hostgator\/","https:\/\/www.youtube.com\/user\/hostgator"],"email":"support@gator.com"},{"@type":"Person","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/85675aae4bde46f0f85654ce61827f5a","name":"Kevin Wood","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hostgator.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d7cbad8d9629880a36824203604a8916?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d7cbad8d9629880a36824203604a8916?s=96&d=mm&r=g","caption":"Kevin Wood"},"description":"Kevin Wood writes about technology and human potential. You can find him at his virtual homes Wooden Writing and Counter Culturist.","url":"https:\/\/www.hostgator.com\/blog\/author\/kwood\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/23703"}],"collection":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/comments?post=23703"}],"version-history":[{"count":3,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/23703\/revisions"}],"predecessor-version":[{"id":24270,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/posts\/23703\/revisions\/24270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media\/23704"}],"wp:attachment":[{"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/media?parent=23703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/categories?post=23703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostgator.com\/blog\/wp-json\/wp\/v2\/tags?post=23703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}