Dawn 顏色配置

您可以選擇佈景主題設定中所設定的顏色配置,並將其套用於佈景主題中的不同區段 (例如 RTF 文字、圖片橫幅和商品系列清單)。佈景主題會採用預設顏色配置,您隨時可以在佈景主題編輯器中進行變更。若能新增品牌顏色,便可確保網路商店擁有一致的色調。

管理顏色配置

您可以在佈景主題設定中設定商店的顏色配置。

2.點擊側邊欄底部的佈景主題設定。3. 點擊顏色。5. 若要變更佈景主題中的顏色,請點擊顏色並使用顏色選擇器,或在文字欄位中輸入新顏色的值。6. 點擊儲存

如需要使用純色,請使用顏色選擇器選擇新顏色,或在文字欄位中輸入顏色值。此欄位接受顏色名稱 (例如: redblackblue)、RBG 或十六進位顏色值。

若要使用顏色漸層,請點擊顏色方塊,然後在欄位中輸入或貼上漸層效果 CSS 代碼 (例如,linear-gradient(red, green), radial-gradient(red, green), or conic-gradient(red, green))。如果您的漸層效果 CSS 代碼包含特殊字元、圖片或網址,佈景主題編輯器會顯示錯誤訊息。如果您的漸層效果 CSS 代碼有效,佈景主題編輯器預覽畫面就會在合適的位置顯示選取的漸層效果。

佈景主題編輯器中的漸層效果 CSS 代碼欄位

顏色設定

您可以在佈景主題編輯器中設定圖片背景和圖片邊框間距。使用下拉式選單,選擇強調色 1、強調色 1 級、強調色 2、強調色 2 級、背景 1、背景 1 級、背景 2、背景 2 級或反轉色。您可以在佈景主題編輯器的預覽面板中預覽所選的顏色配置。

設定 說明
文字 您可以將顏色套用至區段或區塊文字。
色調 1 可套用顏色以調整按鈕和部分區段的背景。
強調色 1 (漸層效果) 輸入漸層效果 CSS 代碼以產生漸層。
色調 2 可套用顏色以調整按鈕和部分區段的背景。
色調 2 (漸層) 輸入漸層效果 CSS 代碼以產生漸層。
背景 1 可套用顏色以調整按鈕和部分區段的背景。
背景 1 (漸層效果) 輸入漸層效果 CSS 代碼以產生漸層。
背景 2 可套用顏色以調整按鈕和部分區段的背景。
背景 2 (漸層) 輸入漸層效果 CSS 代碼以產生漸層。
倒轉 可套用顏色以調整按鈕和部分區段的背景。使用背景 1 作為文字顏色,並將該文字顏色設為背景顏色。

開放選擇顏色配置的部分設定也能讓您使用漸層效果。舉例來說,在 Shopify Online Store 2.0 的第一個免費佈景主題「Dawn」之中,您可以設定品牌顏色的漸層效果,並使用這些顏色來代替標準強調色和背景顏色選項。

設定漸層效果

Dawn 使用 color_background 設定來自訂 CSS 背景屬性,讓您能建立漸層效果等吸睛背景選項。

大部分的 CSS background 屬性值都可用來設定背景顏色。您可以將此欄位用於純色 (例如 #000000blackrgb(0,0,0,0)rgba(0,0,0,0)hsl(0, 0%, 0%)hsla(0, 0%, 0%, 1) 都會產生純色黑色背景),或用於漸層效果 (例如 linear-gradient(red, green)radial-gradient(red, green)conic-gradient(red, green))。您也可以重複使用漸層效果。

背景顏色設定使用 CSS 代碼,並包含驗證檢查器,若 CSS 代碼中含有圖片、特殊字元或網址,該檢查器會顯示警告訊息。如果 CSS 背景代碼有效,佈景主題編輯器將在預覽面板中預覽您的背景。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用