Skip to content
📢The Block Lab Team is joining WP Engine. Read the announcement post.
Block Lab
  • Blog
  • Docs
  • Download
  • Log In

Category: In The Lab

How to build a custom app showcase block

Posted on January 31, 2020January 31, 2020 by Rob Stinson
How to build a custom app showcase block

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 Reading

How to build a custom features comparison table block

Posted on December 9, 2019December 9, 2019 by Rob Stinson
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 Reading

How to build a custom block with ACF (Advanced Custom Fields) and Block Lab

Posted on October 10, 2019October 10, 2019 by Rob Stinson
How 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 Reading

Repeater Field Magic with a Custom Logo Bar Block

Posted on September 16, 2019October 9, 2019 by Rob Stinson
Repeater 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 Reading

In the Lab: How to build a Custom Block for the GiveWP Totals Shortcode

Posted on July 26, 2019October 9, 2019 by 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 Reading

In the Lab: How to build a Custom Pricing Table Block

Posted on July 22, 2019October 9, 2019 by Rob Stinson
In the Lab: How to build a Custom Pricing Table Block

Build your very own custom and beautifully designed pricing table block

Continue Reading

In the Lab: A Custom Post Grid block using WP_Query

Posted on June 20, 2019October 9, 2019 by Rob Stinson
In the Lab: A Custom Post Grid block using WP_Query

Build your own “Posts” block, using wp_query().

Continue Reading

In the Lab: A Custom Notification Bar Block

Posted on May 10, 2019October 9, 2019 by Rob Stinson
In the Lab: A Custom Notification Bar Block

Build your own simple little notification bar block.

Continue Reading

In the Lab: A Custom eBook Download Block

Posted on April 1, 2019October 9, 2019 by Rob Stinson
In 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

In The Lab: Building a Custom Form Block with Gravity Forms

Posted on February 7, 2019October 9, 2019 by Rob Stinson
In 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
  • You are currently browsing the archives for the In The Lab category.

  • Pages

    • About Block Lab
    • Account Settings
    • Block Lab
    • Block Lab Pro License Documentation
    • Blog
    • Community Code of Conduct
    • Contact
    • Docs
    • Login Designer
    • Migrating to Genesis Custom Blocks
    • Newsletter
    • Privacy
    • Purchase History
    • Services
    • Welcome to The Lab
    • Purchase Confirmation
    • Transaction Failed
  • Archives

    • September 2020
    • April 2020
    • March 2020
    • January 2020
    • December 2019
    • November 2019
    • October 2019
    • September 2019
    • August 2019
    • July 2019
    • June 2019
    • May 2019
    • April 2019
    • March 2019
    • February 2019
    • January 2019
    • December 2018
  • Categories

    • Announcements (3)
    • Case Study (1)
    • Community (2)
    • In The Lab (10)
    • New Feature (4)
    • Pro (3)
    • Tutorial (9)
    • Uncategorized (3)
    • Update (1)
Code & Support
  • WordPress.org
  • Github
  • Support
  • Subscribe
The Team
  • Blog
  • About
  • Privacy
  • Contact

© Copyright Block Lab 2019