Creating custom menus in WordPress belongs to the basics of managing WordPress websites. It’s usually one of the first things people do when configuring their website with their new WordPress theme. Custom menus in WordPress are very useful for improving usability and navigation for your website visitors and readers on your WordPress website or blog. In this brief beginner’s tutorial we will show you how to create custom menus in WordPress from the start. Please follow this tutorial step-by-step to ensure you’ve completed every step of the way.
Step 1 – Creating a custom menu in WordPress
Prior to using and tweaking your WordPress custom menu, you need to create one first. Please log into your WordPress dashboard and navigate to Appearance => Menus. Here you can create and edit custom menus in WordPress. Now please enter a name for your menu (e.g. Main Menu, Header Navigation, etc.) and click on Create Menu. Your new custom menu has now been created.
Step 2 – Add menu items to your custom menu
On the left side of the screen you see a few boxes labeled Pages, Posts, Custom Links, Categories. You can expand each box by clicking on the small arrow in the top right corner. Now you can select those menu items you want to add to your custom menu. You may add particular pages or categories and you can even create new menu items like e.g. custom links to link to an external website.
To add your preferred menu items, simply check the checkboxes of those pages, posts, categories or other items you want to add to your custom menu and click on Add to Menu. You can display more boxes with available menu items by adding them using the screen options. To display more boxes, just click on Screen Options in the upper right corner of the page. After you’ve added items to your menu, you can arrange them via drag & drop. Once you’re done, please click the Save Menu button.
Step 3 – Creating multi-level menus (sub-menu items)
All Touchsize Themes support multi-level menus. By using this feature you can easily create and display sub-menus on your website. Previously you’ve learned how you can change the order of appearance of your menu items in the menu by dragging them up or down. To create a sub-menu, just drag items left or right in order to create sub-levels within your custom menu.
Step 4 – Choose menu location on your website
Usually it always depends on your WordPress theme if and how many custom menu locations are available. Touchsize themes for instance supports several practical custom menu locations (Header, Footer, anywhere in the page content with “Menu” element ).After you’ve created your menu, you can add it to one of the available menu slots of your theme. In addition WordPress also includes a Custom Menuwidget which you can use to add one of your custom menus as widget, e.g. into your sidebar.
Step 5 – Customize or delete certain menu items
After you have created your custom menu, you can always come back to customize and re-arrange menu items or delete them if you want to remove them from your custom menu. To edit a certain menu item, just click on the arrow in the top right corner of the menu item / box to expand it.
Now you can edit the Navigation Label (title of menu item), Title Attribute or delete the menu item by clicking on Remove in the bottom left corner of the edit menu item box. When you are done customizing, please click the Save Menu button to save your changes in WordPress.
This tutorial covers all necessary steps you need to take to create custom menus in WordPress. You could also have a look at the Menu User Guide in the WordPress Codex which basically covers the same steps.