Navigation – core/navigation

A collection of blocks that allow visitors to get around your site.
Navigation (horizontal) – horizontal
Links shown in a row.
Navigation (vertical) – vertical
Links shown in a column.

Use the Navigation block to add some navigation to your site.

Screenshot

Example


Notes

  • Navigation blocks are made up of Navigation links Navigation Link – core/navigation-link.
  • The Settings area allows you to choose Styles and display the Navigation Structure.
  • You can also choose the text size: Default, Small, Normal, Large, Larger, Custom.
  • Use the Navigation Structure or Block Navigator to select the navigation link to edit.
  • Change alignmentUse Change alignment to choose the alignment
    • Align leftAlign to the left
    • Align centerAlign in the center
    • Align rightAlign to the right
    • Wide widthIncrease the width of the block beyond the content size. Requires theme support.
    • Full widthExtend the block to cover the full width of the screen. Requires theme support.
  • Open block navigatorOpen the block navigator modal dialog
  • Open colors selectorOpen the dialog to select colors
  • 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.

Navigation transforms to:

  • Columns
  • Group