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: Tutorial
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 ReadingBuilding Custom Blocks Programmatically with Block Lab
With v1.5 of Block Lab, we released a feature that’s easy to miss unless you know what to look for. It’s not visible in the Block Lab UI, but is something, behind the scenes, you can work with when developing with Block Lab. You can now programmatically add and configure blocks. The use case for […]
Continue Reading10 things you didn’t know you could do with Gutenberg
Are you a Block Editor newbie? Experienced? Chances are there are features you don’t know about. Here are 10 tips and features that can take your experience with Gutenberg to the next level.
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 ReadingHow To Change the Content Width of the Gutenberg Editor
The new Block Editor (Gutenberg) gives us a more visual editing experience, but out-of-the-box it doesn’t (yet) give us full parity with the frontend. We can do a few things to reduce this gap though and one of them is having the Block Editor’s content width match our theme content width. For example, I’m working […]
Continue Reading