Today we take things to a whole other level and launch Block Lab Pro, an even better way to build custom blocks.
Continue ReadingAuthor: Rob Stinson
In 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 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 ReadingNew Taxonomy Field for Block Lab Pro
Good news today for our Block Lab Pro Early Access Pass holders. You now have access to the Taxonomy field. When adding this field to your blocks you can set it to either pull a list of categories or tags. If you’re building a block that pulls in posts, e.g. a “check out these posts” […]
Continue ReadingBackwards Compatability Break for the Image Field
Hi everyone, If you’re using the image field in Block Lab, you should be aware of a minor backwards compatibility break in the latest plugin update. The changes are related to when using the block_value() function with the image field. This function now returns an integer attachment ID. Previously it returned the attachment URL. This […]
Continue ReadingAn even better block building experience with v1.2.2
Today we release version 1.2.2 of Block Lab. This version introduces a bunch of user interface improvements that make it even easier to build blocks within the WordPress admin, particularly for those just getting started with Block Lab. There are 3 general areas of improvement: 1. Block Properties in Sidebar The block properties (slug, icon, […]
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 Reading