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

A new Dawn

I am excited with this plugin. It is so easy to create Custom Blocks. And no knowledge of react.js needed to do it!

I waiting for new updates with new type of fields.

This is going to be gorgeous.

Thank you!!

When update?

Soon 3 weeks will pass, and we are still waiting for new control types

=|

Excellent

Hello world! took only a few minutes to achieve. Well done! This is also a remarkable demonstration how the blocks enable developing the entire system.

Good initiative!

This plugin is good for starters. I hope there will be more field types in future versions, e.g. media.

Good support.

Excited for the future

I’m really happy to see this plugin exist. I love the simplicity and how quickly I can get a block up and running and available in the editor.

I’m looking forward to seeing this plugin evolve! A top priority in my mind is making the need for custom templates to render the content as something I can do _optionally_. I’d like to use this without having to write code.

Read all 9 reviews

Contributors & Developers

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

Contributors

“Block Lab” has been translated into 5 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.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.