bobbingwide

<p>The ACF field block displays individual fields registered using ACF.</p>
<p>It supports the following field types:</p>
<ul>
<li>Basic: Text, Text Area, Number, Range, Email, URL, Password</li>
<li>Content: Image, File, WYSIWYG Editor, oEmbed, Gallery</li>
<li>Choice: Select, Checkbox, Radio Button, Button Group, True / False</li>
<li>Relational: Link, Post Object, Page Link, Relationship, Taxonomy, User</li>
<li>Advanced: Google Map, Date Picker, Date Time Picker, Time Picker, Color Picker</li>
<li>Layout: Group, Clone, Repeater, Flexible Content</li>
</ul>
<p>Features</p>
<ul>
<li>Uses a single block – ACF field</li>
<li>The block can be used within the Query Loop</li>
<li>Most field types are rendered in the block editor.</li>
<li>Supports display of the field’s label, if required.</li>
</ul>
<p>This plugin depends on Advanced Custom Fields PRO; it uses the plugin’s server side rendering block logic.<br />
If ACF PRO is not activated then the ACF field block will not be registered.</p>
<p>For PHP developers<br />
The extensible architecture allows:<br />
– overrides to rendering logic by field type,<br />
– rendering for custom field types,<br />
– rendering for custom field names</p>
<p>If you want to alter the output from the <code>acf-field-block/acf-field</code> block<br />
then you can either hook into the <code>render_block_acf-field-block/acf-field</code> filter to<br />
modify the generated HTML,<br />
or the <code>acf_field_block_get_renderer</code> filter to set your own callback function/method<br />
for a field type or specific field.</p>
<p>Google Map fields use JavaScript from maps.googleapis.com.<br />
The Google Map field requires an API key which you can obtain from<br />
https://developers.google.com/maps/documentation/javascript/get-api-key</p>


Field block for ACF PRO

No code solution to display ACF fields using the ACF field block.

Toro_Unit (Hiroshi Urabe)

Okamoto Hidetaka

Takashi Kitajima

Mayo Moriyama

Hidekazu Ishikawa

Justin Fletcher

sysbird

まーちゅう

Kengyu Nakamura

けい (Kei Nomura)

hanamura

Toshihiro Kanai

Toshimichi Mimoto

yousan

fuyuan9

designhehe

Robssanches

Hisako Isaka

<p>Smart Custom Fields is a simple plugin for managing custom fields.</p>
<h4>Features</h4>
<ul>
<li>Field group loop support.</li>
<li>Meta data revision support.</li>
<li>Meta data preview support.</li>
</ul>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/WxPZurn0yvI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Field Types</h4>
<ul>
<li>Text</li>
<li>Textarea</li>
<li>Radio</li>
<li>Select</li>
<li>Checkbox</li>
<li>WYSIWYG editor</li>
<li>Image</li>
<li>File</li>
<li>Related Posts</li>
<li>Related Terms</li>
<li>Color picker</li>
<li>Date picker</li>
<li>Datetime picker</li>
<li>Boolean</li>
<li>Message</li>
</ul>
<h4>How to get meta data ?</h4>
<p>**The return value of each of the following methods is not sanitized. Please sanitize them if necessary. **</p>
<p>https://developer.wordpress.org/apis/security/escaping/</p>
<p><strong>Post meta data</strong></p>
<p>This method can get any meta data.</p>
<pre><code>SCF::get( 'field-name' )
</code></pre>
<p>This method can get meta data of any group.</p>
<pre><code>SCF::get( 'group-name' )
</code></pre>
<p>This method can get all meta data.</p>
<pre><code>SCF::gets()
</code></pre>
<p><strong>User meta data</strong></p>
<p>This method can get any user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id, 'field-name' )
</code></pre>
<p>This method can get user meta data of any group.</p>
<pre><code>SCF::get_user_meta( $user_id, 'group-name' )
</code></pre>
<p>This method can get all user meta data.</p>
<pre><code>SCF::get_user_meta( $user_id )
</code></pre>
<p><strong>Term meta data</strong></p>
<p>This method can get any term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy 'field-name' )
</code></pre>
<p>This method can get term meta data of any group.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy, 'group-name' )
</code></pre>
<p>This method can get all term meta data.</p>
<pre><code>SCF::get_term_meta( $term_id, $taxonomy )
</code></pre>
<p><strong>Custom options page meta data</strong></p>
<p>This method can get any custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'field-name' )
</code></pre>
<p>This method can get custom options page meta data of any group.</p>
<pre><code>SCF::get_option_meta( $menu_slug, 'group-name' )
</code></pre>
<p>This method can get all custom options page meta data.</p>
<pre><code>SCF::get_option_meta( $menu_slug )
</code></pre>
<h4>Create custom options page</h4>
<pre><code>SCF::add_options_page( $page_title, $menu_title, $capability, $menu_slug, $icon_url = '', $position = null );
</code></pre>
<h4>Register custom fields by the code.</h4>
<p><style>.gist table { margin-bottom: 0; }</style>
<div style="tab-size: 8" id="gist19764654" class="gist">
<div class="gist-file" translate="no" data-color-mode="light" data-light-theme="light">
<div class="gist-data">
<div class="js-gist-file-update-container js-task-list-container">
<div id="file-gistfile1-php" class="file my-2">
<div itemprop="text"
      class="Box-body p-0 blob-wrapper data type-php  "
      style="overflow: auto" tabindex="0" role="region"
      aria-label="gistfile1.php content, created by inc2734 on 04:18PM on February 25, 2015."
    ></p>
