颜色选择器

文档 字段类型 颜色选择器

描述

“颜色选择器”字段提供了一种交互式方法，可以使用虹膜.

屏幕截图

设置

• 默认值第一次编辑字段值时，默认值最初加载到颜色选择器中。
• 启用透明度
  在颜色选择器上启用透明度控制。如果启用，返回格式选项将切换到RGBA字符串或RGBA数组。

模板使用情况

“颜色选择器”字段将返回包含HEX颜色值的字符串值，包括前缀“#”。下面是使用名为“Color”的“Color Picker”字段的示例。

在内联样式中显示值

此示例演示如何使用颜色选取器值生成内联样式。

<div style=“background-color:<？php the_field（'color'）；？>”></div>

在样式标记中显示值

此示例演示如何使用Color Picker值生成CSS类。

<style type=“text/css”>.主要背景{背景颜色：<？php the_field（'primary_background_color'）；？>；}</style><div class=“primary-background”></div>

笔记

自定义

可以通过JS过滤器自定义颜色选择器字段模式颜色选择器参数.