Navigation Link – core/navigation-link

Use the Navigation Link within the Navigation block.




  • The Navigation link block is part of the Navigation – core/navigation block.
  • Settings include:
    • Label
    • URL
    • Description – The description will be displayed in the menu if the current theme supports it.
    • Title Attribute to provide more context about where the link goes.
    • Rel attribute
  • Navigation items can have sub-menus.
  • A programmatically generated Navigation Link that’s not within a Navigation – core/navigation block will not operate correctly.
  • LinkUse Link to create a hyperlink to your highlighted text.
  • Add submenuAdd a submenu to the navigation
  • BoldUse Bold to mark selected text as bold.
  • ItalicUse Italic to mark selected text as italic.
  • More rich text controlsFind more text controls in this dropdown.
    • Inline imageInsert an inline image.
    • StrikethroughUse Strikethrough to strikethrough the selected text.
  • More optionsDisplay more options
    • Show More SettingsShow the block settings in the sidebar.
    • CopyCopy the block to the clipboard.
    • DuplicateUse Duplicate to create a copy of the block.
    • Insert AfterInsert a new block after the selected block(s).
    • Insert BeforeInsert a new block before the selected block(s).
    • Move To Use Move To to move a block. Up/Down or Left/Right
    • Edit as HTMLEdit the HTML of the block.
    • GroupTransform the selected block(s) into a group.
    • Add to Reusable blocksCreate a Reusable block.
    • Remove blockDelete the block.

Custom Link transforms to:

  • Columns
  • Group
  • Widget Group
  • Submenu
  • Spacer
  • Site Logo
  • Home Link
  • Social Icons
  • Search
  • Page List
  • Buttons
Debug CSS for .fred-menu and .derf-link.fred-menu { border-top: 2px solid grey; }
.derf-link { border-left: 2px dashed grey; }