October 4, 2014

WordPress Widgets Tutorial

Learn how to manage widgets in the WordPress admin area, and also how to add widget locations to any theme.

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

Do you want to share the WordPress website that you’ve been creating on your computer with the world? The next step is to use a web host to share your site with the world. Learn about web hosts, my favorite one, and how to get a plan for only $5.78 per month.

View the entire “Learn WordPress” series

About the Author

Brad Schiff

Brad Schiff is a front-end developer, designer, and educator who has been building user interfaces for over a decade. He’s done work for Fortune 500 companies, national political campaigns, and international technology leaders. His proudest achievement is helping people learn front-end web development.

Follow Brad on Twitter Subscribe on YouTube

5 thoughts on “WordPress Widgets Tutorial

  1. Excellent tutorial I have ever seen, explained everything learner-friendly…..so I recommend each tutorial to everyone either he/she is a beginner or an intermediate.Thank you very much.

  2. Hi Brad,

    Tutorials have been awesome. But I’ve got an issue on this.

    Using the “before_widget” and “after_widget” options in the widgets array doesn’t quite work as shown. It appears only your first widget stays in the “sidebar-column” div. The rest are put progressively further out one level in the structure.

    Is this issue known at all?

  3. Keep an eye out for the discrepancy between the video and supplied files for this video. The “side column” that holds the container is called CSS Class ‘secondary-column’ in the video, but the supplied files call this ‘side-column’.

    If you mix typing some of the entries in yourself with copies of some of the files supplied (like I did), then the name mismatch will cause a formatting error.

Leave a Reply

Your email address will not be published. Required fields are marked *