My new advanced WordPress course: https://www.udemy.com/become-a-wordpress-developer-php-javascript/?couponCode=YOUTUBEDEAL
My new beginner WordPress course: https://www.udemy.com/wordpress-for-beginners-create-a-website-blog-step-by-step/?couponCode=YOUTUBEDEAL

In this lesson we learn how to add navigation menu locations to our theme and register the menus so users can easily manage the menu links via the WordPress Admin UI.

To view a complete list of the WordPress lessons in sequential order visit:
http://learnwebcode.com/learn-wordpress/

Link to download .zip of theme files as shown in this video (note: this is not a “complete” WordPress theme yet and this download is only intended for educational purposes to dissect and review):

http://learnwebcode.com/wordpress-theme-development-navigation-menus/

Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/
Twitch: https://www.twitch.tv/learnwebcode

source

44 Comments

  1. Hey, your tutorials are absolutely amazing but I am having one issue my .site-nav css code is not changing my corresponding nav tag. Even though the class names are the same. What could be causing this issue?

  2. I am doing something wrong as the primary menu appears on the footer menu too. I checked all the setting on the dashboard and this appears to be fine but on the site it is different. Also, my "Home" disappeared (although it appears on the dashbard pages). Anyone knows what is goig on?

  3. I have 2 problems. From the last video, I can click the link of the site title while in a specific pos to go to the home page but clicking it on the home page returns the error: Access forbidden!
    You don't have permission to access the requested object. It is either read-protected or not readable by the server.

    But for this video, my footer menu appears in the header and footer area. My code exactly matches yours so why would the footer menu be in both locations?

  4. I tried following code in style.css but not working :(. Please comment what mistake I did.

    /* Navigation Menus */

    .site-nav ul {

    margin: 0;

    padding: 0;

    }

    .site-nav ul:before,

    .site-nav ul:after {

    content: "";

    display: table;

    }

    .site-nav ul:after {

    clear: both;

    }

    .site-nav ul {

    *zoom: 1;

    }

    .site-nav ul li {

    list-style: none;

    float: left;

    }

  5. Just want to say im following your videos trying to learn webcode my so im at this video and my menus is showing etc but any styling i add to style.css doesnt take affect on my page. Could anyone help.

  6. I have searched for custom theme development or information on using any existing htmls for more than 2 months. This tutorial helped me to understand the coding part. Thank you for sparing your valuable time on making this tutorial. You saved me a lot of quality time.

  7. Oh' the simplicity of this course is refreshing .. Yes! – I appreciate that it will get more complex as time goes on, but from the other tutorials I've sat through: then I can say hand on heart that this is the most easiest that I've seen to date.
    All other tuts at this stage have had the (function.php) absolutely full of (if:) (then:) and (erstwhile:) conditions, and me rewinding constantly to try and work out what's happening.
    Not so with these detailed lessons, the (function.php) file is clear and succinct, as is the (style.css) file. It's very refreshing to see a tutorial being created that doesn't pull in js scripts and css formatting from all over. AND YES! – I also know that it will happen eventually, but a Nube (me!) doesn't need to be exposed to all that at this stage of developing a WordPress Theme.
    Said it before, and I'll say it again: this course is absolutely brilliant if you want to make your own Theme in WordPress. I really cannot recommend it enough.
    So much so, that I'm even putting my hand in my pocket to support the channel.

  8. I'm currently adjusting and editing the website for the company i work for, and i have very little experience with websites, which is more than my colleagues know so its why i'm having to do it. i came to learn how to utilize WordPress and i'm now completely engulfed with a new interest in coding. You have an absolutely astounding way with words and you have an incredible knack for teaching. Very well done.

  9. Hi, i have a little problem, my menu are ok and work fine but at the start of my footer just under the separation i got a random line of code appearing which is
    $arg = array( ‘theme_location’ => ‘footer’ ); ?>
    did someone know how to get rid of it (displayed on my front end)

  10. Hi and thanks a lot for your Videos! I am student in Bavaria and the cost of living increased in the Cities, so i have to open some kind of business to earn money beside my studies. Therefore i would need a very good SEO Website or SEO WordPress Site , so that people can find me on googles ranking instead of paying a lot of money to get there. Could you or anybody here – please – help me finding the best SEO & MOBILE OPTIMIZED WEBSITE I COULD GET! It should be a clear and straight forward page , with minimal coding. Best Regards, Helen

  11. I think people should learn basics of HTML CSS & PHP coding before working on a WordPress theme, my knowledge of the three languages makes this so much easier to learn, including all the painful self-troubleshooting Ive been through in the past lol. Anyway thanks so much for this tutorial, everyone wants WordPress sites but I've always found it to be a pain using existing themes because they're hard to edit. Making my own is much better!

Leave A Reply

Please enter your comment!
Please enter your name here