[WordPress] 外掛分享： ACF RGBA Color Picker

WordPress 外掛 ACF RGBA Color Picker 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「ACF RGBA Color Picker」是 2017-03-18 上架。
  • 目前有 7000 個安裝啟用數。
  • 上一次更新是 2024-12-22，距離現在已有 132 天。
  • 外掛最低要求 WordPress 4.7 以上版本才可以安裝。
  • 有 5 人給過評分。
  • 論壇上目前有 1 個提問，問題解答率 0%

外掛協作開發者

tmconnect |

外掛標籤

acf | rgba | color | acfpro | color picker |

內容簡介

RGBA Color Picker 是一個支援 RGBA 模式透明顏色的顏色選取器外掛。

自訂顏色調板

這個外掛提供了根據自己的需要客製化顏色調板的功能。使用acf/rgba_color_picker/palette 過濾器可以自定義自己的顏色調板。除此之外，你也可以在欄位設定中為每個欄位定義各自的顏色調板。

版本 1.2.0 的新增功能：

當選擇器中的顏色數量很多時，色彩區域就會變得非常小。為了避免這種情況，現在色彩區域會以幾行展示（每行最多容納 10 種顏色）。這樣就可以定義更多的標準調色板。

此外，現在顏色選取器是絕對定位的，這樣打開顏色選取器時就不會影響頁面上的其他元素了。

此外，此外掛僅與 ACF PRO（版本 5.5.0 或更高版本）兼容。

本地化

英語
德語

自訂顏色調板

使用 acf/rgba_color_picker/palette 過濾器創建自己的標準顏色調板供顏色選取器使用。與預設的標準顏色調板一樣，可以在欄位設定中單獨為每個欄位設定自己的標準顏色調板。

固定的顏色調板

將以下代碼放入您的主題 functions.php 檔案（您可以使用 HEX 或 RGBA 配置的顏色值，也可以混合使用）：

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');
?>

動態顏色調板

如果您有一個選項頁面，其中定義了一些標準顏色，請像這樣從這些選項中創建一個陣列：

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');
?>

這是一個使用重試欄位來設置顏色的示例；如果您將您的顏色存儲在字符串中，請將此字符串轉換為陣列。

隱藏顏色調板

如果您不想顯示顏色調板，請將過濾器的返回值設置為 false：

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

將顏色調板設置為 false 將禁用並隱藏欄位設置中的 "顏色調板" 和 "隱藏顏色調板" 選項。

原文外掛簡介

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):

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

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:

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

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「ACF RGBA Color Picker」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.1.0 | 1.2.0 | 1.2.1 | 1.2.2 | 1.2.3 | trunk |

延伸相關外掛（你可能也想知道）

  • Central Color Palette 》這個外掛可以讓您管理網站上的中央色彩調色板，以實現統一的外觀和風格。新版的區塊編輯器和主題自訂器支援此調色板，而且傳統的編輯器也支援此功能。您可以...。
  • The Events Calendar: Category Colors 》在「The Events Calendar」的事件檢視中，新增事件類別的背景顏色。這是受到「Coloring Your Category Events」這篇文章的啟發。, 「The Events Calendar: Ca...。
  • Styleguide – Custom Fonts and Colors 》使用 WordPress 自訂器快速、輕鬆地編輯主題字型和顏色，讓您在儲存新設定前取得即時預覽。, 非常適合想要為自己的網站帶來獨特風格，卻不想聘請設計師或進行...。
  • Browser Theme Color 》發掘一個強大的解決方案，透過我們簡單、輕量、有效的外掛，增強您的網站跨平台的使用者體驗，加入「theme-color」meta 標籤。我們的外掛與 Android、iOS 和 ...。
  • Special Text Boxes 》此外掛會新增一個小的樣式表檔案和短代碼到部落格中，以顏色方塊來突顯文章中的某些部分。提供了7種樣式，如警告、警示、資訊和下載等。 , 如果您需要探索此...。
  • Comfortable Reading 》Comfortable Reading-這個外掛程式可以為視力不佳的使用者創建一個網站版本。 這個外掛程式允許使用者更改網站的顏色方案和字體大小。, 請注意，此免費版本的...。
  • WP Night Mode 》這個外掛可以讓你的使用者平滑地在網站中切換夜間模式和普通風格，從而改善文本、圖片和視頻的可讀性。, 夜間時閱讀網站內容可能很困難。幫助你的訪問者閱讀...。
  • WP Admin Color Schemes 》如果你正在尋找更多 WordPress 管理員的配色方案，WP Admin Color Schemes 可以為你的 WordPress 儀表板帶來 14 種新的配色方案，未來還會有更多的配色方案推...。
  • Scroll Styler 》這款 Scroll Styler 外掛可讓您輕鬆進行自定義。RGB 色彩選取器可協助您在網站和捲軸之間創建最佳的色彩平衡。, 瀏覽器相容性, Scroll Styler 只能在 WebKit ...。
  • Post State Tags 》這個外掛會突出顯示 WordPress 後台文章列表中的左邊框和背景色，以及更改文章狀態為視覺化顏色標籤。支援標準的 WordPress 狀態，如：已發布、未來文章、草...。
  • Custom Highlight Color 》許多裝置和瀏覽器在選擇網站上的文字時提供不太理想的顏色。使用者可能出於習慣閱讀，或是想分享引言等各種原因選擇文字。此外掛可讓您在自訂檢視器中進行即...。
  • Advanced Custom Fields: Restrict Color Picker Options 》限制 Advanced Custom Fields 的顏色選擇欄位只能使用特定的自訂顏色子集。從欄位介面中刪除顏色輪和滑桿，使用戶無法選擇任何其他顏色。, 功能, 啟用外掛設...。
  • ACF Color Swatches 》這是一個 Advanced Custom Fields（高級自訂欄位）的外掛，讓使用者可以從顏色選擇列表中選擇顏色。設定欄位與設定單選按鈕列表一樣，主要的差別在於 key 值...。
  • WP Term Colors 》為類別、標籤和其他分類詞條配置漂亮的顏色, WP Term Colors 允許用戶使用精美的顏色選擇器為任何可見的類別、標籤或分類詞條分配顏色，為它們的分類詞條提供...。
  • Ultimate WooCommerce Filters 》merce Filters 是一款外掛，可讓您按顏色、尺寸、屬性、類別或標籤篩選 WooCommerce 產品。使用簡單的 WooCommerce 篩選器小工具和 WooCommerce 篩選器 short...。

文章
Filter
Apply Filters
Close
Mastodon