How to add a node to a menu in Drupal 8

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 menu

  1. Log into your Drupal 8 interface.
  2. select menu option from toolbar

    Using the toolbar across the top of the screen, click on the Menu link.

  3. select the content menu option

    Another menu bar will appear directly under the first one. From here, select the Content option.

  4. click on the edit button

    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 link at the end of its respective row under the Operations column. We will work on the Introduction page.

  5. node menu settings

    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 which is found by clicking on Menu Settings.

  6. node menu settings

    After clicking on the checkbox, the menu settings area expands underneath. From here you can set the different settings detailed below.

    Menu link titleThis is the text that will display in the menu.
    DescriptionA text description that displays when hovering over the menu link.
    Parent ItemThis is the menu in which you wish the link to appear.
    WeightThis 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.
  7. After configuring your menu settings for the node, click on the Save and keep published button to activate the changes. Below is a quick before and after showing how the menu link appears as set up by our examples.

    BeforeAfter
    before the menu item setting

    after the menu item assignment

Was this article helpful? Join the conversation!