這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

ACF RGBA Color Picker

外掛說明

The RGBA Color Picker is a color picker that supports transparency colors in RGBA-Mode.

Custom color palette

The plugin offers the possibility to customize the color palette according to your own wishes. You can define your own custom color palette with the acf/rgba_color_picker/palette filter. In addition, you can define an individual color palette for each field in the field settings.

New in version 1.2.0

If there are a lot of colors for the color palette, the color fields are getting very tiny. To prevent this, the color fields are now displayed in several rows (with a maximum of 10 colors per row). So it is possible to define a lot of colors for the standard palette.

Furthermore, the color picker is now absolutely positioned and this does not shift other elements of the page every time the color picker is opened.

This plugin works only with the ACF PRO (version 5.5.0 or higher).

Localizations

  • English
  • Deutsch

Custom color palette

Use the acf/rgba_color_picker/palette filter to create your own standard color palette for the color picker. Your custom standard color palette, just like the default color palette, can be overridden in the field settings for each field individually.

Fixed color palette

Put a code like this into your themes functions.php (you can use HEX or RGBA color values and can also mix them):

<?php
function set_acf_rgba_color_picker_palette() {
    $palette = array(
        '#FFF',
        '#0018ff',
        '#00FF36',
        'rgba(255,168,0,0.7)'
    );

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>

Dynamic color palette

If you have an options page where you define some standard colors, create an array from this options like this:

<?php
function set_acf_rgba_color_picker_palette() {
    // optional - add colors which are not set in the options page
    $palette = array(
        '#FFF',
        '#000'
    );

    if ( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) {
        while( have_rows('YOUR_COLOR_REPEATER_FIELD', 'YOUR_OPTIONS_PAGE') ) { the_row();
            $palette[] = get_sub_field('YOUR_COLOR_FIELD');
        }
    }

    return $palette;
}
add_filter('acf/rgba_color_picker/palette', 'set_acf_rgba_color_picker_palette');
?>

This is an example using a repeater field to set the colors; if you store your colors within a string, convert this string into an array.

Hiding color palette

If you dont want to show a color palette set the return value of the filter to false:

<?php
add_filter('acf/rgba_color_picker/palette', '__return_false');
?>

Setting the color palette to false will disable and hide the “Color Palette” and “Hide Color Palette” options in the field settings.

螢幕擷圖

  • The RGBA Color Picker field settings
  • The RGBA Color Picker with the standard color palette
  • The RGBA Color Picker with a custom color palette

安裝方式

  1. Upload the rgba_color_picker folder to your /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Done!

使用者評論

2018 年 9 月 27 日
This plugin was just what I was looking for and worked as expected. It was really easy to modify the color palette too. Thank you!
2018 年 1 月 16 日
It is rare to find a plugin that actually does every single thing you need it to do, without any problems.
2017 年 6 月 15 日
Thanks for the work. A much needed and great plugin! This version now works great on flexible content fields also.
2017 年 4 月 2 日
Been needing this for months – thank you so much for creating it! Works flawlessly.
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈ACF RGBA Color Picker〉的開發相關工作。

參與者

〈ACF RGBA Color Picker〉外掛目前已有 3 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈ACF RGBA Color Picker〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

v1.2.2

  • Fixes for WP 5.5

v1.2.1

  • Minor bug fixes

v1.2.0

  • Correct use of standard color
  • Changed position of color picker
  • Better handling for color palettes

v1.1.0

  • Changed class name to prevent future conflicts with ACF

v1.0.3

  • Updated wp-color-picker-alpha to V2.0.0 of compatibility for WP 4.9

v1.0.2

  • Optimized init of acf/rgba_color_picker/palette filter

v1.0.1

  • Fixed display error on Chrome and Firefox on Windows

v1.0.0

  • Initial release of this plugin, tested and stable.