A comprehensive guide for design & develop

Navigation Block

Navigation Block

Navigation Block is used to insert a WordPress menu into a layout.
This menu can be either horizontal (default) or vertical.
Dropdown, Horizontal slide out, and vertical menus are supported.

Navigation Block – Padma | unlimited

► Once a layout with a navigation block is saved, it becomes available in your WordPress Dashboard/Appearance/Menus to assign a menu to it.

Menu settings - WordPress
Menu settings – WordPress

Note: Multiple navigation blocks can be used.

Navigation Block Options

The options panel contain these settings for navigation blocks.

Content

No options are available for the content at this time. Navigation blocks contain menus that are created in the WordPress admin panel.

Search

The search option adds a site-wide search field.

  • Click the Enable Navigation Search check mark to add a search field to this block.
  • Select the horizontal placement of the field in the Search Position box.
  • Type search prompt text in the Search Placeholder field.

Items

The default navigation block includes a “Home” link. In WordPress sites, the site name or image links to the home page. These option allows to add or remove a “Home” link without a WordPress menu interface to the navigation.To remove the link, click the Hide Home Link check mark.

  • To change the text of the link, type the new text in the Home Link Text field.

Orientation

  • Set the alignment of the menu items or text using the Alignment box:
    • Horizontal navigation: the text is centered within the menu items. The alignment determines where the entire menu is aligned within the navigation block.
    • Vertical navigation: the menu items are as wide as the block. The alignment determines how the text is oriented inside the menu item.
  • To create a nav column instead of a nav bar, click the Vertical Navigation check mark.

Dropdowns

  • To change the Child Menu Item, select the preference in the Drop Down Effect box, to appear or disappear with a fade or slide effect.

  • The Hover Intent option is selected by default, so it takes more than an immediate mouseover to trigger the appearance of the dropdown.
    This prevents dropdowns from being activated when the site visitor doesn’t mean to be using the menu and ensue to mouse over the menu.Clear the check mark to show always the dropdowns, even when the parent item is moused over !

Responsiveness

This feature converts the menus into a more mobile-friendly format for small screen sizes. To switch on the Responsive Select option here, first enabled the Responsiveness Grid feature under Setup in the options panel.

How to assign a WordPress Menu to a Navigation Block

The initial navigation block displays several default links to be replaced by the site navigation. Additional navigation blocks added to a layout are empty until a menu is assigned to them.

Whenever a navigation block is added a “theme location” is created and a menu can be assigned to it. It is highly recommended to give each navigation block an alias before assigning menus.

To create menus, follow the steps in the WordPress Menu User Guide in the WordPress Codex.

Notes:

  • It is possible to change in which block a menu is assigned to.
  • It is possible to give each menu a different name than the alias of the block to which it has been assigned.
  • It is recommended to assign a name to the menu based on the type of links that it will contain (“Pages” – “Categories”). This is an important way to identify a menu whenever is moved to one place to another.

Community

Social networks for users of Padma|Unlimited