Sign up to receive my new posts in your inbox, along with some links and thoughts from the webdev world. No more than once a week. Browse the archive.
How to offer a selection of page patterns when creating a new page (as seen in TwentyTwentyFour).
Dynamically populate social link URLs using the render_block filter in WordPress.
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…
A great way to start building blocks for WordPress is using InnerBlocks. Group other blocks together and easily add styles and settings.
Register a custom block style in Gutenberg with simple PHP and CSS- no JavaScript or build process required.
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.
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.
A tiny JavaScript replacement for wp_get_attachment_image.
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…
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.