返回支援 內容和媒體 顏色設定

顏色設定

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!