Custom Blocks Plugin For WordPress 
★★★★★
Developers magic wand for WordPress custom blocks. We created <a href="https://www.lazyblocks.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Lazy Blocks WordPress plugin</a>, to help every developer get access to the powerful tools they need to quickly run websites based on WordPress block editor (called Gutenberg).
<a href="https://www.lazyblocks.com/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Official Site</a> | <a href="https://www.lazyblocks.com/docs/overview/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=head" rel="nofollow ugc">Documentation</a> | <a href="https://github.com/nk-crew/lazy-blocks" rel="nofollow ugc">GitHub</a>
Create custom blocks visually, add controls to your blocks using drag & drop, write blocks output using HTML or PHP code. You can create custom blocks as well as custom meta fields for specific post types. Furthermore, you are able to create post templates with predefined blocks for any post type.
<h3>🚀 Easy To Start</h3>
This everything you need to deploy your custom block in WordPress editor:
1. Configure Custom Block Give a name to your custom block, set icon, category, etc.
2. Add Controls Add control fields like simple text and complex image selectors.
3. Write Output Code Output code for your custom block with HTML and PHP support.
<h3>🌟 Features</h3>
<ul>
<li>Custom blocks with output code</li>
<li>Custom blocks for posts meta fields</li>
<li>Large set of predefined controls</li>
<li>Show controls in block content / inspector</li>
<li>Multiple output methods allowed
<ul>
<li>Custom PHP</li>
<li>Custom HTML + Handlebars</li>
<li>Template files in theme folder</li>
</ul>
</li>
<li>Export / Import blocks</li>
</ul>
<h3>🔥 Controls</h3>
To manage custom blocks attributes you need to use Controls. Lazy Blocks have a large set of controls predefined for you:
<ul>
<li>Basic
<ul>
<li>Text</li>
<li>Textarea</li>
<li>Number</li>
<li>Range</li>
<li>URL</li>
<li>Email</li>
<li>Password</li>
</ul>
</li>
<li>Content
<ul>
<li>Image</li>
<li>Gallery</li>
<li>File</li>
<li>Rich Text</li>
<li>Classic Editor</li>
<li>Code Editor</li>
<li>Inner Blocks</li>
</ul>
</li>
<li>Choice
<ul>
<li>Select</li>
<li>Radio</li>
<li>Checkbox</li>
<li>Toggle</li>
</ul>
</li>
<li>Advanced
<ul>
<li>Color Picker</li>
<li>Date Time Picker</li>
</ul>
</li>
<li>Layout
<ul>
<li>Repeater</li>
</ul>
</li>
<li>Custom Controls <a href="https://www.lazyblocks.com/docs/examples/create-custom-control/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=custom_controls" rel="nofollow ugc">read our extensive documentation</a></li>
</ul>
<h3>🏳️ Multilingual</h3>
Lazy Blocks adds a new layer of compatibility for <a href="https://wpml.org/" rel="nofollow ugc">WPML</a>. All text controls of custom blocks are compatible with WPML and ready for translation. <a href="https://www.lazyblocks.com/docs/multilingual/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=wpml" rel="nofollow ugc">https://www.lazyblocks.com/docs/multilingual/</a>
<h3>🛠 Built For Developers</h3>
Lazy Blocks built by developers, for developers and gives you unlimited freedom to create custom blocks. Furthermore, there are PHP filters and actions to customize every part of your custom blocks from the backend. Possibility to use PHP and theme templates system.
Every UI part should be intuitive for simple custom blocks, but if you want to create something more complex, you may be required to <a href="https://www.lazyblocks.com/docs/overview/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=developers" rel="nofollow ugc">read our extensive documentation</a>.
<h3>🔥 Lazy Blocks Pro</h3>
<blockquote>
The Lazy Blocks plugin is also available in a professional version which includes more controls and features! <a href="https://www.lazyblocks.com/pro/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro" rel="nofollow ugc">Learn more about Lazy Blocks Pro</a>
In order to maintain the free version of the plugin on an ongoing basis, and to provide quick and effective support for free, we offer a Pro version of the plugin. The Pro version allows you to:
</blockquote>
<ul>
<li>
Additional Controls
<ul>
<li>Posts – Search and select posts based on post type or taxonomy</li>
<li>Taxonomy – Search and select categories, tags and any other custom taxonomies</li>
<li>Users – Search and select users based on user roles</li>
<li>Units – Advanced number input with possibility to select any CSS unit</li>
<li>Message – Display a helpful message between controls</li>
<li>Code Editor – Insert code parts using editor with syntax highlighting</li>
</ul>
</li>
<li>
Controls Conditions 
Conditionally display/hide controls. In order not to overload your block with a huge list of controls, you can hide some of them depending on the values of other controls.
</li>
<li>
Styles & Scripts 
Add custom CSS and JavaScript to your blocks. Define styles for editor and frontend, and script for interactive frontend functionality. Assets are automatically loaded only when needed for optimal performance.
</li>
<li>
Panels and Dividers 
The Panels and Dividers provides a way to structure controls into groups. It assists in better organizing the block panel UI.
</li>
<li>
Blocks Preloading 
Display blocks preview immediately once the page editor loaded.
</li>
<li>
SEO Enhancements 
Additional support for content analysis in Rank Math and Yoast SEO plugins.
</li>
</ul>
<a href="https://www.lazyblocks.com/pro/?utm_source=wordpress.org&utm_medium=readme&utm_campaign=pro" rel="nofollow ugc">Find much more custom blocks features of Lazy Blocks Pro today!</a>

Custom Block Builder – Lazy Blocks

This plugin is excellent. That's what WordPress team should have done; but will never ever do. Luckily, there are skilled developers to build such needed features. Thanks for making it!

Simply excellent

Lazy Blocks is a great plugin working out of the box, with an amazing user interface and a lot of great options, allowing to build custom rich blocks very easily. 
It's build for developers and documentation is great too.

Almost perfect !

I really like the direction the new Site Editor in Wordpress is developing - building custom blocks for Gutenberg though can be a nightmare. With the Lazyblocks plugin on the other hand this could not be easier! I'm using it in many of my clients websites, when i quickly need to implement a feature using blocks.
And i couldn't help myself getting my hands on the Pro version just to support the development of this awesome piece of software. Full recommendation!

Thanks and keep up the good work!

Brilliant and useful tool!


We have made some advanced blocks mixed with custom PHP functionality and this plugin has saved us a tremendous amount of time. Highly recommend for devs and non devs.


Fantastic Plugin For Developers

Easily create custom blocks and custom meta fields for Gutenberg without hard coding.

Hiroaki Miyashita

The Custom Field Template plugin adds the default custom fields on the Write Post/Page. The template format is almost same as the one of the rc:custom_field_gui plugin. The difference is following.
<ul>
<li><a href="https://www.wpcft.com/" rel="nofollow ugc">English Custom Field Template Manual</a></li>
</ul>
We have finally published a manual site for the custom field template plugin. You can also use the custom field refinement search for posts in the admin panel. Please check here.
<ul>
<li>You can set any number of the custom field templates and switch the templates when you write/edit the post/page.</li>
<li>This plugin does not use the ini file for the template but set it in the option page of the plugin.</li>
<li>Support for TinyMCE in the textarea.</li>
<li>Support for media buttons in the textarea. – requires at least 2.5.</li>
<li>Support for multiple fields with the same key.</li>
<li>Support for hideKey and label options.</li>
<li>You can see the full option list in the setting page of the plugin.</li>
<li>You can customize the design of custom field template with css.</li>
<li>You can replace custom keys by labels.</li>
<li>You can use wpautop function.</li>
<li>You can use PHP codes in order to set values. (experimental, <code>code = 0</code>)</li>
<li>You can set an access user level in each field. (<code>level = 1</code>)</li>
<li>Supprt for inserting custom field values into tags automatically. (<code>insertTag = true</code>)</li>
<li>Adds [cft] Shortcode to display the custom field template. (only shows the attributes which have <code>output = true</code>)</li>
<li>Adds template instruction sections.</li>
<li>Adds the value label option for the case that values are diffrent from viewed values. (<code>valueLabel = apples # oranges # bananas</code>)</li>
<li>Adds the blank option. (<code>blank = true</code>)</li>
<li>Adds the break type. Set CSS of ‘#cft div’. (<code>type = break</code>)</li>
<li>Adds [cft] Shortcode Format.</li>
<li>Adds the sort option. (<code>sort = asc</code>, <code>sort = desc</code>, <code>sort = order</code>)</li>
<li>Support for Quick Edit of custom fields. (tinyMCE and mediaButton are not supported yet)</li>
<li>Support for the custom field search. (only shows the attributes which have <code>search = true</code>.)</li>
<li>Adds [cftsearch] Shortcode Format. (under development)</li>
<li>Adds PHP codes for the output value. (<code>outputCode = 0</code>)</li>
<li>Adds PHP codes before saving the values. (<code>editCode = 0</code>)</li>
<li>Adds the save functionality.</li>
<li>Adds the class option. (<code>class = text</code>)</li>
<li>Adds the auto hook of <code>the_content()</code>. (experimental)</li>
<li>You can use the HTML Editor in the textarea. (<code>htmlEditor = true</code>)</li>
<li>Adds the box title replacement option.</li>
<li>Adds the select option of the post type.</li>
<li>Adds the value count option.</li>
<li>Adds the option to use the shortcode in the widhet.</li>
<li>Adds the attributes of JavaScript Event Handlers. (<code>onclick = alert('ok');</code>)</li>
<li>Adds the Initialize button.</li>
<li>Adds the attributes of before and after text. (<code>before = blah</code>, <code>after = blah</code>)</li>
<li>Adds the export and import functionality.</li>
<li>Adds the style attribute. (<code>style = color:#FF0000;</code>)</li>
<li>Adds the maxlength attribute. (<code>maxlength = 10</code>)</li>
<li>Adds the attributes of multiple fields. (<code>multiple = true</code>, <code>startNum = 5</code>, <code>endNum = 10</code>, <code>multipleButton = true</code>)</li>
<li>Adds the attributes of the date picker in <code>text</code> type. (<code>date = true</code>, <code>dateFirstDayOfWeek = 0</code>, <code>dateFormat = yyyy/mm/dd</code>)</li>
<li>Adds the filter of page template file names (Thanks, Joel Pittet).</li>
<li>Adds the attribute of <code>shortCode</code> in order to output the shortcode filtered values. (<code>shortCode = true</code>)</li>
<li>Adds the attribute of <code>outputNone</code> in case there is no data to output. (<code>outputNone = No Data</code>)</li>
<li>Adds the attribute of <code>singleList</code> attribute in order to output with <code><ul><li></code> if the value is single. ex) <code>singleList = true</code></li>
<li>Adds the file upload type. (<code>type = file</code>)</li>
<li>Adds the fieldset type. (<code>type = fieldset_open</code>, <code>type = fieldset_close</code>)</li>
<li>Adds the option to deploy the box in each template.</li>
</ul>
Localization
<ul>
<li>Belorussian (by_BY) – <a href="http://www.fatcow.com/" rel="nofollow ugc">Marcis Gasuns</a></li>
<li>Catalan (ca) – <a href="http://andreullos.com/" rel="nofollow ugc">Andreu Llos</a></li>
<li>Czech (cs_CZ) – <a href="http://www.webees.cz/" rel="nofollow ugc">Jakub</a></li>
<li>German (de_DE) – F J Kaiser</li>
<li>Spanish (es_ES) – <a href="http://www.darioferrer.com/" rel="nofollow ugc">Dario Ferrer</a></li>
<li>Farsi (fa_IR) – <a href="http://sabood.ir/" rel="nofollow ugc">Mehdi Zare</a></li>
<li>French (fr_FR) – Nicolas Lemoine</li>
<li>Hungarian (hu_HU) – <a href="http://www.netpok.hu" rel="nofollow ugc">Balazs Kovacs</a></li>
<li>Indonesian (id_ID) – <a href="http://www.openscriptsolution.com/" rel="nofollow ugc">Masino Sinaga</a></li>
<li>Italian (it_IT) – <a href="http://gidibao.net/" rel="nofollow ugc">Gianni Diurno</a></li>
<li>Japanese (ja) – <a href="https://wpgogo.com/" rel="nofollow ugc">Hiroaki Miyashita</a></li>
<li>Dutch (nl_NL) – <a href="http://wordpresswebshop.com/" rel="nofollow ugc">Rene</a></li>
<li>Polish (pl_PL) – <a href="http://www.difreo.pl/" rel="nofollow ugc">Difreo</a></li>
<li>Brazilian Portuguese (pt_BR) – <a href="http://www.gn10.com.br/" rel="nofollow ugc">Caciano Gabriel</a></li>
<li>Russian (ru_RU) – <a href="http://www.sonika.ru/blog/" rel="nofollow ugc">Sonika</a></li>
<li>Swedish (sv_SE) – <a href="http://www.fristil.se/" rel="nofollow ugc">Pontus Carlsson</a></li>
<li>Turkish (tr_TR) – <a href="http://ramerta.com/" rel="nofollow ugc">Omer Faruk</a></li>
<li>Ukranian (uk_UA) – <a href="http://www.portablecomponentsforall.com" rel="nofollow ugc">Andrew Kovalev</a></li>
<li>Uzbek (uz_UZ) – <a href="http://www.comfi.com/" rel="nofollow ugc">Alexandra Bolshova</a></li>
<li>Chinese (zh_CN) – hurri zhu</li>
</ul>
If you have translated into your language, please let me know.
<ul>
<li><a href="http://ja.wpcft.com/" rel="nofollow ugc">Japanese Custom Field Template Manual</a></li>
</ul>
Are you interested in other plugins? See the following site <a href="https://www.cmswp.jp/" rel="nofollow ugc">CMS x WP</a>.
<h3>Known Issues / Bugs</h3>
<h3>Uninstall</h3>
<ol>
<li>Deactivate the plugin</li>
<li>That’s it! 🙂</li>
</ol>

Custom Field Template

The Custom Field Template plugin extends the functionality of custom fields.

Custom Block Builder – Lazy Blocks vs Custom Field Template