-
Filter the URLs in Gutenberg Social Link Block
Dynamically populate social link URLs using the render_block filter in WordPress.
-
Updating the Twitter/𝕏 Icon in Font Awesome 4
If you’re managing an older website running Font Awesome 4, you might be asked to swap out the Twitter icon for the new X / 𝕏 symbol. Personally, I wasn’t in the mood to pull down an entire site, dig up the build process, replace FA4 with a newer version, etc. Instead, I jumped into…
-
Build Custom Blocks Using InnerBlocks
A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.
-
Custom Lists in WordPress with Register Block Style
Register a custom block style in Gutenberg with simple PHP and CSS- no JavaScript or build process required.
-
Custom Responsive Settings in Gutenberg Blocks
Add custom settings fields to any Gutenberg block. In this tutorial, we add a responsive display setting to Gutenberg using 10up’s Block Extension API, the WordPress Scripts build process, and the WordPress Base Styles Sass library.
-
ACF Blocks Post Carousel Tutorial
We’re building a post carousel block using ACF Blocks. We’re doing everything from start to finish, including loading a third-party resource (Flickity) and default Gutenberg supports like colors and alignment. No build process, no fancy JavaScript, just Advanced Custom Fields.
-
Managing Images in your Custom Gutenberg Block
Let’s build a custom WordPress block with a focus on editable image fields. Using the block-components library from 10up and a custom image function I wrote this year, we’ll go through every file in our custom block together.
-
Getting WordPress Media Library images in JavaScript
A tiny JavaScript replacement for wp_get_attachment_image.
-
Sending an email in WordPress using your WooCommerce email design
Supposedly, this is what the wc_mail() function is supposed to do: help you send an email the way you might with wp_mail() BUT include your fancy WooCommerce template/design/styles around the content. Well, it didn’t seem to be working for us, so after breaking it apart, we took the core function and wrote what we think…
-
VSCode Snippet for using jQuery in WordPress
These days I’m trying to use vanilla JS as much as possible, but more often than not, I find myself writing jQuery when in WordPress.
Free Video Series 7 Tools for Modern WordPress Developers
WP Developer & Educator
Tutorials
Blog posts focusing on learning modern WordPress development skills. Subscribe to get the latest.