Perplexing Guide: How to Create an Anchor Menu in WordPress

WordPress, aka the website wonderland, offers a plethora of features and functionalities that make website creation and management a total breeze. But have you ever heard of the Anchor menu feature? It allows WordPress users to create navigation menus that link to specific sections or pages of their websites. How cool is that?

Freaky Step 1: Creating Page Content

Hold your horses, before diving into the anchor menu mayhem, let’s manage the page content mess first. As you need to know the content for linking before creating anchors, it’s prudent to stabilise the base first.

Bizarre Step 2: Creating Anchor Links

Alright folks, now that you’ve got the content ready and are ready to embrace anarchy in the world of links, let’s create anchors. These are basically links that a visitor uses to navigate different sections of your webpage. However, to create an anchor, you must identify the section of the page you want to link to, and then add an anchor tag to it:

  <div id="example"></div>  

The name ‘example’ in the code is the anchor tag name. Change it into anything smart and catchy, depending on what you want to link it to but watch out – it’s mandatory to use a name that is descriptive and easy to remember.

Wild Step 3: Creating the Anchor Menu

The moment you’ve been waiting for is finally here — you can now create the fascinating anchor menu. It’s time to do things the WordPress way:

1. Go to the Appearance > Menus option in the WordPress dashboard.
2. Click on the Custom Links menu item.
3. Enter the URL of the page you’re linking to, in the URL field.
4. In the Link Text field, enter the section’s name that you want to link to.
5. In the Navigation Label field, enter the name that should appear in the menu.
6. Click on Add to Menu button.
7. Keep repeating until you complete linking all the sections you desire.
8. Arrange the menu items’ order the way you want via drag and drop.
9. Click on the Save Menu button to save your changes.
10. To add your anchor menu to the page, let’s add the following code:

   <?php
  wp_nav_menu( array(
  'theme_location' => 'example-menu',
  'menu_class' => 'example-menu-class' ) );
  ?> 

In the example code above, ‘example-menu’ is the menu name created earlier while ‘example-menu-class’ is the CSS class name you applied to the menu.

Cheers! You’re done

Ah! That was fun, wasn’t it? You can now add this surreal anchor menu to your page and not worry about losing visitors due to a poorly designed navigation system. Creating one on WordPress takes only a few minutes, so don’t limit yourself, use the anchor menu feature and improve your visitors’ experience tenfold.