StudioPress

WP Engine

Ryan Kienstra

rheinardkorf

Luke Carbis

stino11

<p>Genesis Custom Blocks provides WordPress developers with the tools they need to take control of the block-first reality of modern WordPress.</p>
<p>The WordPress block editor (AKA Gutenberg) opens up a whole new world for the way we build pages, posts, and websites with WordPress. Genesis Custom Blocks makes it easy to harness this and build custom blocks the way you want them to be built. Whether you want to implement a custom design, deliver unique functionality, or even remove your dependence on other plugins, Genesis Custom Blocks equips you with the tools you need to hit “Publish” sooner.</p>
<p><strong>Take control of design</strong> – Implement beautiful, custom designs with fine-tuned front-end templating control.</p>
<p><strong>Build unique functionality</strong> – Build blocks that function and behave exactly as you need.</p>
<p><strong>Extend & Integrate</strong> – Easily extend your custom blocks to integrate with third-party apps and plugins.</p>
<h3>Features</h3>
<h3>A Familiar Experience</h3>
<p>Work within the WordPress admin with an interface you already know.</p>
<h3>Block Fields</h3>
<p>Add from a growing list of available fields to your custom blocks.</p>
<h3>Simple Templating</h3>
<p>Let the plugin do the heavy lifting so you can use the built-in editor, or familiar WordPress development practices to build block templates.</p>
<h3>Developer Friendly Functions</h3>
<p>As an alternative to the built-in editor, there are simple functions, ready to render and work with the data stored through your custom block fields.</p>
<h3>Currently available block fields</h3>
<ul>
<li>Inner Blocks Field</li>
<li>File Field</li>
<li>Text Field</li>
<li>Image Field</li>
<li>URL Field</li>
<li>Toggle Field</li>
<li>Textarea Field</li>
<li>Select Field</li>
<li>Range Field</li>
<li>Radio Field</li>
<li>Number Field</li>
<li>Multi-select Field</li>
<li>Email Field</li>
<li>Color Field</li>
<li>Checkbox Field</li>
</ul>
<h3>Do more with Genesis Pro</h3>
<p>For those wanting to level-up with Genesis Custom Blocks, a Genesis Pro subscription brings some serious power-user features:</p>
<h3>Genesis Custom Blocks Pro Features</h3>
<ul>
<li>Repeater Field</li>
<li>Taxonomy Field</li>
<li>Post Field</li>
<li>User Field</li>
<li>Rich Text Field</li>
<li>Classic Text Field</li>
<li>Block Level Import/Export</li>
<li>24/7 Support</li>
</ul>
<p>Genesis Pro includes even more value for modern WordPress content creators, marketers, and developers. <a href="https://www.studiopress.com/genesis-pro/" rel="nofollow ugc">Learn more about Genesis Pro here</a>.</p>
<h3>Developer docs you can rely on.</h3>
<p>Developer tools are only as good as their docs. That’s why we take them seriously. Here are a few links to get you started:</p>
<ul>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/get-started/" rel="nofollow ugc">Getting Started</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/faqs/" rel="nofollow ugc">FAQs</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/fields/" rel="nofollow ugc">Block Fields</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks/functions/" rel="nofollow ugc">PHP Functions</a></li>
</ul>
<h3>Links</h3>
<ul>
<li><a href="https://wordpress.org/plugins/genesis-custom-blocks" rel="ugc">WordPress.org</a></li>
<li><a href="https://github.com/studiopress/genesis-custom-blocks" rel="nofollow ugc">GitHub</a></li>
<li><a href="https://developer.wpengine.com/genesis-custom-blocks" rel="nofollow ugc">Documentation</a></li>
</ul>


Genesis Custom Blocks

This plugin makes it very easy to create custom blocks for use in WordPress themes. Thanks for the free plugin. 

Very Helpful

Hiroaki Miyashita

<p>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.</p>
<ul>
<li><a href="https://www.wpcft.com/" rel="nofollow ugc">English Custom Field Template Manual</a></li>
</ul>
<p>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.</p>
<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>
<p>Localization</p>
<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>
<p>If you have translated into your language, please let me know.</p>
<ul>
<li><a href="http://ja.wpcft.com/" rel="nofollow ugc">Japanese Custom Field Template Manual</a></li>
</ul>
<p>Are you interested in other plugins? See the following site <a href="https://www.cmswp.jp/" rel="nofollow ugc">CMS x WP</a>.</p>
<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.

Genesis Custom Blocks vs Custom Field Template