Created
August 4, 2014 08:18
-
-
Save willviles/b4c917f8dc5d247174dc to your computer and use it in GitHub Desktop.
ACF5 Font Awesome Plugin
This file contains 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.
Learn more about bidirectional Unicode characters
| <?php | |
| class acf_field_font_awesome extends acf_field { | |
| /* | |
| * __construct | |
| * | |
| * This function will setup the field type data | |
| * | |
| * @type function | |
| * @date 5/03/2014 | |
| * @since 5.0.0 | |
| * | |
| * @param n/a | |
| * @return n/a | |
| */ | |
| function __construct() { | |
| /* | |
| * name (string) Single word, no spaces. Underscores allowed | |
| */ | |
| $this->name = 'font-awesome'; | |
| /* | |
| * label (string) Multiple words, can include spaces, visible when selecting a field type | |
| */ | |
| $this->label = __('Font-Awesome Icon', 'acf-font-awesome'); | |
| /* | |
| * category (string) basic | content | choice | relational | jquery | layout | CUSTOM GROUP NAME | |
| */ | |
| $this->category = 'content'; | |
| /* | |
| * defaults (array) Array of default settings which are merged into the field object. These are used later in settings | |
| */ | |
| $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' => '' | |
| ) | |
| ); | |
| /* | |
| * l10n (array) Array of strings that are used in JavaScript. This allows JS strings to be translated in PHP and loaded via: | |
| * var message = acf._e('FIELD_NAME', 'error'); | |
| */ | |
| $this->l10n = array( | |
| 'error' => __('Error! Please enter a higher value', 'acf-font-awesome'), | |
| ); | |
| add_filter('acf/load_field', array( $this, 'maybe_enqueue_font_awesome' ) ); | |
| // do not delete! | |
| 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['name'] && $field['enqueue_fa'] ) { | |
| add_action( 'wp_footer', array( $this, 'frontend_enqueue_scripts' ) ); | |
| } | |
| return $field; | |
| } | |
| /* | |
| * render_field_settings() | |
| * | |
| * Create extra settings for your field. These are visible when editing a field | |
| * | |
| * @type action | |
| * @since 3.6 | |
| * @date 23/01/13 | |
| * | |
| * @param $field (array) the $field being edited | |
| * @return n/a | |
| */ | |
| function render_field_settings( $field ) { | |
| /* | |
| * acf_render_field_setting | |
| * | |
| * This function will create a setting for your field. Simply pass the $field parameter and an array of field settings. | |
| * The array of settings does not require a `value` or `prefix`; These settings are found from the $field array. | |
| * | |
| * More than one setting can be added by copy/paste the above code. | |
| * Please note that you must also have a matching $defaults value for the field name (font_size) | |
| */ | |
| $key = $field['name']; | |
| acf_render_field_setting( $field, array( | |
| 'label' => __('Default Icon','acf-font-awesome'), | |
| 'instructions' => __('Set the default Icon','acf-font-awesome'), | |
| 'type' => 'select', | |
| 'name' => 'fields[' . $key . '][default_value]', | |
| 'value' => $field['default_value'], | |
| 'class' => 'fontawesome', | |
| 'choices' => array_merge( array( 'null' => __("Select",'acf-font-awesome') ), $field['choices'] ), | |
| 'prepend' => '<div class="fa-field-wrapper"><div class="fa-live-preview"></div>', | |
| 'append' => '</div>', | |
| )); | |
| acf_render_field_setting( $field, array( | |
| 'label' => __('Return Value', 'acf-font-awesome'), | |
| 'instructions' => __('Specify the returned value on front end', 'acf-font-awesome'), | |
| 'type' => 'radio', | |
| 'name' => 'fields['.$key.'][save_format]', | |
| 'value' => $field['save_format'], | |
| 'choices' => array( | |
| 'element' => __("Icon Element",'acf-font-awesome'), | |
| 'object' => __("Icon Object",'acf-font-awesome'), | |
| 'class' => __("Icon Class",'acf-font-awesome'), | |
| ), | |
| 'layout' => 'horizontal' | |
| )); | |
| acf_render_field_setting( $field, array( | |
| 'label' => __('Allow Null?', 'acf-font-awesome'), | |
| 'instructions' => __('Specify the returned value on front end', 'acf-font-awesome'), | |
| 'type' => 'radio', | |
| 'name' => 'fields['.$key.'][allow_null]', | |
| 'value' => $field['allow_null'], | |
| 'choices' => array( | |
| 1 => __('Yes','acf-font-awesome'), | |
| 0 => __('No','acf-font-awesome'), | |
| ), | |
| 'layout' => 'horizontal' | |
| )); | |
| acf_render_field_setting( $field, array( | |
| 'label' => __('Enqueue FontAwesome?', 'acf-font-awesome'), | |
| 'instructions' => __('Set to Yes to enqueue FA in the footer on any pages using this field.', 'acf-font-awesome'), | |
| 'type' => 'radio', | |
| 'name' => 'fields['.$key.'][enqueue_fa]', | |
| 'value' => $field['enqueue_fa'], | |
| 'choices' => array( | |
| 1 => __('Yes','acf-font-awesome'), | |
| 0 => __('No','acf-font-awesome'), | |
| ), | |
| 'layout' => 'horizontal' | |
| )); | |
| } | |
| /* | |
| * render_field() | |
| * | |
| * Create the HTML interface for your field | |
| * | |
| * @param $field (array) the $field being rendered | |
| * | |
| * @type action | |
| * @since 3.6 | |
| * @date 23/01/13 | |
| * | |
| * @param $field (array) the $field being edited | |
| * @return n/a | |
| */ | |
| function render_field( $field ) { | |
| /* | |
| * Review the data of $field. | |
| * This will show what data is available | |
| */ | |
| /* | |
| echo '<pre>'; | |
| print_r( $field ); | |
| echo '</pre>'; | |
| */ | |
| if( 'object' == $field['save_format'] ) | |
| $field['value'] = array( $field['value']->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 '<div class="fa-field-wrapper">'; | |
| echo '<div class="fa-live-preview"></div>'; | |
| echo '<select id="' . $field['id'] . '" class="' . $field['class'] . ' fa-select2-field" name="' . $field['name'] . '" >'; | |
| // null | |
| if( $field['allow_null'] ) | |
| { | |
| echo '<option value="null">- ' . __("Select",'acf-font-awesome') . ' -</option>'; | |
| } | |
| // loop through values and add them as options | |
| if( is_array($field['choices']) ) | |
| { | |
| foreach( $field['choices'] as $key => $value ) | |
| { | |
| $selected = $this->find_selected( $key, $field['value'], $field['save_format'], $field['choices'] ); | |
| echo '<option value="'.$key.'" '.$selected.'>'.$value.' '.$key.'</option>'; | |
| } | |
| } | |
| echo '</select>'; | |
| echo '</div>'; | |
| } | |
| function find_selected( $needle, $haystack, $type, $choices ) { | |
| switch( $type ) | |
| { | |
| case 'object': | |
| case 'element': | |
| $search = array( '<i class="fa ', '"></i>' ); | |
| $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 render_field() action. | |
| * | |
| * @type action (admin_enqueue_scripts) | |
| * @since 3.6 | |
| * @date 23/01/13 | |
| * | |
| * @param n/a | |
| * @return n/a | |
| */ | |
| function input_admin_enqueue_scripts() { | |
| $dir = plugin_dir_url( __FILE__ ); | |
| wp_enqueue_script('acf-input-font-awesome-select2', $dir . 'js/select2/select2.min.js'); | |
| wp_enqueue_script('acf-input-font-awesome-edit-input', $dir .'js/edit_input.js'); | |
| wp_enqueue_style('acf-input-font-awesome-input', $dir .'css/input.css'); | |
| wp_enqueue_style('acf-input-font-awesome-fa', $dir .'css/fontawesome.css'); | |
| wp_enqueue_style('acf-input-font-awesome-select2-css', $dir .'css/select2.css'); | |
| } | |
| /* | |
| * 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 render_field_options() action. | |
| * | |
| * @type action (admin_enqueue_scripts) | |
| * @since 3.6 | |
| * @date 23/01/13 | |
| * | |
| * @param n/a | |
| * @return n/a | |
| */ | |
| function field_group_admin_enqueue_scripts() { | |
| $dir = plugin_dir_url( __FILE__ ); | |
| wp_enqueue_script('font-awesome-select2', $dir .'/js/select2/select2.min.js'); | |
| wp_enqueue_script('font-awesome-create-input', $dir .'js/create_input.js'); | |
| wp_enqueue_style('acf-input-font-awesome-input', $dir .'css/input.css'); | |
| wp_enqueue_style('acf-input-font-awesome-fa', $dir .'css/fontawesome.css'); | |
| wp_enqueue_style('acf-input-font-awesome-select2-css', $dir .'css/select2.css'); | |
| } | |
| /* | |
| * 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() { | |
| $dir = plugin_dir_url( __FILE__ ); | |
| wp_register_style('font-awesome', $dir . 'font-awesome/css/fontawesome.css'); | |
| wp_enqueue_style(array('font-awesome')); | |
| } | |
| /* | |
| * load_value() | |
| * | |
| * This filter is applied to the $value after it is loaded from the db | |
| * | |
| * @type filter | |
| * @since 3.6 | |
| * @date 23/01/13 | |
| * | |
| * @param $value (mixed) the value found in the database | |
| * @param $post_id (mixed) the $post_id from which the value was loaded | |
| * @param $field (array) the field array holding all the field options | |
| * @return $value | |
| */ | |
| 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' => '<i class="fa ' . $value . '"></i>' | |
| ); | |
| break; | |
| case 'unicode': | |
| $value = $this->defaults['choices'][ $value ]; | |
| break; | |
| case 'element': | |
| $value = '<i class="fa ' . $value . '"></i>'; | |
| break; | |
| } | |
| return $value; | |
| } | |
| } | |
| // create field | |
| new acf_field_font_awesome(); | |
| ?> |
This file contains 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.
Learn more about bidirectional Unicode characters
| <?php | |
| /* | |
| Plugin Name: Advanced Custom Fields: Slider Field | |
| Plugin URI: PLUGIN_URL | |
| Description: Creates a slider field | |
| Version: 1.0.0 | |
| Author: Steven Baltay | |
| Author URI: AUTHOR_URL | |
| License: GPLv2 or later | |
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | |
| */ | |
| // 1. set text domain | |
| // Reference: https://codex.wordpress.org/Function_Reference/load_plugin_textdomain | |
| load_plugin_textdomain( 'acf-font-awesome', false, dirname( plugin_basename(__FILE__) ) . '/lang/' ); | |
| // 2. Include field type for ACF5 | |
| // $version = 5 and can be ignored until ACF6 exists | |
| function include_field_types_font_awesome( $version ) { | |
| include_once('acf-font-awesome-v5.php'); | |
| } | |
| add_action('acf/include_field_types', 'include_field_types_font_awesome'); | |
| //3. Include field type for ACF4 | |
| function register_fields_font_awesome() { | |
| include_once('acf-font-awesome-v4.php'); | |
| } | |
| add_action('acf/register_fields', 'register_fields_font_awesome'); | |
| ?> |
This file contains 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.
Learn more about bidirectional Unicode characters
| (function($){ | |
| $(document).on( 'change', '.field_type select', function() { | |
| if( $(this).val() == 'font-awesome' ) { | |
| var font_awesome_form = $(this).closest( '.field_form' ); | |
| var font_awesome_select = $( 'select.fontawesome', font_awesome_form ); | |
| setTimeout(function() { | |
| $( 'select.fontawesome', font_awesome_form ).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( font_awesome_select, $( font_awesome_select ).val() ); | |
| }, 1000); | |
| } | |
| }); | |
| acf.add_action( 'ready append', function( e, field ) { | |
| element = $( 'select.fontawesome', field ); | |
| // | |
| // | |
| // Adding live preview container via js, because acf_render_field_setting prepend/append does NOT work | |
| // | |
| // | |
| elementContainer = element.parent(); | |
| elementContainer.prepend('<div class="fa-field-wrapper"><div class="fa-live-preview"></div>'); | |
| elementContainer.append('</div>'); | |
| $( element ).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( element, $(element).val() ); | |
| }); | |
| $(document).on( 'select2-selecting', 'select.fontawesome', function( object ) { | |
| update_preview( this, object.val ); | |
| }); | |
| $(document).on( 'select2-highlight', 'select.fontawesome', function( object ) { | |
| update_preview( this, object.val ); | |
| }); | |
| $(document).on( 'select2-close', 'select.fontawesome', function( object ) { | |
| update_preview( this, $(this).val() ); | |
| }); | |
| function update_preview( element, selected ) { | |
| var parent = $(element).parent(); | |
| $( '.fa-live-preview', parent ).html( '<i class="fa ' + selected + '"></i>' ); | |
| } | |
| })(jQuery); |
This file contains 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.
Learn more about bidirectional Unicode characters
| (function($){ | |
| /* | |
| * acf/setup_fields | |
| * | |
| * This event is triggered when ACF adds any new elements to the DOM. | |
| * | |
| * @type function | |
| * @since 1.0.0 | |
| * @date 01/01/12 | |
| * | |
| * @param event e: an event object. This can be ignored | |
| * @param Element postbox: An element which contains the new HTML | |
| * | |
| * @return N/A | |
| */ | |
| fa_initialized = false; | |
| acf.add_action('ready append', function( e, postbox ) { | |
| if( $( '.fa-field-wrapper', postbox ).length > 0 ) { | |
| if( fa_initialized ) { | |
| var last_row = $( '.row-clone' ).prev( '.row' ); | |
| $( last_row ).each( function() { | |
| $( 'select.fa-select2-field', this ).each( function() { | |
| $(this).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( this, $(this).val() ); | |
| }); | |
| }); | |
| var last_layout = $( '.acf-flexible-content .values' ).last(); | |
| $( 'tbody > tr.field_type-font-awesome select.fa-select2-field', last_layout ).each( function() { | |
| $(this).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( this, $(this).val() ); | |
| }); | |
| } else { | |
| $( '.row' ).each( function() { | |
| $( 'select.fa-select2-field', this ).each( function() { | |
| $(this).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( this, $(this).val() ); | |
| }); | |
| }); | |
| $( '.acf-flexible-content .values tbody > tr.field_type-font-awesome select.fa-select2-field' ).each( function() { | |
| $(this).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( this, $(this).val() ); | |
| }); | |
| $( '.field_type-font-awesome select.fa-select2-field' ).each( function() { | |
| $(this).select2({ | |
| width : '100%' | |
| }); | |
| update_preview( this, $(this).val() ); | |
| }); | |
| } | |
| $( 'tr.row-clone select.fa-select2-field' ).each(function() { | |
| $(this).select2( 'destroy' ); | |
| }); | |
| $( 'select.fa-select2-field' ).on( 'select2-selecting', function( object ) { | |
| update_preview( this, object.val ); | |
| }); | |
| $( 'select.fa-select2-field' ).on( 'select2-highlight', function( object ) { | |
| update_preview( this, object.val ); | |
| }); | |
| $( 'select.fa-select2-field' ).on( 'select2-close', function( object ) { | |
| update_preview( this, $(this).val() ); | |
| }); | |
| fa_initialized = true; | |
| } | |
| }); | |
| function update_preview( element, selected ) { | |
| var parent = $(element).parent(); | |
| $( '.fa-live-preview', parent ).html( '<i class="fa ' + selected + '"></i>' ); | |
| } | |
| })(jQuery); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
That's awesome you've taken some time to get this working for ACF5.