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.

Petermann

<p>Add a class in the form field.</p>
<p>Example of use with <a href="https://wordpress.org/plugins/contact-form-7/" rel="ugc">Contact Form 7</a>:</p>
<pre><code>[tel your-phone class:phone placeholder "Phone"]
</code></pre>
<p>Listing of classes available for use.</p>
<pre><code>('span.start, input.start').mff_mask('00/0000');
('span.date, input.date').mff_mask('00/00/0000');
('span.time, input.time').mff_mask('00:00:00');
('span.time2, input.time2').mff_mask('00:00');
('input.date_time').mff_mask('00/00/0000 00:00:00');
('input.date_time2').mff_mask('00/00/0000 00:00');
('input.cep').mff_mask('00000-000', { clearIfNotMatch: true });
('input.zip').mff_mask('00000');
('input.phone, input[name="phonebr"]').mff_mask(PhoneMaskBehavior, nonoOptions);
('input.phone_us').mff_mask('(000) 000-0000');
('input.taxid').mff_mask('00-0000000');
('input.ssn').mff_mask('000-00-0000');
('input.mixed').mff_mask('AAA 000-S0S');
('input.cpf').mff_mask('000.000.000-00', { reverse: true, clearIfNotMatch: true });
('input.cnpj').mff_mask('00.000.000/0000-00', { reverse: true, clearIfNotMatch: true });
('input.money').mff_mask('000.000.000.000.000,00', { reverse: true });
('input.money2').mff_mask('#.##0,00', { reverse: true });
('input.money3').mff_mask('#,##0.00', { reverse: true });
('input.money4').mff_mask('000,000,000,000,000.00', { reverse: true });
('input.money5').mff_mask('#.##0', { reverse: true });
('input.money6').mff_mask('#,##0', { reverse: true });
('input.ip_address').mff_mask('099.099.099.099');
('input.percent').mff_mask('##0,00%', { reverse: true });
('input.percent2').mff_mask('##0.00%', { reverse: true });
('input.percent3').mff_mask('990,0%', { reverse: true });
('input.percent4').mff_mask('990.0%', { reverse: true });
('input.percent5').mff_mask('#,##0%', { reverse: true });
('input.percent6').mff_mask('#.##0%', { reverse: true });
</code></pre>
<p><a href="https://gist.github.com/petermann/fd1a898e02ca91a0d7231a9f8ee662b4" rel="nofollow ugc">Click here</a> for more details on how to add custom mask.</p>
<p><strong>Optional</strong><br />
– Added option for the format of the Brazilian phone number, with attribute <code>name</code> equal to <code>phonebr</code>.</p>
<h3>Credits</h3>
<p><a href="https://github.com/igorescobar/jQuery-Mask-Plugin" rel="nofollow ugc">jQuery Mask Plugin</a></p>


Masks Form Fields

A plugin to add masks in the form’s fields.

Custom Menu Fields vs Masks Form Fields