Those of us that build or design websites, apps, and games, know how important it is to have a killer portfolio. In this tutorial, we’ll build a beautiful (and flexible) Showcase block to highlight our best work. The best bit about this block is that all you have to do is drop in your screenshot. […]
Continue ReadingCategory: In The Lab
How to build a custom features comparison table block
Welcome back to The Lab. In this tutorial, I’m going to show you how to build a custom features comparison table block. If you’ve got a site where you’re comparing product features, having something like this would be pretty handy. A great use case we see regularly is for product reviews, particularly for affiliate marketing […]
Continue ReadingHow to build a custom block with ACF (Advanced Custom Fields) and Block Lab
A match made in Australia. We don’t have a big population down under, but I’m pretty proud of the Open Source work that comes out of this patch of dirt where Christmas is in summer and our Prime Ministers hold beer drinking records. Along with it being the home of Block Lab, Australia is host […]
Continue ReadingRepeater Field Magic with a Custom Logo Bar Block
Welcome back to the Lab! Block Lab Pro was released 2 weeks ago and it came with what must be the most requested feature of all time. The Repeater field! In this tutorial, I’m going to show you how to use it. So heads up, this tutorial requires an active Block Lab Pro license. We’ll […]
Continue ReadingIn the Lab: How to build a Custom Block for the GiveWP Totals Shortcode
Welcome back to the Lab! This tutorial will cover how you can use the classic Give Totals shortcode, from the very popular donations plugin Give, and turn it into a completely custom designed block for the new WordPress block editor. Emphasis on custom design. The classic shortcode was fairly plug-and-play, but converting it into a […]
Continue ReadingIn the Lab: How to build a Custom Pricing Table Block
Build your very own custom and beautifully designed pricing table block
Continue ReadingIn the Lab: A Custom Post Grid block using WP_Query
Build your own “Posts” block, using wp_query().
Continue ReadingIn the Lab: A Custom Notification Bar Block
Build your own simple little notification bar block.
Continue ReadingIn the Lab: A Custom eBook Download Block
Welcome back to the Lab. For this tutorial we’re going to build a custom eBook download/call-to-action block. It will include a picture of our book, some text, and a button to download the book. It’s gonna look something like this: So our local setup for building the block looks like this: Theme: Atomic Blocks Child […]
Continue ReadingIn The Lab: Building a Custom Form Block with Gravity Forms
One of the first things site builders realise when working with Gutenberg is that the other plugins they use don’t always play as nicely. Many plugins are adding Gutenberg support, which is great, yet the ones that are don’t always give us what we want. Because… well, we want what we want. Not what the […]
Continue Reading