Skip to content
📢 Block Lab users should migrate to Genesis Custom Blocks. Read how to migrate here.
Block Lab
  • Docs
  • Download
  • Log In

Category: Tutorial

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

Building Custom Blocks Programmatically with Block Lab

Posted on November 22, 2019November 25, 2019 by Rob Stinson
Building 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 Reading

10 things you didn’t know you could do with Gutenberg

Posted on November 7, 2019November 7, 2019 by Rob Stinson

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 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

How To Change the Content Width of the Gutenberg Editor

Posted on July 3, 2019October 9, 2019 by Rob Stinson
How 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
  • You are currently browsing the archives for the Tutorial category.

  • Pages

    • Account Settings
    • Block Lab
    • Blog
    • Docs
    • Login Designer
    • Migrating to Genesis Custom Blocks
    • Privacy
    • Purchase History
    • 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
Business
  • Privacy

© Copyright Block Lab 2022