name = 'font-awesome'; $this->label = __('Font Awesome Icon'); $this->category = __("Content",'acf'); // Basic, Content, Choice, etc $this->defaults = array( 'enqueue_fa' => 0, 'allow_null' => 0, 'save_format' => 'element', 'default_value' => '', 'choices' => array( 'fa-adjust' => '', 'fa-adn' => '', 'fa-align-center' => '', 'fa-align-justify' => '', 'fa-align-left' => '', 'fa-align-right' => '', 'fa-ambulance' => '', 'fa-anchor' => '', 'fa-android' => '', 'fa-angle-double-down' => '', 'fa-angle-double-left' => '', 'fa-angle-double-right' => '', 'fa-angle-double-up' => '', 'fa-angle-down' => '', 'fa-angle-left' => '', 'fa-angle-right' => '', 'fa-angle-up' => '', 'fa-apple' => '', 'fa-archive' => '', 'fa-arrow-circle-down' => '', 'fa-arrow-circle-left' => '', 'fa-arrow-circle-o-down' => '', 'fa-arrow-circle-o-left' => '', 'fa-arrow-circle-o-right' => '', 'fa-arrow-circle-o-up' => '', 'fa-arrow-circle-right' => '', 'fa-arrow-circle-up' => '', 'fa-arrow-down' => '', 'fa-arrow-left' => '', 'fa-arrow-right' => '', 'fa-arrow-up' => '', 'fa-arrows' => '', 'fa-arrows-alt' => '', 'fa-arrows-h' => '', 'fa-arrows-v' => '', 'fa-asterisk' => '', 'fa-automobile' => '', 'fa-backward' => '', 'fa-ban' => '', 'fa-bank' => '', 'fa-bar-chart-o' => '', 'fa-barcode' => '', 'fa-bars' => '', 'fa-beer' => '', 'fa-behance' => '', 'fa-behance-square' => '', 'fa-bell' => '', 'fa-bell-o' => '', 'fa-bitbucket' => '', 'fa-bitbucket-square' => '', 'fa-bitcoin' => '', 'fa-bold' => '', 'fa-bolt' => '', 'fa-bomb' => '', 'fa-book' => '', 'fa-bookmark' => '', 'fa-bookmark-o' => '', 'fa-briefcase' => '', 'fa-btc' => '', 'fa-bug' => '', 'fa-building' => '', 'fa-building-o' => '', 'fa-bullhorn' => '', 'fa-bullseye' => '', 'fa-cab' => '', 'fa-calendar' => '', 'fa-calendar-o' => '', 'fa-camera' => '', 'fa-camera-retro' => '', 'fa-car' => '', 'fa-caret-down' => '', 'fa-caret-left' => '', 'fa-caret-right' => '', 'fa-caret-square-o-down' => '', 'fa-caret-square-o-left' => '', 'fa-caret-square-o-right' => '', 'fa-caret-square-o-up' => '', 'fa-caret-up' => '', 'fa-certificate' => '', 'fa-chain' => '', 'fa-chain-broken' => '', 'fa-check' => '', 'fa-check-circle' => '', 'fa-check-circle-o' => '', 'fa-check-square' => '', 'fa-check-square-o' => '', 'fa-chevron-circle-down' => '', 'fa-chevron-circle-left' => '', 'fa-chevron-circle-right' => '', 'fa-chevron-circle-up' => '', 'fa-chevron-down' => '', 'fa-chevron-left' => '', 'fa-chevron-right' => '', 'fa-chevron-up' => '', 'fa-child' => '', 'fa-circle' => '', 'fa-circle-o' => '', 'fa-circle-o-notch' => '', 'fa-circle-thin' => '', 'fa-clipboard' => '', 'fa-clock-o' => '', 'fa-cloud' => '', 'fa-cloud-download' => '', 'fa-cloud-upload' => '', 'fa-cny' => '', 'fa-code' => '', 'fa-code-fork' => '', 'fa-codepen' => '', 'fa-coffee' => '', 'fa-cog' => '', 'fa-cogs' => '', 'fa-columns' => '', 'fa-comment' => '', 'fa-comment-o' => '', 'fa-comments' => '', 'fa-comments-o' => '', 'fa-compass' => '', 'fa-compress' => '', 'fa-copy' => '', 'fa-credit-card' => '', 'fa-crop' => '', 'fa-crosshairs' => '', 'fa-css3' => '', 'fa-cube' => '', 'fa-cubes' => '', 'fa-cut' => '', 'fa-cutlery' => '', 'fa-dashboard' => '', 'fa-database' => '', 'fa-dedent' => '', 'fa-delicious' => '', 'fa-desktop' => '', 'fa-deviantart' => '', 'fa-digg' => '', 'fa-dollar' => '', 'fa-dot-circle-o' => '', 'fa-download' => '', 'fa-dribbble' => '', 'fa-dropbox' => '', 'fa-drupal' => '', 'fa-edit' => '', 'fa-eject' => '', 'fa-ellipsis-h' => '', 'fa-ellipsis-v' => '', 'fa-empire' => '', 'fa-envelope' => '', 'fa-envelope-o' => '', 'fa-envelope-square' => '', 'fa-eraser' => '', 'fa-eur' => '', 'fa-euro' => '', 'fa-exchange' => '', 'fa-exclamation' => '', 'fa-exclamation-circle' => '', 'fa-exclamation-triangle' => '', 'fa-expand' => '', 'fa-external-link' => '', 'fa-external-link-square' => '', 'fa-eye' => '', 'fa-eye-slash' => '', 'fa-facebook' => '', 'fa-facebook-square' => '', 'fa-fast-backward' => '', 'fa-fast-forward' => '', 'fa-fax' => '', 'fa-female' => '', 'fa-fighter-jet' => '', 'fa-file' => '', 'fa-file-archive-o' => '', 'fa-file-audio-o' => '', 'fa-file-code-o' => '', 'fa-file-excel-o' => '', 'fa-file-image-o' => '', 'fa-file-movie-o' => '', 'fa-file-o' => '', 'fa-file-pdf-o' => '', 'fa-file-photo-o' => '', 'fa-file-picture-o' => '', 'fa-file-powerpoint-o' => '', 'fa-file-sound-o' => '', 'fa-file-text' => '', 'fa-file-text-o' => '', 'fa-file-video-o' => '', 'fa-file-word-o' => '', 'fa-file-zip-o' => '', 'fa-files-o' => '', 'fa-film' => '', 'fa-filter' => '', 'fa-fire' => '', 'fa-fire-extinguisher' => '', 'fa-flag' => '', 'fa-flag-checkered' => '', 'fa-flag-o' => '', 'fa-flash' => '', 'fa-flask' => '', 'fa-flickr' => '', 'fa-floppy-o' => '', 'fa-folder' => '', 'fa-folder-o' => '', 'fa-folder-open' => '', 'fa-folder-open-o' => '', 'fa-font' => '', 'fa-forward' => '', 'fa-foursquare' => '', 'fa-frown-o' => '', 'fa-gamepad' => '', 'fa-gavel' => '', 'fa-gbp' => '', 'fa-ge' => '', 'fa-gear' => '', 'fa-gears' => '', 'fa-gift' => '', 'fa-git' => '', 'fa-git-square' => '', 'fa-github' => '', 'fa-github-alt' => '', 'fa-github-square' => '', 'fa-gittip' => '', 'fa-glass' => '', 'fa-globe' => '', 'fa-google' => '', 'fa-google-plus' => '', 'fa-google-plus-square' => '', 'fa-graduation-cap' => '', 'fa-group' => '', 'fa-h-square' => '', 'fa-hacker-news' => '', 'fa-hand-o-down' => '', 'fa-hand-o-left' => '', 'fa-hand-o-right' => '', 'fa-hand-o-up' => '', 'fa-hdd-o' => '', 'fa-header' => '', 'fa-headphones' => '', 'fa-heart' => '', 'fa-heart-o' => '', 'fa-history' => '', 'fa-home' => '', 'fa-hospital-o' => '', 'fa-html5' => '', 'fa-image' => '', 'fa-inbox' => '', 'fa-indent' => '', 'fa-info' => '', 'fa-info-circle' => '', 'fa-inr' => '', 'fa-instagram' => '', 'fa-institution' => '', 'fa-italic' => '', 'fa-joomla' => '', 'fa-jpy' => '', 'fa-jsfiddle' => '', 'fa-key' => '', 'fa-keyboard-o' => '', 'fa-krw' => '', 'fa-language' => '', 'fa-laptop' => '', 'fa-leaf' => '', 'fa-legal' => '', 'fa-lemon-o' => '', 'fa-level-down' => '', 'fa-level-up' => '', 'fa-life-bouy' => '', 'fa-life-ring' => '', 'fa-life-saver' => '', 'fa-lightbulb-o' => '', 'fa-link' => '', 'fa-linkedin' => '', 'fa-linkedin-square' => '', 'fa-linux' => '', 'fa-list' => '', 'fa-list-alt' => '', 'fa-list-ol' => '', 'fa-list-ul' => '', 'fa-location-arrow' => '', 'fa-lock' => '', 'fa-long-arrow-down' => '', 'fa-long-arrow-left' => '', 'fa-long-arrow-right' => '', 'fa-long-arrow-up' => '', 'fa-magic' => '', 'fa-magnet' => '', 'fa-mail-forward' => '', 'fa-mail-reply' => '', 'fa-mail-reply-all' => '', 'fa-male' => '', 'fa-map-marker' => '', 'fa-maxcdn' => '', 'fa-medkit' => '', 'fa-meh-o' => '', 'fa-microphone' => '', 'fa-microphone-slash' => '', 'fa-minus' => '', 'fa-minus-circle' => '', 'fa-minus-square' => '', 'fa-minus-square-o' => '', 'fa-mobile' => '', 'fa-mobile-phone' => '', 'fa-money' => '', 'fa-moon-o' => '', 'fa-mortar-board' => '', 'fa-music' => '', 'fa-navicon' => '', 'fa-openid' => '', 'fa-outdent' => '', 'fa-pagelines' => '', 'fa-paper-plane' => '', 'fa-paper-plane-o' => '', 'fa-paperclip' => '', 'fa-paragraph' => '', 'fa-paste' => '', 'fa-pause' => '', 'fa-paw' => '', 'fa-pencil' => '', 'fa-pencil-square' => '', 'fa-pencil-square-o' => '', 'fa-phone' => '', 'fa-phone-square' => '', 'fa-photo' => '', 'fa-picture-o' => '', 'fa-pied-piper' => '', 'fa-pied-piper-alt' => '', 'fa-pied-piper-square' => '', 'fa-pinterest' => '', 'fa-pinterest-square' => '', 'fa-plane' => '', 'fa-play' => '', 'fa-play-circle' => '', 'fa-play-circle-o' => '', 'fa-plus' => '', 'fa-plus-circle' => '', 'fa-plus-square' => '', 'fa-plus-square-o' => '', 'fa-power-off' => '', 'fa-print' => '', 'fa-puzzle-piece' => '', 'fa-qq' => '', 'fa-qrcode' => '', 'fa-question' => '', 'fa-question-circle' => '', 'fa-quote-left' => '', 'fa-quote-right' => '', 'fa-ra' => '', 'fa-random' => '', 'fa-rebel' => '', 'fa-recycle' => '', 'fa-reddit' => '', 'fa-reddit-square' => '', 'fa-refresh' => '', 'fa-renren' => '', 'fa-reorder' => '', 'fa-repeat' => '', 'fa-reply' => '', 'fa-reply-all' => '', 'fa-retweet' => '', 'fa-rmb' => '', 'fa-road' => '', 'fa-rocket' => '', 'fa-rotate-left' => '', 'fa-rotate-right' => '', 'fa-rouble' => '', 'fa-rss' => '', 'fa-rss-square' => '', 'fa-rub' => '', 'fa-ruble' => '', 'fa-rupee' => '', 'fa-save' => '', 'fa-scissors' => '', 'fa-search' => '', 'fa-search-minus' => '', 'fa-search-plus' => '', 'fa-send' => '', 'fa-send-o' => '', 'fa-share' => '', 'fa-share-alt' => '', 'fa-share-alt-square' => '', 'fa-share-square' => '', 'fa-share-square-o' => '', 'fa-shield' => '', 'fa-shopping-cart' => '', 'fa-sign-in' => '', 'fa-sign-out' => '', 'fa-signal' => '', 'fa-sitemap' => '', 'fa-skype' => '', 'fa-slack' => '', 'fa-sliders' => '', 'fa-smile-o' => '', 'fa-sort' => '', 'fa-sort-alpha-asc' => '', 'fa-sort-alpha-desc' => '', 'fa-sort-amount-asc' => '', 'fa-sort-amount-desc' => '', 'fa-sort-asc' => '', 'fa-sort-desc' => '', 'fa-sort-down' => '', 'fa-sort-numeric-asc' => '', 'fa-sort-numeric-desc' => '', 'fa-sort-up' => '', 'fa-soundcloud' => '', 'fa-space-shuttle' => '', 'fa-spinner' => '', 'fa-spoon' => '', 'fa-spotify' => '', 'fa-square' => '', 'fa-square-o' => '', 'fa-stack-exchange' => '', 'fa-stack-overflow' => '', 'fa-star' => '', 'fa-star-half' => '', 'fa-star-half-empty' => '', 'fa-star-half-full' => '', 'fa-star-half-o' => '', 'fa-star-o' => '', 'fa-steam' => '', 'fa-steam-square' => '', 'fa-step-backward' => '', 'fa-step-forward' => '', 'fa-stethoscope' => '', 'fa-stop' => '', 'fa-strikethrough' => '', 'fa-stumbleupon' => '', 'fa-stumbleupon-circle' => '', 'fa-subscript' => '', 'fa-suitcase' => '', 'fa-sun-o' => '', 'fa-superscript' => '', 'fa-support' => '', 'fa-table' => '', 'fa-tablet' => '', 'fa-tachometer' => '', 'fa-tag' => '', 'fa-tags' => '', 'fa-tasks' => '', 'fa-taxi' => '', 'fa-tencent-weibo' => '', 'fa-terminal' => '', 'fa-text-height' => '', 'fa-text-width' => '', 'fa-th' => '', 'fa-th-large' => '', 'fa-th-list' => '', 'fa-thumb-tack' => '', 'fa-thumbs-down' => '', 'fa-thumbs-o-down' => '', 'fa-thumbs-o-up' => '', 'fa-thumbs-up' => '', 'fa-ticket' => '', 'fa-times' => '', 'fa-times-circle' => '', 'fa-times-circle-o' => '', 'fa-tint' => '', 'fa-toggle-down' => '', 'fa-toggle-left' => '', 'fa-toggle-right' => '', 'fa-toggle-up' => '', 'fa-trash-o' => '', 'fa-tree' => '', 'fa-trello' => '', 'fa-trophy' => '', 'fa-truck' => '', 'fa-try' => '', 'fa-tumblr' => '', 'fa-tumblr-square' => '', 'fa-turkish-lira' => '', 'fa-twitter' => '', 'fa-twitter-square' => '', 'fa-umbrella' => '', 'fa-underline' => '', 'fa-undo' => '', 'fa-university' => '', 'fa-unlink' => '', 'fa-unlock' => '', 'fa-unlock-alt' => '', 'fa-unsorted' => '', 'fa-upload' => '', 'fa-usd' => '', 'fa-user' => '', 'fa-user-md' => '', 'fa-users' => '', 'fa-video-camera' => '', 'fa-vimeo-square' => '', 'fa-vine' => '', 'fa-vk' => '', 'fa-volume-down' => '', 'fa-volume-off' => '', 'fa-volume-up' => '', 'fa-warning' => '', 'fa-wechat' => '', 'fa-weibo' => '', 'fa-weixin' => '', 'fa-wheelchair' => '', 'fa-windows' => '', 'fa-won' => '', 'fa-wordpress' => '', 'fa-wrench' => '', 'fa-xing' => '', 'fa-xing-square' => '', 'fa-yahoo' => '', 'fa-yen' => '', 'fa-youtube' => '', 'fa-youtube-play' => '', 'fa-youtube-square' => '' ) ); $this->settings = array( 'path' => apply_filters('acf/helpers/get_path', __FILE__), 'dir' => apply_filters('acf/helpers/get_dir', __FILE__), 'version' => '1.2' ); add_filter('acf/load_field', array( $this, 'maybe_enqueue_font_awesome' ) ); parent::__construct(); } /* * maybe_enqueue_font_awesome() * * If Enqueue FA is set to true, enqueue it in the footer. We cannot enqueue in the header because wp_head has already been called * */ function maybe_enqueue_font_awesome( $field ) { if( 'font-awesome' == $field['type'] && $field['enqueue_fa'] ) { add_action( 'wp_footer', array( $this, 'frontend_enqueue_scripts' ) ); } return $field; } /* * create_options() * * Create extra options for your field. This is rendered when editing a field. * The value of $field['name'] can be used (like bellow) to save extra data to the $field * * @type action * @since 3.6 * @date 23/01/13 * * @param $field - an array holding all the field's data */ function create_options($field) { // defaults? $field = array_merge($this->defaults, $field); // key is needed in the field names to correctly save the data $key = $field['name']; // Create Field Options HTML ?>
'select', 'name' => 'fields[' . $key . '][default_value]', 'value' => $field['default_value'], 'class' => 'fontawesome', 'choices' => array_merge( array( 'null' => __("Select",'acf') ), $field['choices'] ) )); ?>

