How to Create Navigation Menu in WordPress

In this post

  • Create a Menu
  • Add Pages/Posts/Category/Tag/Custom Link…… to Menu
  • Add CSS Class

Part 1. How to Create Navigation Menu in WordPress

Step 1. Go to Appearance > Menu

bbhero-create-menu1-min

Step 2. Click on Create a new menu > Enter a name for your Menu > Click on Create Menu

bbhero-create-menu2-min

Step 3. Done

bbhero-create-menu3-min

Part 2. How to add Pages to Menu

Step 1. From “Pages”

Click on View All > Select Pages you want to add to Menu

Then click on Add to Menu

bbhero-add-page-to-menu1-min

Step 2. And here is result

bbhero-add-page-to-menu2-min

 

Part 3. How to add Blog Posts to Menu

Step 1

bbhero-add-blog-posts-to-menu1

Step 2. Result

bbhero-add-blog-posts-to-menu2-min

bbhero-add-blog-posts-to-menu3-min

 

Part 4. How to add Category to Menu

bbhero-add-category-to-menu-1-min

Part 5. How to add Custom Link to WordPress Menu

bbhero-add-custom-link-to-menu

Part 6. How to add Tag to Menu WordPress

Step 1. Click on Screen Options

bbhero-add-tag-to-wordpress-menu1-min

Step 2. Tick on “Tag” box

bbhero-add-tag-to-wordpress-menu2-min

Tags will appear.

Step 3.

bbhero-add-tag-to-wordpress-menu3-min

Part 7. How to add CSS Class to Menu WordPress

Step 1. Screen Options

bbhero-add-tag-to-wordpress-menu1-min

Step 2. Tick on “CSS Classes” box

bbhero-add-css-class-to-menu1-min

Step 3.

You can insert 1 or more CSS Classes.

bbhero-add-css-class-to-menu2-min

Share this post:

Leave a Reply

avatar
  Subscribe  
Notify of