Block Lab

Description

With the Gutenberg update, WordPress users will increasingly look for the development of custom blocks to meet their unique needs. Block Lab reduces the development burden of building custom blocks through a simple and familiar WordPress Admin interface and an easy to learn templating system.

Features

A Familiar Experience

Work within the WordPress admin with an interface you already know.

Custom Fields

Add from a growing list of available fields to your custom blocks.

Simple Templating

Let the plugin do the heavy lifting so you can use familiar WordPress development practices to build block templates.

Developer Friendly Functions

Simple to use functions, ready to render and work with the values stored through your custom block fields.

Links

Contributing

See Contributing to Block Lab.

Screenshots

Installation

From Within WordPress

  • Visit ‘Plugins > Add New’
  • Search for ‘Block Lab’
  • Activate Block Lab from your Plugins page.

Manually

  • Upload the block-lab folder to the /wp-content/plugins/ directory
  • Activate the Block Lab plugin through the ‘Plugins’ menu in WordPress

FAQ

Q: Do I need to write code to use this plugin?

A: Although the plugin handles the majority of the work in building a custom block, you will need to build HTML templates to display the content of the block. You can learn how in the the developer documentation.

Q: I have an idea for the plugin

A: This plugin is open source and can only be better through community contribution. The GitHub repo is here.

Q: Where can I find documentation for this plugin?

A: Here

Reviews

Block heaven

So much better to work with custom blocks and templates for those who don't want to go the boilerplate route and touch a lot of code

Easest way to create blocks

THANK YOU... after days of strugging to convert my shortcodes , trying to understand the multitude of differing ways to create blocks, I stumbled across your site. I can only say that it has saved me from even more sleepless nights and thicker glasses. Great product and so easy to use cannot wait for more features. 5-star

Brilliant Plugin

I was pulling my hair out trying to create Gutenberg blocks for Bootstrap 4 components. With this plugin, I can create most of the BootStrap 4 components, add a little styling and launch my website. What a time saver!!!!!!

This ROCKS!

I wanted to just add the "no related videos" parameter to all my Youtube embeds without the fuss of pasting all that embed code every time and I couldn't figure out how to change the built-in YT block's code. With Block Lab, I made my own in only a few minutes! Thanks guys! Now if you only had a function to export your custom blocks to share with others.
Read all 15 reviews

Contributors & Developers

“Block Lab” is open source software. The following people have contributed to this plugin.

Contributors

“Block Lab” has been translated into 6 locales. Thank you to the translators for their contributions.

Translate “Block Lab” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.1.3 – 2019-01-25

  • New: Image field

1.1.2 – 2019-01-11

  • New: Colour field
  • Fix: Incorrect output for empty fields

1.1.1 – 2018-12-14

  • Fix: Undefined index error for multiselect and select fields
  • Fix: Correct values now returned for boolean fields like checkbox and toggle
  • Fix: Editor preview templates are back! Use the filename preview-{blog slug}.php
  • Fix: “Field instructions” is now a single line text, and renamed to “Help Text”
  • Fix: Slashes being added to field options
  • Fix: Allow empty value for select and number fields
  • Fix: Allow empty default values

1.1.0 – 2018-12-07

  • New: Complete revamp of the in-editor preview
  • New: Email field
  • New: URL field
  • New: Number field
  • New: block_config() and block_field_config helper functions, to retrieve your block’s configuration
  • Fix: filemtime errors
  • Fix: HTML tags were being merged together when previewed in the editor
  • Fix: Problems with quotes and dashes in a block’s title or field parameters
  • Fix: field_value() sometimes returned the wrong value
  • Fix: Incorrect values shown in the editor preview

1.0.1 – 2018-11-16

  • New: Added “Save Draft” button, so you can save Blocks-in-Progress
  • New: Better handling of the auto-slug feature, so you don’t accidentally change your block’s slug
  • New: Better expanding / contracting of the Field settings
  • New: Emoji (and special character) support! 😎
  • Fix: Resolved Fatal Error that could occur in some environments
  • Fix: Remove unused “Description” field
  • Fix: Remove duplicate star icon

1.0.0 – 2018-11-14

Rename!
* Advanced Custom Blocks is now Block Lab

Added
* New control types (Radio, Checkbox, Toggle, Select, Range)
* Block icons
* Field location – add your block fields to the inspector
* List table refinements
* Field repeater table improvements

Fixed
* All the things. Probably not all the things, but close.

0.1.2 – 2018-08-10

Added
* New properties help, default and required added to fields.
* Ability to import blocks from a {theme}/blocks/blocks.json file.
Documentation still to be added.
* Gutenberg controls library updated preparing for 0.0.3.

Technical Changes
* Updated control architecture to improve development
and adding adding of additional controls.
* Clean up enqueuing of scripts.

0.1 – 2018-08-03

  • Initial release.