wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials Add Categories To WordPress Navigation Bar

Tutorials

Add Categories To WordPress Navigation Bar

Last updated on February 18, 2017
Posted on July 1, 2010

How to add wordpress categories to your navigation bar, using  menu option of wordpress 3.0 with Twenty Ten theme.

With Menu option in admin dashboard of  wordpress 3.0, we really can customize the menu tabs navigation easily.

Unlike with wordpress 2.9.2 we have to modify header.php, with the latest version, you can apply drag and drop feature to achieve this. We are using Twenty Ten theme for this tutorial


This tutorial is going to create wordpress navigation bar based on list pages and categories you choose. At the end, we create, home, page 1, category 1, category 2. Now, if you are using another theme and older version of wordpress, you might want to check this tutorial to add categories lists in your navigation.

Here are the steps:

1. First, create a page which you want to be in the front. You can also use Category to be in the front. In this demo, i made “Home” as my front page.

  • Type in the Title
  • The content
  • Set page order to 0
  • Hit “Publish” button.

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

2.Click on the “Appearance” and then “Menus” button.

3. Type in what you are going to call this custom menu. Once you are done, click “create Menu”

4. Add the pages, and categories you want to this custom menu we have just created by clicking “Add to Menu”.

5. Drag and drop to customize the navigation tabs position.

6. Click “Save Menu” and refresh your blog. It should have your own customization and your categories are added in your wordpress navigation bar.

Tips: Once you want to reset your navigation, click “delete menu” option, and then “Save Menu” blue button in the right.

Video tutorial:

add bar category twentyten Wordpress

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Uninstall Or Delete WordPress
→ Find Out Who Subscribe To Your Blog

Comments

  1. Steve says

    March 31, 2011 at 10:50 pm

    Thanks, this was very helpful!

  2. Nicky says

    May 24, 2011 at 10:47 am

    Thank you! I was looking for this!

  3. Goldie says

    July 17, 2011 at 8:54 pm

    Hello. That’s a great tutorial. But I want to ask, the default Home is still there (which appears to be all of the blog post I have been post before) how can I get rid of that page?

    Thanks

    • Kimi says

      July 19, 2011 at 3:52 pm

      Hi Goldie,

      What theme are you using?

      I have posted some videos on that which might be the answers:

      https://www.wpvidz.com/wordpress-change-home-page/

      Kimi

  4. Ben says

    January 5, 2012 at 1:46 pm

    Thank you, that was helpful!

  5. Manpreet Singh says

    April 23, 2012 at 6:51 pm

    I m searching on google for this for almost 2 hrs and got this on yours site.Very helpful content….

  6. elme says

    February 6, 2013 at 11:13 pm

    hi.. thank you for this xD

  7. Kelly Kuhn says

    March 26, 2013 at 9:51 pm

    Thanks you so much for this. I started a blog a few weeks ago, and no matter how many tutorials I read, I couldn’t figure out how to do this. All of the other site things I’ve tried to do have been relatively easy and intuitive, but not the menus/navigation bar. Your tutorial, and especially the video, finally did the trick. I can’t thank you enough!

  8. Andrea says

    March 30, 2013 at 8:22 pm

    Super helpful! Thanks a lot :):)

  9. Jeff Thompson says

    April 26, 2013 at 9:54 pm

    Thank you, exactly what I had been looking for! Who would have thought it was that easy.

Trackbacks

  1. Links Of The Week: Part 2 | WebMaster-Success.com says:
    July 4, 2010 at 4:22 pm

    […] Add Categories To WordPress Navigation Bar […]

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept