WordPress Widgets Tutorial

Wordpress Tutorials

WordPress Widgets Tutorial


Learn how to manage widgets in the WordPress admin area, and also how to add widget locations to any theme. Check out my “Get a Developer Job” course:

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):

To view a complete list of the WordPress lessons in sequential order visit:

Want to share the WordPress website that you’ve been creating on your computer with the world? Learn about the web host I use and how you can get a domain + hosting for .95 a month:

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

Follow LearnWebCode on Twitter for resources and updates:

9 Comments

9 Replies to “WordPress Widgets Tutorial”

  1. I’ve been following your tutorial the entire way, and somehow screwed something up big time. I’ve gotten up to modifying index.php as you recommended “site-content, main-column, and secondary-column” but when I refresh my page, my footer is all the way up above the sidebar content, along with my footer links. Somehow my sidebar content actually ended up in between the footer line border and the footer links… Can you help me fix this?

  3. Your series has been EXCELLENT so far! Thank you!! I’ve subscribed to keep up with your videos.

    However, I’ve finally run into a problem during this video. My issue is that, when I create the sidebar, the sidebar does not only contain “This is the sidebar.” Instead, it also pushes most of the footer onto the side of the website. My footer nav links and even my border are now where the sidebar is supposed to be. The site name and copyright symbol are still where they are supposed to be, though. Do you have any idea of what I could have done wrong?

    Thank you again!

  4. my widget is not seen how to make it enable… I have used below code but not working, since I have already >>>
    register_nav_menus(array(
    ‘primary’ => __(‘Primary Menu’),
    ‘footer’ => __(‘Footer Menu’),

    ));

  5. This one also but not show any response:
    //Add Our Widget Locations
    function ourWidgetsInit() {
    register_sidebar( array(
    ‘name’ => ‘Sidebar’,
    ‘id’ => ‘sidebar1’
    ));

    }

Comments are closed.