Category: Front-End Development
Where to Add Custom CSS in WordPress

There will be times when you are working on a WordPress site when you want to add custom CSS.
How to Create a WordPress Theme from Scratch

When it’s time to choose a WordPress theme for your website, you have tons of options. Perhaps the most powerful is to forego the readymade themes on the market and build your own. Building your own theme puts you in complete control when it comes to looks and functionality. It can take your project up to that next level. That’s why today, we’re going to show you how to create a WordPress theme from scratch.
Understanding is_singular() in WordPress Templates

This text and video Quick Guide explains how to use is_singular(), one of the more useful WordPress template tags. We also explain the difference between the is_singular() conditional tag, and the two other related ones: is_page() and is_single().
Using the CSS3 vh (viewport-height) Unit

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.
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.
WordPress’s Astra Theme: Our Honest Review

You can find our in-depth Astra theme review below, but if you’re looking for a TL;DR version, here it is:
How to Undo Changes in Beaver Builder

If you’re not clear how to undo changes in Beaver Builder, it can be difficult to know how to walk back a change you’ve made—specifically, how to undo Beaver Builder layout changes, for which normal “Ctrl+Z/Cmd+Z” undoing within Beaver Builder itself simply won’t work.
How to Use the Custom HTML Block in Gutenberg

Adding HTML to Gutenberg can feel challenging if you’re new to the system. That’s why today’s Quick Guide is about adding a custom Gutenberg HTML block. Learn when—and how—to add HTML code to WordPress posts and pages.
Preventing a WordPress XSS Attack: Complete Guide to Validating, Sanitizing, and Escaping Data

When it comes to making your WordPress site secure as a developer, probably the most impactful thing you can do is make sure you always clean up data that your code receives from users. That means, generally, two things, validating or sanitizing it on the way into your system. And escaping it on the way out, reducing the chance of a WordPress XSS attack. WordPress Cross-site Scripting attacks are one of the most common ways people compromise sites. So today we’ll cover how they work.
WordPress Development for Beginners: “Does the User See It?”

Getting started with WordPress development can be disorienting. As I’ve written, software development (including WordPress development) is a lot like caving, and trying to do your first WordPress development project can be like waking up somewhere in the middle of a dark cave and trying to figure it out from there.