返回到支持 内容和媒体 颜色设置

颜色设置

WordPress 编辑器中的许多区块都包含颜色设置,以便您控制内容的颜色。此指南将向您展示如何使用这些颜色设置。

访问颜色设置

颜色设置可用于:

点击区块后,您将在右侧边栏中找到区块设置。如果您没有看到边栏,您可能需要点击右上角的设置图标以打开设置。这个图标看起来像两个宽窄不一的栏目拼在一个方框里面:

编辑器里的设置图标,采用黑色背景,其下有提示信息“设置”。
点击此“设置”图标,打开区块设置

在区块设置中,您可以立即找到颜色设置。其他区块的颜色设置位于样式选项卡下。右侧的图像显示一个栏目区块,其中包含样式选项卡下的颜色设置,可通过点击圆形图标进行访问。

请注意,并非每个区块都包含颜色设置。可用颜色设置将因区块主题和类型而异。

在栏目区块的设置中,颜色显示在“样式”选项卡下。
栏目区块中的颜色设置示例

选择一种纯色

使用颜色选择器,您可以为区块中的不同元素(如文本、背景和链接)选择颜色。点击每个相应的编号部分,如下所述:

如何使用颜色选择器为区块编辑器中的文本或链接设置自定义颜色。
  1. 点击颜色圆圈以打开颜色选择器。
  2. 点击任何现有的彩色点,从调色板中选择预定义的颜色选项。您可以使用样式选择此处显示的颜色。
  3. 点击方框区域以设置自定义颜色。
  4. 如果您已经有想要使用的自定义颜色代码,则可以将其粘贴到方框区域。如果您使用以上所示任何其他选项来选择不同的颜色,则此代码将自动更新。
  5. 点击下拉图标以选择不同的颜色配置文件。您可以在 HexRGBHSL 之间进行选择。
  6. 点击并向左或向右拖动圆形图标,可增加或减少所选颜色的不透明度或透明度。
  7. 点击并向左或向右拖动圆形图标,可选择不同的颜色。
  8. 点击并拖动圆形图标至方框区域中任意位置,以选择当前颜色的不同阴影。
  9. 点击以将当前颜色代码复制到剪贴板。
  10. 点击三个圆点,然后点击重置以还原任何选定的颜色选项。这会将颜色恢复为主题的默认颜色。

要重置颜色选择,请点击颜色选择区域右下角的清除按钮。

选择渐变色

渐变色允许您选择两种或两种以上的颜色以将这些颜色逐渐混合在一起。点击每个相应的编号部分,如下所述:

如何使用颜色选择器为区块编辑器中的背景设置自定义颜色。
  1. 点击颜色圆圈以打开颜色选择器。
  2. 点击以将背景设置为纯色。这与上述文本或链接颜色的操作方式相同。
  3. 点击以将背景设置为渐变色
  4. 点击任何现有的彩色点,从调色板中选择预定义的渐变色。您可以使用样式更改此处显示的颜色。
  5. 点击方框区域内的任意圆形图标,选择要包括在渐变色中的自定义颜色。您也可以点击方框中的任何其他部分,以添加其他颜色。
  6. 点击下拉图标以选择渐变色的类型。您可以在线性径向之间进行选择:
    • 线性沿直线在两种颜色之间创建渐变色。
    • 径向从中心开始并移动到边缘。
  7. 编辑方框中的数字,为渐变色角度选择自定义值。仅在您选择了线性渐变色类型时显示此选项。
  8. 点击并拖动圆圈内的小彩色圆点以调整渐变色角度。这将自动替换以上 #7 中所涵盖的角度方框中的值。

要重置颜色选择,请点击颜色选择区域右下角的清除按钮。

选择双色调过滤器

双色调过滤器选项是一种双色调颜色效果,您可以应用于图像区块和封面区块等图像区块。想象一下黑白照片,但是选择任何颜色组合。 

首先,请选择工具栏或区块设置中的双色调过滤器按钮,然后从示例中选择,或设置您自己的颜色:

GIF:在编辑器中点击一张图片,然后应用几个不同的双色调滤镜,查看其外观如何变化。

要设置您自己的颜色,请选择色条中的点:

屏幕截图:突出显示了在色条上点击双色调滤镜设置以设置自定义颜色的位置。

要删除双色调过滤器,请点击颜色选择区域右下角的清除按钮。

Copied to clipboard!