最近，諸如即將推出的基於區塊的小工具系統、模板編輯器、與主題相關的區塊等功能已經成為人們關注的焦點。但是，WordPress 5.8附帶的以使用者為中心的最佳工具之一是用於影象和封面區塊的雙色調過濾器。
在這個意義上，術語“雙色調”意味著將兩種顏色組合為一個過濾器。然後，將其疊加在影象或視訊上。更具體地說，一種顏色用於陰影（暗元素），第二種顏色用於高光（淺色）。
當該功能於5月份首次登陸Gutenberg 10.6時，剛開始有點雞肋。但隨著不斷地迭代更新，如今它是一種強大的媒體編輯工具，不需要使用者深入到影象編輯程式中，只需單擊一個按鈕，他們就可以改變故事的氣氛。
雙色調可以是任何顏色，從簡單的灰度到任意兩種顏色的混合。陰影和高光甚至可以反轉，具體取決於選擇的陰影。
下面顯示了小貓的原始影象和帶有灰度濾鏡的影象之間的區別：
原始影象與灰度雙色調版本
預設情況下，WordPress提供一組八種雙色調顏色集。這包括灰度、深灰度和各種組合，製作一些有趣的過濾器。有些會比其他的更好，通常取決於上傳的媒體檔案。
紫色和黃色雙色調過濾器
與WordPress 5.8等待使用者的許多其他功能一樣，主題作者是那些需要深入研究為使用者提供一系列現成選項的人。新的主題JSON檔案配置允許開發人員定義一組與其主題相匹配的雙色調。
定義自定義雙色調過濾器就像將名稱、slug和兩種顏色插入到theme.json檔案中一樣簡單。主題開發人員手冊包括建立此類預設的示例。
來自主題的自定義“翡翠色階”雙色調過濾器
使用者不僅限於WordPress或其主題提供的過濾器。雙色調彈出框允許他們從任何顏色範圍中選擇自定義陰影和高光。
當影象具有高對比度時，雙色調通常效果最佳，這意味著淺色和深色之間的範圍很廣。較暗的陰影和較亮的高光使濾鏡更具視覺衝擊力。
當與Cover區塊一起使用時，使用者可以向影象和視訊背景新增過濾器。但是，他們也可以使用典型的疊加顏色或漸變選項。這為自定義媒體提供了極大的靈活性。
封面區塊上的雙色調過濾器 + 漸變疊加
由於雙色調功能在後臺與內聯SVG檔案一起使用，這也意味著使用它不會永久更改影象或視訊檔案。使用者仍然可以在網站的其他地方使用他們的原始媒體，而無需上傳第二個副本。
雙色調只是冰山一角。除了在影象上放置幾種顏色之外，還有許多其他可能性。Bence Szabó寫了一篇關於在CSS-Tricks上使用SVG過濾器模式的廣泛教程。這可能是未來背景選擇的途徑——木紋，有人嗎？也許並非所有可能性都適合核心 WordPress，但我很樂意看到外掛作者嘗試一些替代方案。
評論留言