Add link to menu in WordPress

Banner for tutorial on how to add a link to WordPress menu

Be able to add a custom link to a WordPress menu helps to better organize and structure a navigation of a site.

One of the most important aspects of customizing a site is a setup of a menu. Without a good menu, your site visitors might feel lost.

In this article, you will learn how to add a link to a WordPress menu.

Add external link to menu

In WordPress, menus contain various links, including page links, category links, post links, custom post type links and external links.

There are two (2) places where you can add an external link to a navigation menu:

Below, methods to add links to menu in WordPress.

You can use the Menus page to make changes in WordPress menus.

To add a link to menu using the Menus page:

  1. In your dashboard, navigate to Appearance → Menus to open the Menus page.
  2. Create a new menu or select the existing one.
  3. Click on the Custom Links.
  4. Enter link address into the URL text field.
  5. Add link label into the Link Text text field.
  6. Click on the Add to Menu button.
  7. Drag the link to the appropriate position in the menu.
  8. Click the Save Menu button.
Preview of the Menus page, showing how to add a custom link to a menu.

Setting up custom links is an easy task once you know where to go in WordPress to find the option.

Customizer

You can the Customizer to make changes to a WordPress menu.

To add a link to menu using the Customizer:

  1. In your dashboard, navigate to Appearance → Customize to open the Customizer.
  2. Open the Menus options.
  3. Create a new menu or select the existing one.
  4. Click the Add Items button.
  5. Open the Custom Links options.
  6. Enter in the URL and Link Text for your menu link.
  7. Click the Add to Menu button.
  8. Publish your changes.
Preview of the Menus options in the Customizer, showing how to add a custom link to a menu.

Use the Customizer to see changes live as you make them.

Open menu link in new tab

By default, WordPress opens menu links in the same tab. However, it is also possible to open menu hyperlinks in new windows.

Opening external links in a new tab allows site visitors to access the link without leaving your website.

But, the option to open menu link in a new tab is not instantly visible on some websites.

To be able to use the option:

  1. In dashboard, go to Appearance → Customize to open the Customizer.
  2. Select Menus to view menu settings.
  3. Click on the gear shift icon, underneath the Publish button.
  4. Check off Link Target.
  5. After, select the menu you wish to edit, click on the item, and check Open link in a new tab.
  6. Publish you changes when ready.

Now, you know how to open external links in a new window. So, users can easily return to your site when they are done viewing the link.

Preview of menu settings in the Customizer, with an active option for allowing to open menu links in a new tab.

Conclusion

WordPress makes customizing site menus pretty easy. A core functionality of this platform allows to add various links to a menu, including links to an external site.

Custom, or external, links are especially useful when your landing page is hosted outside of your WordPress site.

You also can add CSS class to WordPress menu to make a menu link more attractive to the site visitors, using custom styles.

Hope, this tutorial helped you learn a way to add links to menus in a WordPress site.


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.