Category: Front-End Development
Understanding The Loop: WordPress’s Way of Showing Posts
This article introduces one of the most important topics in WordPress development: the WordPress loop, or more commonly simply “the loop.” If you’re interested in under more of the key concepts of developing WordPress themes, check out our free course on getting started with WordPress themes.
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.
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.