View Source

Set Anchordown to use Manual Menus

Go to Appearance > Menus.
Select the menu from the dropdown and click select. Alternately, create a menu at this stage.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-02.png

Scroll to the bottom of the menu. Check Main Top Navigation located under Display location.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-03-680x276.png

Click Save Menu
Go to Appearance > Customize > Vanderbilt – Header Options

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-04.png

Scroll to the bottom of the section. Under Primary Navigation Menu Source select manual.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-05.png

Click Publish

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-06.png

Set the Anchordown theme to use Auto Menu

Go to Appearance > Customize > Vanderbilt – Header Options

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-10.png

Set Primary Navigation Menu Source to Auto

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-08.png

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-09.png

Hiding menu items when using Auto Menu

Go to Appearance > Customize > Vanderbilt – Header Options

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-10 (1).png

Under “If using Auto navigation, hide these page IDs," add the page IDs that should not be displayed in the menu. Separate each ID with a comma.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-11.png

How to find page IDs: Open a new browser window and navigate to the page to be hidden from the Auto Menu. Click Edit. Inspect the URL in the browser bar.
Example: https://www.vanderbilt.edu/demo-vublog/wp-admin/post.php?post=1824&action=edit
The post ID is found after post=. In the above example, the post ID is 1824.
Click Publish

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-09 (1).png

Creating Menus

Go to Appearance > Menus

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-01 (1).png

Click create a new menu

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-14.png

Adding and editing menu items

Go to Appearance > Menus

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-01 (1).png

Locate pages and posts under the Pages and Posts dropdown headers. Check items to add and click Add to Menu.
Use Custom Links to create links to other websites.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-16.png

Editing menu items – Edit menu items by clicking the arrow located in the top right of the menu item.
Change the publicly displayed link text via the Navigation label
Click Save Menu
Use Custom Links to link outside your WordPress website.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-17.png

Enter the web page link in the URL field.
Enter the publicly displayed link name in the Link Text field.

Ordering Menu items

Drag and drop menu items to change the menu order. Indented items will automatically display as dropdown items. Menu items may also be moved by clicking the menu item arrow and then clicking the “move” controls.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-18-680x495.png

Click Save

Dropdown menu items

Top level menu items with dropdowns must have a placeholder link in place to function correctly.

Click Custom Links to create a placeholder link.

Digital Strategies Knowledge Base > Working With WordPress Menus > new-menu-tutorial-19.png

Enter a hash symbol (#) in the URL field
Enter the Link Text
Click Add to Menu