<div class="js-check-hidden-unicode js-blob-code-container blob-code-content">
<p>  <template class="js-file-alert-template"></p>
<div data-view-component="true" class="flash flash-warn flash-full d-flex flex-items-center">
  <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
    <span><br />
      This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.<br />
      <a class="Link--inTextBlock" href="https://github.co/hiddenchars" target="_blank" rel="nofollow ugc">Learn more about bidirectional Unicode characters</a><br />
    </span></p>
<div data-view-component="true" class="flash-action">        <a href="{{ revealButtonHref }}" data-view-component="true" class="btn-sm btn" rel="nofollow ugc">    Show hidden characters<br />
</a>
</div>
</div>
<p></template><br />
<template class="js-line-alert-template"><br />
  <span aria-label="This line has hidden Unicode characters" data-view-component="true" class="line-alert tooltipped tooltipped-e"><br />
    <svg aria-hidden="true" data-component="Octicon" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-alert">
    <path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"></path>
</svg><br />
</span></template></p>
<table data-hpc class="highlight tab-size js-file-line-container" data-tab-size="4" data-paste-markdown-skip data-tagsearch-path="gistfile1.php">
<tr>
<td id="file-gistfile1-php-L1" class="blob-num js-line-number js-blob-rnum" data-line-number="1"></td>
<td id="file-gistfile1-php-LC1" class="blob-code blob-code-inner js-file-line"><?php</td>
</tr>
<tr>
<td id="file-gistfile1-php-L2" class="blob-num js-line-number js-blob-rnum" data-line-number="2"></td>
<td id="file-gistfile1-php-LC2" class="blob-code blob-code-inner js-file-line">/**</td>
</tr>
<tr>
<td id="file-gistfile1-php-L3" class="blob-num js-line-number js-blob-rnum" data-line-number="3"></td>
<td id="file-gistfile1-php-LC3" class="blob-code blob-code-inner js-file-line"> * カスタムフィールドを定義</td>
</tr>
<tr>
<td id="file-gistfile1-php-L4" class="blob-num js-line-number js-blob-rnum" data-line-number="4"></td>
<td id="file-gistfile1-php-LC4" class="blob-code blob-code-inner js-file-line"> * </td>
</tr>
<tr>
<td id="file-gistfile1-php-L5" class="blob-num js-line-number js-blob-rnum" data-line-number="5"></td>
<td id="file-gistfile1-php-LC5" class="blob-code blob-code-inner js-file-line"> * @param array  $settings  Smart_Custom_Fields_Setting オブジェクトの配列</td>
</tr>
<tr>
<td id="file-gistfile1-php-L6" class="blob-num js-line-number js-blob-rnum" data-line-number="6"></td>
<td id="file-gistfile1-php-LC6" class="blob-code blob-code-inner js-file-line"> * @param string $type      投稿タイプ or ロール</td>
</tr>
<tr>
<td id="file-gistfile1-php-L7" class="blob-num js-line-number js-blob-rnum" data-line-number="7"></td>
<td id="file-gistfile1-php-LC7" class="blob-code blob-code-inner js-file-line"> * @param int    $id        投稿ID or ユーザーID</td>
</tr>
<tr>
<td id="file-gistfile1-php-L8" class="blob-num js-line-number js-blob-rnum" data-line-number="8"></td>
<td id="file-gistfile1-php-LC8" class="blob-code blob-code-inner js-file-line"> * @param string $meta_type post | user</td>
</tr>
<tr>
<td id="file-gistfile1-php-L9" class="blob-num js-line-number js-blob-rnum" data-line-number="9"></td>
<td id="file-gistfile1-php-LC9" class="blob-code blob-code-inner js-file-line"> * @return array</td>
</tr>
<tr>
<td id="file-gistfile1-php-L10" class="blob-num js-line-number js-blob-rnum" data-line-number="10"></td>
<td id="file-gistfile1-php-LC10" class="blob-code blob-code-inner js-file-line"> */</td>
</tr>
<tr>
<td id="file-gistfile1-php-L11" class="blob-num js-line-number js-blob-rnum" data-line-number="11"></td>
<td id="file-gistfile1-php-LC11" class="blob-code blob-code-inner js-file-line">function my_register_fields( $settings, $type, $id, $meta_type ) {</td>
</tr>
<tr>
<td id="file-gistfile1-php-L12" class="blob-num js-line-number js-blob-rnum" data-line-number="12"></td>
<td id="file-gistfile1-php-LC12" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L13" class="blob-num js-line-number js-blob-rnum" data-line-number="13"></td>
<td id="file-gistfile1-php-LC13" class="blob-code blob-code-inner js-file-line">	// SCF::add_setting( 'ユニークなID', 'メタボックスのタイトル' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L14" class="blob-num js-line-number js-blob-rnum" data-line-number="14"></td>
<td id="file-gistfile1-php-LC14" class="blob-code blob-code-inner js-file-line">	$Setting = SCF::add_setting( 'id-1', 'functions.php から追加 その1' );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L15" class="blob-num js-line-number js-blob-rnum" data-line-number="15"></td>
<td id="file-gistfile1-php-LC15" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L16" class="blob-num js-line-number js-blob-rnum" data-line-number="16"></td>
<td id="file-gistfile1-php-LC16" class="blob-code blob-code-inner js-file-line">	// $Setting->add_group( 'ユニークなID', 繰り返し可能か, カスタムフィールドの配列 );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L17" class="blob-num js-line-number js-blob-rnum" data-line-number="17"></td>
<td id="file-gistfile1-php-LC17" class="blob-code blob-code-inner js-file-line">	$Setting->add_group( 'group-name-1', false, array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L18" class="blob-num js-line-number js-blob-rnum" data-line-number="18"></td>
<td id="file-gistfile1-php-LC18" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L19" class="blob-num js-line-number js-blob-rnum" data-line-number="19"></td>
<td id="file-gistfile1-php-LC19" class="blob-code blob-code-inner js-file-line">			'name'  => 'field-1',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L20" class="blob-num js-line-number js-blob-rnum" data-line-number="20"></td>
<td id="file-gistfile1-php-LC20" class="blob-code blob-code-inner js-file-line">			'label' => 'テストフィールド',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L21" class="blob-num js-line-number js-blob-rnum" data-line-number="21"></td>
<td id="file-gistfile1-php-LC21" class="blob-code blob-code-inner js-file-line">			'type'  => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L22" class="blob-num js-line-number js-blob-rnum" data-line-number="22"></td>
<td id="file-gistfile1-php-LC22" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L23" class="blob-num js-line-number js-blob-rnum" data-line-number="23"></td>
<td id="file-gistfile1-php-LC23" class="blob-code blob-code-inner js-file-line">		array(</td>
</tr>
<tr>
<td id="file-gistfile1-php-L24" class="blob-num js-line-number js-blob-rnum" data-line-number="24"></td>
<td id="file-gistfile1-php-LC24" class="blob-code blob-code-inner js-file-line">			'name'    => 'field-2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L25" class="blob-num js-line-number js-blob-rnum" data-line-number="25"></td>
<td id="file-gistfile1-php-LC25" class="blob-code blob-code-inner js-file-line">			'label'   => 'テストフィール2',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L26" class="blob-num js-line-number js-blob-rnum" data-line-number="26"></td>
<td id="file-gistfile1-php-LC26" class="blob-code blob-code-inner js-file-line">			'type'    => 'text',</td>
</tr>
<tr>
<td id="file-gistfile1-php-L27" class="blob-num js-line-number js-blob-rnum" data-line-number="27"></td>
<td id="file-gistfile1-php-LC27" class="blob-code blob-code-inner js-file-line">			'default' => 2,</td>
</tr>
<tr>
<td id="file-gistfile1-php-L28" class="blob-num js-line-number js-blob-rnum" data-line-number="28"></td>
<td id="file-gistfile1-php-LC28" class="blob-code blob-code-inner js-file-line">		),</td>
</tr>
<tr>
<td id="file-gistfile1-php-L29" class="blob-num js-line-number js-blob-rnum" data-line-number="29"></td>
<td id="file-gistfile1-php-LC29" class="blob-code blob-code-inner js-file-line">	) );</td>
</tr>
<tr>
<td id="file-gistfile1-php-L30" class="blob-num js-line-number js-blob-rnum" data-line-number="30"></td>
<td id="file-gistfile1-php-LC30" class="blob-code blob-code-inner js-file-line">	</td>
</tr>
<tr>
<td id="file-gistfile1-php-L31" class="blob-num js-line-number js-blob-rnum" data-line-number="31"></td>
<td id="file-gistfile1-php-LC31" class="blob-code blob-code-inner js-file-line">	$settings[] = $Setting;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L32" class="blob-num js-line-number js-blob-rnum" data-line-number="32"></td>
<td id="file-gistfile1-php-LC32" class="blob-code blob-code-inner js-file-line">	return $settings;</td>
</tr>
<tr>
<td id="file-gistfile1-php-L33" class="blob-num js-line-number js-blob-rnum" data-line-number="33"></td>
<td id="file-gistfile1-php-LC33" class="blob-code blob-code-inner js-file-line">}</td>
</tr>
<tr>
<td id="file-gistfile1-php-L34" class="blob-num js-line-number js-blob-rnum" data-line-number="34"></td>
<td id="file-gistfile1-php-LC34" class="blob-code blob-code-inner js-file-line">add_filter( 'smart-cf-register-fields', 'my_register_fields', 10, 4 );</td>
</tr>
</table>
</div></div>
</p></div>
</div></div>
<div class="gist-meta">
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6/raw/10bdf9bf49f4b3a67ae89b8f7c6123f45438589a/gistfile1.php" style="float:right" class="Link--inTextBlock" rel="nofollow ugc">view raw</a><br />
        <a href="https://gist.github.com/inc2734/9f6d65c7473d060d0fd6#file-gistfile1-php" class="Link--inTextBlock" rel="nofollow ugc"><br />
          gistfile1.php<br />
        </a><br />
        hosted with ❤ by <a class="Link--inTextBlock" href="https://github.com" rel="nofollow ugc">GitHub</a>
      </div>
</p></div>
</div>
<h4>GitHub</h4>
<p>https://github.com/inc2734/smart-custom-fields/</p>
<h4>Translators</h4>
<ul>
<li>Japanese(ja) – <a href="https://profiles.wordpress.org/tai/" rel="nofollow ugc">JOTAKI Taisuke</a></li>
</ul>
<p>You can translate this plugin into your language by using <a href="https://translate.wordpress.org/projects/wp-plugins/smart-custom-fields" rel="nofollow ugc">GlotPress</a>.</p>


Smart Custom Fields

GUIでカスタムフィールドを管理するプラグインとして必要な機能を満たし、かつ軽いです。また、他のプラグインでは有料オプションであるサイクリックにフィールドを増やす機能がデフォルトでついていて助かります。

Field block for ACF PRO vs Smart Custom Fields