How to Create a Custom Menu in WordPress
Creating a custom menu in wordpress is simple. You can add pages, posts, categories, and even custom links to your menus without having to learn code.
The best part is that these features are available right in the WordPress editor!
First, create a menu using the Add to Menu tool. Then, you can drag and drop the menu items into place to arrange them.
Once you’re done, click the Save Menu button to save your changes.
Now you can use your new menu on your site, wherever you want it to appear!
You can also add custom CSS to your menu to style it. This is a great way to change the appearance of your menu, whether you’re looking for a basic tweak or something more advanced.
To add a custom CSS class to your menu, simply open Screen Options and turn on “CSS Classes.” Once you’re done, replace the “.primary-menu” in the example code below with your own custom CSS class.
Another option is to create a child menu of your main menu and apply the same CSS class. If you do this, then all your menu items will show up underneath the parent item, rather than overlapping it.
Then, you can apply different styles for each child menu. You can change its opacity, background color, and more to make it unique from your main menu.
Finally, you can choose to have a sticky menu for mobile devices and set a default menu position. This will ensure that your menu always appears where it is supposed to regardless of what device a user is on.
Adding Custom Page Templates to your Menu
If you’re using a block-based theme, then you can easily add a navigation block to the area where you want your menu to appear. You can use the full WordPress editor to create a navigation block, or you can use a plugin such as WP Super Menu that will let you use the theme’s own navigation blocks and settings.
Adding Top Level Pages to Your Menu
In most cases, your WordPress theme will automatically add the top-level pages you’ve created within your website to the menu (e.g., blog posts or contact pages).
For some themes, though, you’ll need to manually add these pages. The easiest way to do this is to visit the WordPress dashboard, then click Appearance – Menus and look for the Edit menus button in the lower-right corner of the screen.
Then, in the edit box that pops up, select the “Custom menu” option and fill out the title and other fields. You’ll want to use a title that makes sense for the menu you’re creating.
You can even give each top-level page a different slug. This can help your visitors easily navigate the menu, or it can be helpful when promoting specific pages to other users.
Once you’ve added your top-level pages, it’s time to add your sub-level menu items. This is a great way to organize your menu items and make them easier to find.