Joseph Fusco

<p>If you are working with a large number of fields in Elliot Condon’s Advanced Custom Fields, chances are you manually wrap print_r inside of pre tags while building themes. Sometimes you just need all the fields you are working with more accessible and out of the way. You will be able to bounce back and forth between fields on your current page and the options page if available, and quickly close the menu once done.</p>
<h4>Features</h4>
<ul>
<li>Viewer button hidden until needed in the top left corner of your theme.</li>
<li>3 different color schemes for the front end viewer.</li>
<li>Supports viewing of non Advanced Custom Fields arrays! Just use <code>acfv( $array )</code>.</li>
</ul>
<h4>Contributing</h4>
<p>Contributions are welcome on GitHub. https://github.com/josephfusco/advanced-custom-fields-viewer/</p>


Advanced Custom Fields Viewer

View Advanced Custom Fields names & data on the front end of your theme while developing.

Toro_Unit (Hiroshi Urabe)

Okamoto Hidetaka

Takashi Kitajima

Mayo Moriyama

Hidekazu Ishikawa

Justin Fletcher

sysbird

Kengyu Nakamura

けい (Kei Nomura)

まーちゅう

Toshihiro Kanai

Toshimichi Mimoto

designhehe

Robssanches

fuyuan9

yousan

Hisako Isaka

hanamura

<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><iframe loading="lazy" title="Smart Custom Fields beta" width="750" height="563" src="https://www.youtube.com/embed/WxPZurn0yvI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></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" 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" 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でカスタムフィールドを管理するプラグインとして必要な機能を満たし、かつ軽いです。また、他のプラグインでは有料オプションであるサイクリックにフィールドを増やす機能がデフォルトでついていて助かります。

Advanced Custom Fields Viewer vs Smart Custom Fields