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.

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.

Advanced Custom Fields Viewer vs Masks Form Fields