{"id":2748,"date":"2013-05-31T17:11:55","date_gmt":"2013-05-31T17:11:55","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2013\/05\/31\/add-node-to-menu\/"},"modified":"2021-08-16T23:12:56","modified_gmt":"2021-08-17T03:12:56","slug":"add-node-to-menu","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/","title":{"rendered":"How to add a node to a menu in Drupal 8"},"content":{"rendered":"

When working with content types<\/a> such as Articles<\/a> and Basic Pages<\/a>, etc you will have the ability to configure whether they show in the navigation menus. Below is a quick guide that shows how to configure which menu the link to the content page (also called a node) will display.<\/p>\n

Adding a node to a menu<\/h2>\n
    \n
  1. Log into your Drupal 8 interface<\/a>.\n
    <\/div>\n<\/li>\n
  2. \"select<\/a>\n
    <\/div>\n

    Using the toolbar across the top of the screen, click on the Menu<\/strong> link.<\/p>\n

    <\/div>\n<\/li>\n
  3. \"select<\/a>\n
    <\/div>\n

    Another menu bar will appear directly under the first one. From here, select the Content<\/strong> option.<\/p>\n

    <\/div>\n<\/li>\n
  4. \"click<\/a>\n
    <\/div>\n

    This leads you to the main content page displaying a list of all current nodes (basic pages, articles,etc) that exist on your site. Locate the node you wish to work with and click on the Edit<\/strong> link at the end of its respective row under the Operations<\/em> column. We will work on the Introduction page.<\/p>\n

    <\/div>\n<\/li>\n
  5. \"node<\/a>\n
    <\/div>\n

    You are taken to the content editor page for the selected node. Look over to the right hand sidebar and click on the checkbox entitled Provide a menu link<\/strong> which is found by clicking on Menu Settings<\/strong>.<\/p>\n

    <\/div>\n<\/li>\n
  6. \"node<\/a>\n
    <\/div>\n

    After clicking on the checkbox, the menu settings area expands underneath. From here you can set the different settings detailed below. <\/p>\n\n\n\n<\/tr>\n\n\n<\/tr>\n
    Menu link title<\/th>\nThis is the text that will display in the menu.<\/td>\n<\/tr>
    Description<\/th>\nA text description that displays when hovering over the menu link.<\/td>\n<\/tr>\n
    Parent Item<\/th>\nThis is the menu in which you wish the link to appear.<\/td>\n<\/tr>
    Weight<\/th>\nThis number helps determine the order the menu items appear. The lower the number the more to the left (in horizontal menus) or the higher (in vertical menus) the item will appear. Multible nodes with the same weight will be sorted alphabetically. <\/td>\n<\/tr>\n\n\n\n\n<\/table>\n
    <\/div>\n<\/li>\n
  7. After configuring your menu settings for the node, click on the Save and keep published<\/strong> button to activate the changes. Below is a quick before and after showing how the menu link appears as set up by our examples.

    \n\n\n\n<\/tr>\n
    Before<\/th>\nAfter<\/th>\n<\/tr>
    \"before<\/a>\n
    <\/div>\n<\/td>\n
    		\"after<\/a>\n
    <\/div>\n<\/td>\n<\/tr>\n\n\n<\/table>\n
    <\/div>\n<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    When working with content types such as Articles and Basic Pages, etc you will have the ability to configure whether they show in the navigation menus. Below is a quick guide that shows how to configure which menu the link to the content page (also called a node) will display. Adding a node to a Read More ><\/a><\/p>\n","protected":false},"author":8,"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":[372],"tags":[],"class_list":["post-2748","post","type-post","status-publish","format-standard","hentry","category-drupal"],"acf":[],"yoast_head":"\nHow to add a node to a menu in Drupal 8 | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.\" \/>\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\/drupal\/add-node-to-menu\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a node to a menu in Drupal 8 | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\" \/>\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-05-31T17:11:55+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:12:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png\" \/>\n<meta name=\"author\" content=\"Scott Mitchell\" \/>\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=\"Scott Mitchell\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 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\/drupal\/add-node-to-menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\"},\"author\":{\"name\":\"Scott Mitchell\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed\"},\"headline\":\"How to add a node to a menu in Drupal 8\",\"datePublished\":\"2013-05-31T17:11:55+00:00\",\"dateModified\":\"2021-08-17T03:12:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\"},\"wordCount\":338,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png\",\"articleSection\":[\"Drupal\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\",\"name\":\"How to add a node to a menu in Drupal 8 | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png\",\"datePublished\":\"2013-05-31T17:11:55+00:00\",\"dateModified\":\"2021-08-17T03:12:56+00:00\",\"description\":\"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png\",\"width\":429,\"height\":49,\"caption\":\"Click here to view the larger image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a node to a menu in Drupal 8\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & 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\/d850efb28ef3573db7d24b0d8fa9eaed\",\"name\":\"Scott Mitchell\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a node to a menu in Drupal 8 | InMotion Hosting","description":"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.","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\/drupal\/add-node-to-menu\/","og_locale":"en_US","og_type":"article","og_title":"How to add a node to a menu in Drupal 8 | InMotion Hosting","og_description":"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2013-05-31T17:11:55+00:00","article_modified_time":"2021-08-17T03:12:56+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png","type":"","width":"","height":""}],"author":"Scott Mitchell","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Scott Mitchell","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/"},"author":{"name":"Scott Mitchell","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/d850efb28ef3573db7d24b0d8fa9eaed"},"headline":"How to add a node to a menu in Drupal 8","datePublished":"2013-05-31T17:11:55+00:00","dateModified":"2021-08-17T03:12:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/"},"wordCount":338,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png","articleSection":["Drupal"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/","name":"How to add a node to a menu in Drupal 8 | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png","datePublished":"2013-05-31T17:11:55+00:00","dateModified":"2021-08-17T03:12:56+00:00","description":"After creating a node, you may want to allow it to be seen in one of your navigation menus. Learn how to set this in this Drupal 8 article.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2013\/05\/edu_Drupal-8__common-images_select-menu.png","width":429,"height":49,"caption":"Click here to view the larger image"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/drupal\/add-node-to-menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to add a node to a menu in Drupal 8"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & 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\/d850efb28ef3573db7d24b0d8fa9eaed","name":"Scott Mitchell","url":"https:\/\/www.inmotionhosting.com\/support\/author\/scott\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2748","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\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=2748"}],"version-history":[{"count":2,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2748\/revisions"}],"predecessor-version":[{"id":84568,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/2748\/revisions\/84568"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=2748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=2748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=2748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}