Quick Guides: WordPress Tutorial Videos for Developers

We love helping WordPress developers solve tricky problems quickly. That's why we've put together this collection of WordPress video tutorials for developers. Each Quick Guide is a simple, to-the-point video tutorial on a topic in WordPress development, plus a text outline that walks step-by-step through the video content.

Do you need a video tutorial for a specific challenge that's come up in your work? We'd love to hear from you! Reach out to us on Twitter (@wpshout) or by email with your request.

Our Most Popular Video Quick Guides

Recent Video Quick Guides

Using the CSS3 vh (viewport-height) Unit

vh viewport-height css3 element

I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”) It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.


WP Engine vs WordPress: What’s the difference?

Long-time WPShout readers—seasoned in the world of WordPress—may want to skip this one. But for those new to the world of WordPress, I was interested and cheered to get assigned a fun explainer out to you in this week’s Quick Guide. This week we’re covering the difference between a product (really “hosting company”) called WP Engine, and WordPress (an open-source project that can run on many different kinds of WordPress web hosting). I’ll get into the distinctions in those parentheticals even more below 🙂



How to Include JavaScript Files on Your WordPress Site with wp_enqueue_script()

Want to know how to include a JavaScript file onto your WordPress site? In this Quick Quide we use an awesome WordPress function called wp_enqueue_script() that is the correct way to include JavaScript files in WordPress. Whether your JavaScript files are for Vue, React, JQuery, or something else, this is how you include JavaScript files in WordPress pages.