Category: Tutorials

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.

  • ,

    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.

  • , ,

    How to Enqueue JavaScript for a Shortcode

    One of the top questions I get is how to add JavaScript for your shortcode the right way without affecting pagespeed.

  • , ,

    Get a thumbnail from the Vimeo API

    Grabbing the thumbnail URL for a video hosted on YouTube has always been simple. Just stick the video’s unique ID into a URL and bam- there’s your image. When it came to the Vimeo API, on the other hand, it used to be simple. Recently Vimeo has been in the process of sunsetting it’s classic […]

  • , ,

    WordPress Tip: Create theme or plugin ZIP file with Gulp

    The way I develop now, I’m using NPM to grab packages, and typically Gulp to handle things like processing my Sass and JavaScript files. Gulp has been a great addition to the dev toolkit, allowing you to handle some repetitive tasks with just the click of a button or a few simple words on the […]

  • , ,

    A Beginner’s Guide to the WordPress REST API

    A Beginner’s Guide to the WordPress REST API on I wrote a post for the blog. The article covers the WordPress REST API, as well as provides an introduction to REST APIs in general. I offer an example use case that you can follow along, and discuss some future potential of the project. […]

  • , ,

    All My Embedded Links, a WP REST API Proof of Concept

    I’m a big fan of the WordPress REST API. I’ve been writing about it here on my site as well as other places. I’ve been using it in production, including in the iOS/Android app NMO Resources which syncs to a WordPress-based website. It’s become a fun new way to interact with data, especially outside of the […]