Font Awesome icon selector for powerful custom metabox generator CMB2

Serkan Algur

<p>Font Awesome icon selector for powerful custom metabox generator <a href="https://github.com/WebDevStudios/CMB2" title="Custom Metaboxes and Fields for WordPress 2" rel="nofollow ugc">CMB2</a></p>
<p>You can use as field type in CMB2 function file. Add a new field, set type to <code>faiconselect</code> and add font awesome icons to options (look Usage for examples). Plugin uses <a href="https://codeb.it/fonticonpicker/" rel="nofollow ugc">jQuery Font Picker</a> for creating a icon selector.</p>
<h3>Sample Usage</h3>
<p>Detailed instructions on <a href="https://github.com/serkanalgur/cmb2-field-faiconselect" rel="nofollow ugc">Github </a></p>
<pre><code>$cmb->add_field( array(
    'name' => __( 'Select Font Awesome Icon', 'cmb' ),
    'id'   => $prefix . 'iconselect',
    'desc' => 'Select Font Awesome icon',
    'type' => 'faiconselect',
    'options' => array(
    'fa fa-facebook' => 'fa fa-facebook',
    'fa fa-500px'    => 'fa fa-500px',
    'fa fa-twitter'  => 'fa fa-twitter'
    )
) );
</code></pre>
<h3>Sample Usage With Font Awesome 5</h3>
<pre><code>$cmb->add_field( array(
    'name' => __( 'Select Font Awesome Icon', 'cmb' ),
    'id'   => $prefix . 'iconselect',
    'desc' => 'Select Font Awesome icon',
    'type' => 'faiconselect',
    'options' => array(
        'fab fa-facebook' => 'fa fa-facebook',
        'fab fa-500px'       => 'fa fa-500px',
        'fab fa-twitter'     => 'fa fa-twitter',
        'fas fa-address-book' => 'fas fa-address-book'
    ),
    'attributes' => array(
        'faver' => 5
    )
) );
</code></pre>


Alternatives to CMB2 Field Type: Font Awesome

Top alternatives