A comprehensive database for everything WordPress related.

TOP
WPKlik Logo Newsletter

Sign up and get your free copy of WordPress blogging checklist 2019

wordpress-custom-menu

How to Easily Create a Custom Menu in WordPress

Website navigation can be confusing at times. It may be difficult for users to find exactly what they are looking for, and instead of enjoying the content, they may decide to move on to the next, better-structured website. In order to prevent something like this from happening and to achieve clearer navigation on your website, you should have a well-organized menu. By dedicating your attention to this, you can be sure that the visitors will be able to find precisely what they want without any hassle and that they will not have to look elsewhere for that content. With our step-by-step guide, you will learn just how to create a custom menu in WordPress.

We would only like to make a quick note before we start. In case you already imported the menu from your theme and you’d like to save the original one and create or modify your own, duplicating your menu in WordPress is an easy thing to do.

The steps for creating a custom menu are the same for WordPress Classic Editor and Gutenberg. We promise you, it is not hard at all! Let’s start now, shall we?

  • To create a custom menu in WordPress, head over to your user dashboard and choose Appearance
a
  •  After you have elected Appearance, click on Menus
a
  • The first thing to do now is to pick a name for your menu. Once you have made the decision, click the Create Menu button
a
  • The next step in creating your custom menu in WordPress Classic Editor and Gutenberg is to choose which items you want to add to the menu from a box will appear on the left side of the screen
a
  • Under Menu Settings you should also choose the location for the custom menu. This is where your menu will be displayed on the website. Tick the box next to the desired location and click on Save Menu
a
  • To add items to your custom menu in WordPress, simply tick the box next to the desired item. Once you have made the selection, click the Add to Menu button
a
  • All the items you have selected will now appear under the Menu Structure
a
  • If you wish to add items for your blog posts, just do the same as you did with pages. Select the items and click the Add to Menu button
a
  • If you have beforehand created custom posts, you can add them to your custom menu as well by inserting the link in the Custom Links section. Just paste the URL in the designated box and be sure to insert the title of your post in the Link Text box. To finish, click on Add to Menu
a
  • Once you have added everything you wanted, you can drag and drop the items to rearrange them the way you like it best. For instance, you can set the Main Home as the first item in your menu, and so on
  • Another highly practical thing you can do is to create a dropdown menu. This is where you can group your pages and posts under one item. To do this, simply drag all the items you wish to be displayed in the dropdown menu below the parent link (on the second level), then move them a bit to the right and click the Save Menu button
a
  • You can also place some items on the third level, by dragging them below the parent link and then by moving them slightly to the right, so they are even more indented
a
  • If you would like to change the name of the page that will be displayed in the menu without modifying the actual name of the item, click the small arrow on the right, as pictured below
a
  • In the Navigation Label box, you can type in the item name that will eventually be displayed in your menu
a
  • Once you are done with the changes, click the Save Menu button. The modifications you have made will be visible on your website
  • If you would like to open your items in a new tab, you can simply head to the Screen Options card (located at the top right corner of your dashboard)
a
  • Under Show advanced menu properties tick the Link Target box
a
  • Now, when you click the small arrow next to the post type name, just under the Navigation Label, you will see the Open link in a new tab option. Just tick the box and save your menu settings
a

We hope this article was helpful. If you liked it, feel free to check out some of these articles as well!

Newsletter

WordPress perfection at your fingertips.

If you enjoyed this article, feel free to subscribe to our newsletter using the form below. You can also follow us on Facebook and Twitter and subscribe to our YouTube channel for WordPress video tutorials.

Leave a Reply