'radio', 'name' => 'fields['.$key.'][save_format]', 'value' => $field['save_format'], 'choices' => array( 'element' => __("Icon Element",'acf'), 'object' => __("Icon Object",'acf'), 'class' => __("Icon Class",'acf'), ), 'layout' => 'horizontal', )); ?> 'radio', 'name' => 'fields['.$key.'][allow_null]', 'value' => $field['allow_null'], 'choices' => array( 1 => __("Yes",'acf'), 0 => __("No",'acf'), ), 'layout' => 'horizontal', )); ?>

'radio', 'name' => 'fields['.$key.'][enqueue_fa]', 'value' => $field['enqueue_fa'], 'choices' => array( 1 => __("Yes",'acf'), 0 => __("No",'acf'), ), 'layout' => 'horizontal', )); ?> class ); // value must be array if( !is_array($field['value']) ) { // perhaps this is a default value with new lines in it? if( strpos($field['value'], "\n") !== false ) { // found multiple lines, explode it $field['value'] = explode("\n", $field['value']); } else { $field['value'] = array( $field['value'] ); } } // trim value $field['value'] = array_map('trim', $field['value']); // html echo '
'; echo '
'; echo ''; echo '
'; } function find_selected( $needle, $haystack, $type, $choices ) { switch( $type ) { case 'object': case 'element': $search = array( '' ); $string = str_replace( $search, '', $haystack[0] ); break; case 'class': $string = $haystack[0]; break; } if( $string == $needle ) return 'selected="selected"'; return ''; } /* * input_admin_enqueue_scripts() * * This action is called in the admin_enqueue_scripts action on the edit screen where your field is created. * Use this action to add css + javascript to assist your create_field() action. * * $info http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts * @type action * @since 3.6 * @date 23/01/13 */ function input_admin_enqueue_scripts() { // register acf scripts wp_enqueue_script('acf-input-font-awesome-select2', $this->settings['dir'] . 'js/select2/select2.min.js', array(), $this->settings['version']); wp_enqueue_script('acf-input-font-awesome-edit-input', $this->settings['dir'] . 'js/edit_input.js', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-input', $this->settings['dir'] . 'css/input.css', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-fa', $this->settings['dir'] . 'css/fontawesome.css', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-select2-css', $this->settings['dir'] . 'css/select2.css', array(), $this->settings['version']); } /* * field_group_admin_enqueue_scripts() * * This action is called in the admin_enqueue_scripts action on the edit screen where your field is edited. * Use this action to add css + javascript to assist your create_field_options() action. * * $info http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts * @type action * @since 3.6 * @date 23/01/13 */ function field_group_admin_enqueue_scripts() { // register acf scripts wp_enqueue_script('font-awesome-select2', $this->settings['dir'] . 'js/select2/select2.min.js', array(), $this->settings['version']); wp_enqueue_script('font-awesome-create-input', $this->settings['dir'] . 'js/create_input.js', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-input', $this->settings['dir'] . 'css/input.css', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-fa', $this->settings['dir'] . 'css/fontawesome.css', array(), $this->settings['version']); wp_enqueue_style('acf-input-font-awesome-select2-css', $this->settings['dir'] . 'css/select2.css', array(), $this->settings['version']); } /* * frontend_enqueue_scripts() * * This action is called in the wp_enqueue_scripts action on the front end. * * $info http://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts * @type action */ function frontend_enqueue_scripts() { wp_register_style('font-awesome', $this->settings['dir'] . 'css/fontawesome.css', array(), $this->settings['version']); wp_enqueue_style(array( 'font-awesome' )); } /* * load_value() * * This filter is appied to the $value after it is loaded from the db * * @type filter * @since 3.6 * @date 23/01/13 * * @param $value - the value found in the database * @param $post_id - the $post_id from which the value was loaded from * @param $field - the field array holding all the field options * * @return $value - the value to be saved in te database */ function load_value($value, $post_id, $field) { // Note: This function can be removed if not used switch( $field['save_format'] ) { case 'object': $icon_unicode = $this->defaults['choices'][ $value ]; $value = (object) array( 'unicode' => $icon_unicode, 'class' => $value, 'element' => '' ); break; case 'unicode': $value = $this->defaults['choices'][ $value ]; break; case 'element': $value = ''; break; } return $value; } } new acf_field_font_awesome();