Dani Llewellyn

<p>This plugin provides an API which allows the developer of a site to add custom fields on the default menu editor.</p>
<h4>Example Initialisation</h4>
<pre><code><?php
add_action('init', 'menu_excerpt__add_menu_field');
function menu_excerpt__add_menu_field() {
    if (!is_callable('bh_add_custom_menu_fields'))
        return;

    bh_add_custom_menu_fields(array(
        'excerpt' => array(
            'description' => 'Excerpt',
            'type' => 'textarea',
            )));
}
?>
</code></pre>
<h4>Accessing the fields</h4>
<p>The easiest way to access the field(s) you’ve added is to use something along the lines of:</p>
<pre><code>$menu = 'menuName';
$posts = wp_get_nav_menu_items($menu);
foreach ($posts as $p) {
    $myitem = get_post_meta($p->ID, '_menu_item_youritem', true);
    // do with $myitem what you like - it should be a string,
    // so the simplest thing is to "echo" it
}
</code></pre>
<p>you can use menu locations to get the menu name if you prefer – replace the first line above with:</p>
<pre><code>$locations = get_nav_menu_locations();
$menu = $locations['locationName'];
</code></pre>
<p>menu locations are useful if you like to swap your menus about.</p>
<p>Unfortunately these examples don’t allow the use of wordpress’ inbuilt menu walkers. To use those you will need to create a custom walker_nav_menu class and access the custom fields with something along the lines of (very stripped down example will need fleshing out for full walker functionality – there are tutorials on the net for custom nav walkers):</p>
<pre><code>class mywalker extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth, $args) {
        echo $item->custom_field
    }
}
</code></pre>
<p>The important bit here is that the field is placed on the second variable which behaves like an object. the custom_field part is the name you gave your field with dashes replaced with underscores (to allow the name to be used in an accessor).</p>
<h4>NOTE</h4>
<p>This plugin does nothing by itself. It provides an API only.</p>


Custom Menu Fields

Provides an API to add custom fields to the menu editor.

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

Custom Menu Fields vs Smart Custom Fields