{"id":3036,"date":"2013-12-16T14:48:37","date_gmt":"2013-12-16T14:48:37","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/12\/16\/creating-custom-wordpress-menus\/"},"modified":"2021-11-02T13:27:04","modified_gmt":"2021-11-02T17:27:04","slug":"creating-custom-wordpress-menus","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/","title":{"rendered":"Creating custom WordPress menus"},"content":{"rendered":"<p>In this tutorial, we will teach you how to create a custom menu within your WordPress site. This can be used for main navigation, or possibly some other menu area depending on your particular WordPress theme.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#creating\">Creating Custom WordPress Menus<\/a><\/li><li><a href=\"#addingpages\">Adding Pages to Your Custom WordPress Menu<\/a><\/li><li><a href=\"#customurl\">Adding a Custom URL to Your Custom WordPress Menu<\/a><\/li><li><a href=\"#submenu\">Creating Custom WordPress Sub-Menu Items<\/a><\/li><li><a href=\"#location\">Setting Your Custom WordPress Menu Location<\/a><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"jetpack-video-wrapper\"><div class=\"yt-RoFmDRfQNAc\">\n\t<a class=\"play-video-RoFmDRfQNAc\" style=\"position: relative; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer;\">\n\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi_webp\/RoFmDRfQNAc\/maxresdefault.webp\" width=\"1280\" height=\"720\" alt=\"How to Create a Custom Menu Link Item in WordPress | WordPress Menus and Links\" style=\"width: 100%; height: auto;\">\n\t\t<span class=\"fa fa-imh-play-circle imh-ds-icon play-circle\" style=\"position: absolute; display:block; font-size:150px; color: #c52228; opacity:0;\"><\/span>\n\t<\/a>\n<\/div><\/div>\n<\/div><figcaption>Don\u2019t have time to read our full article? Watch our walk-through video.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating\">Creating Custom WordPress Menus<\/h2>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>From within your WordPress admin, click on <strong>Appearance<\/strong><span style=\"font-size: revert; color: initial;\"> then <\/span><strong>Menus<\/strong><span style=\"font-size: revert; color: initial;\">.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"431\" class=\"wp-image-13094\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png 1387w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1-768x441.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1-1024x588.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Now that you are on the Menus page, you will see any menus that you have created previously. If you do not already have a menu there, enter the name of your desired custom WordPress menu into the <strong>Menu Name<\/strong> field. Then click the <strong>Create Menu<\/strong> button to the right. Your menu has now been created.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"431\" class=\"wp-image-13095\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-2.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-2.png 1389w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-2-300x173.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-2-768x442.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-2-1024x589.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>To set the location that your custom WordPress menu will appear in, you may view the <a href=\"#location\"><strong>Setting your custom menu location<\/strong> <\/a>section of this article.<\/li><li>Once you have created the new custom WordPress menu, be sure to click the <strong>Save Menu<\/strong> button to save your changes.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"addingpages\">Adding Pages to Your Custom WordPress Menu<\/h2>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>If you are not already within the <em>Menus<\/em> page in the WordPress admin, click on <strong>Appearance<\/strong>, then <strong>Menus<\/strong> on the left side of your WordPress admin.<\/li><li>By default, WordPress will automatically open the <em style=\"font-size: revert; color: initial;\">Pages<\/em><span style=\"font-size: revert; color: initial;\"> list to the left showing the most recent pages to add to your custom menu. To view all of the pages that are active on your WordPress site, click on <\/span><strong>View All<\/strong><span style=\"font-size: revert; color: initial;\">.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"430\" class=\"wp-image-13097\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-4.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-4.png 1389w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-4-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-4-768x441.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-4-1024x588.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Now that all pages are visible, select the checkbox to the left of the page name and click <strong>Add to Menu<\/strong><span style=\"font-size: revert; color: initial;\">.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"432\" class=\"wp-image-13098\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-5.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-5.png 1390w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-5-300x173.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-5-768x442.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-5-1024x589.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Now that the pages are added to your custom menu, you may click on the down arrow on the right side of any of the menu items under <em style=\"font-size: revert; color: initial;\">Menu Structure<\/em><span style=\"font-size: revert; color: initial;\"> and edit things like the <\/span><strong>Navigation Label<\/strong><span style=\"font-size: revert; color: initial;\">, or the<em><strong> <\/strong><\/em><\/span><strong><em>Title Attribute<\/em><\/strong><span style=\"font-size: revert; color: initial;\">. <\/span><br><span style=\"font-size: revert; color: initial;\">The <\/span><em style=\"font-size: revert; color: initial;\">Title Attribute<\/em><span style=\"font-size: revert; color: initial;\"> will change what is displayed on that menu item, while the <\/span><em style=\"font-size: revert; color: initial;\">Navigation Label<\/em><span style=\"font-size: revert; color: initial;\"> will determine the alternative text for the menu item which is used for any visitors that may not be able to see the graphic (such as the visually impaired that may have the menu images disabled, or by search engines).<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"437\" class=\"wp-image-13099\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-6.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-6.png 1371w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-6-300x175.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-6-768x447.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-6-1024x596.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>If you want any new pages that are created to be automatically placed within your menu, simply click the checkbox labeled <strong>Automatically add new top-level pages to this menu<\/strong>.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"432\" class=\"wp-image-13100\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-7.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-7.png 1389w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-7-300x173.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-7-768x442.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-7-1024x590.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Once you have your pages added to your new custom WordPress menu, click the <strong>Save Menu<\/strong><span style=\"font-size: revert; color: initial;\"> button to save your changes. <\/span><a name=\"customurl\"><\/a><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"customurl\">Adding a Custom URL to Your Custom WordPress Menu<\/h2>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>From within your WordPress admin, look to the left side menu bar, and click on <strong>Appearance<\/strong>, then on <strong>Menus<\/strong>.<\/li><li>To add a custom URL within your custom WordPress menu to either an internal or external location, click on <strong>Links<\/strong><span style=\"font-size: revert; color: initial;\"> on the <\/span><em style=\"font-size: revert; color: initial;\">Menus<\/em><span style=\"font-size: revert; color: initial;\"> page. You will now be presented with a <\/span><em style=\"font-size: revert; color: initial;\">URL<\/em><span style=\"font-size: revert; color: initial;\"> and <\/span><em style=\"font-size: revert; color: initial;\">Link Text<\/em><span style=\"font-size: revert; color: initial;\">. In here, insert the link that you want the menu item to go to, the text that you want displayed on the menu item, and click the <\/span><strong>Add to Menu<\/strong><span style=\"font-size: revert; color: initial;\"> button.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"431\" class=\"wp-image-13102\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-9.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-9.png 1388w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-9-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-9-768x441.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-9-1024x588.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><a name=\"submenu\"><\/a><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"submenu\">Creating Custom WordPress Sub-Menu Items<\/h2>\n\n\n\n<p>If you want to sub-categorize your menus, such as having a menu item that when highlighted, opens up various other menu options within it, you would want to create a sub-menu item. A great example of this would be if you had a menu item to produce, and you wanted to further break it down into fruits and vegetables, then broken down further into things like apples and oranges.<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>If you are not already in the <em>Menus<\/em> page on your WordPress dashboard, go to it by clicking on <strong>Appearance<\/strong>, then on <strong>Menus<\/strong>.<\/li><li>Here you will see any custom menu items within your existing WordPress custom menus. To create a sub-menu of an existing menu item, first add that menu item to your menu, then drag that menu item slightly to the right under <strong>Menu Structure<\/strong><span style=\"font-size: revert; color: initial;\">. This will leave a small indention to the left of the menu item showing that it has been set as a sub-menu under the parent menu item.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"432\" class=\"wp-image-13104\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-11.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-11.png 1387w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-11-300x173.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-11-768x442.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-11-1024x590.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"location\">Setting Your Custom WordPress Menu Location<\/h2>\n\n\n\n<ol class=\"article_list wp-block-list\"><li>If you have already been following this article from the beginning, you should still be on the <em>Menus<\/em> page in the WordPress admin, but if not, you can get there by clicking on <strong>Appearance<\/strong>, then on <strong>Menus<\/strong> on the left side navigation.<\/li><li>Within this page, you will see a section labeled <em style=\"font-size: revert; color: initial;\">Menu Settings<\/em><span style=\"font-size: revert; color: initial;\">. Under this, there will be various options next to <\/span><em style=\"font-size: revert; color: initial;\">Theme locations<\/em><span style=\"font-size: revert; color: initial;\"> that you can use to set which menu area that this custom WordPress menu will be active in. These options will vary based on the particular theme that you are using depending on what has been defined by the theme author. From here, choose the checkbox next to the area that you want the menu to display in.<\/span><br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"430\" class=\"wp-image-13106\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-13.png\" alt=\"\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-13.png 1387w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-13-300x172.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-13-768x441.png 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-13-1024x588.png 1024w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li><li>Once you have set your menu location, be sure to click the button that says<strong><em> Save Menu<\/em><\/strong><span style=\"font-size: revert; color: initial;\"> to save the changes you have made. <\/span><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we will teach you how to create a custom menu within your WordPress site. This can be used for main navigation, or possibly some other menu area depending on your particular WordPress theme. Creating Custom WordPress Menus Adding Pages to Your Custom WordPress Menu Adding a Custom URL to Your Custom WordPress<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\"> Read More ><\/a><\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4325,56],"tags":[],"class_list":["post-3036","post","type-post","status-publish","format-standard","hentry","category-wordpress-hosting","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating custom WordPress menus | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"In this article, we will teach you how to create custom menus on 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.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating custom WordPress menus | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"In this article, we will teach you how to create custom menus on your WordPress site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2013-12-16T14:48:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-11-02T17:27:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\" \/>\n<meta name=\"author\" content=\"Jeff Matson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeff Matson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\"},\"author\":{\"name\":\"Jeff Matson\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/83776252b196c020e4352a3796e5642b\"},\"headline\":\"Creating custom WordPress menus\",\"datePublished\":\"2013-12-16T14:48:37+00:00\",\"dateModified\":\"2021-11-02T17:27:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\"},\"wordCount\":858,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\",\"articleSection\":[\"WordPress Hosting\",\"WordPress Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\",\"name\":\"Creating custom WordPress menus | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\",\"datePublished\":\"2013-12-16T14:48:37+00:00\",\"dateModified\":\"2021-11-02T17:27:04+00:00\",\"description\":\"In this article, we will teach you how to create custom menus on your WordPress site.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png\",\"width\":1387,\"height\":797},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating custom WordPress menus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/83776252b196c020e4352a3796e5642b\",\"name\":\"Jeff Matson\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/jeffma\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creating custom WordPress menus | InMotion Hosting","description":"In this article, we will teach you how to create custom menus on 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.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/","og_locale":"en_US","og_type":"article","og_title":"Creating custom WordPress menus | InMotion Hosting","og_description":"In this article, we will teach you how to create custom menus on your WordPress site.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-12-16T14:48:37+00:00","article_modified_time":"2021-11-02T17:27:04+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png","type":"","width":"","height":""}],"author":"Jeff Matson","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Jeff Matson","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/"},"author":{"name":"Jeff Matson","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/83776252b196c020e4352a3796e5642b"},"headline":"Creating custom WordPress menus","datePublished":"2013-12-16T14:48:37+00:00","dateModified":"2021-11-02T17:27:04+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/"},"wordCount":858,"commentCount":1,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png","articleSection":["WordPress Hosting","WordPress Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/","name":"Creating custom WordPress menus | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png","datePublished":"2013-12-16T14:48:37+00:00","dateModified":"2021-11-02T17:27:04+00:00","description":"In this article, we will teach you how to create custom menus on your WordPress site.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/12\/wordpress_custom-menus-1.png","width":1387,"height":797},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/creating-custom-wordpress-menus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Creating custom WordPress menus"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/83776252b196c020e4352a3796e5642b","name":"Jeff Matson","url":"https:\/\/www.inmotionhosting.com\/support\/author\/jeffma\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=3036"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3036\/revisions"}],"predecessor-version":[{"id":90906,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/3036\/revisions\/90906"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=3036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=3036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=3036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}