使用設置共同設計

設置共同設計

使用共同設計能定制文本的基本顏色,大小和背景顏色等。若欲定製整個網站中使用到的文本,背景色,按鈕等,如下圖所示請點擊齒輪圖標,跳轉至共同設計設置。

了解共同設計設置菜單

如下圖所示，點擊共同設計設置菜單後面板將會展現在右側。關於各項目的細解說明，請參考以下內容。

正文

1. 品牌/鏈接顏色 : 可指定代表網站的顏色,加強品牌表現。 此處設置的顏色可自動適用於按鍵,鏈接,值得強調的文本等。
2. 徽章顏色 : 可變更發生新註冊的用戶或訂單等時顯示的提示顏色。
3. 文字顏色 : 可變更輸入在正文的基本文字顏色。
4. 背景顏色 : 設置網站的基本背景顏色。 若有已在板塊中設定的背景時，將會覆蓋基本背景顏色。
5. 本文寬度 : 設置像臺式電腦一樣屏幕比較寬的環境中顯示的頁面寬度。 正文最大寬度過寬時,將會在筆記本電腦等小環境中出現問題,建議不要超過1150px。 不適用於手機環境,並在擴張橫向領域的widjet或頭部板塊的幻燈片等部分也無視該設置。
6. 網格間隙 : 可設置widget與widget之間的間隙爲最小0像素到最大30像素。

文本

1. 文本定義 :設定將在網站使用中最基本的文本。 此為未做任何設定並製作文本時顯示的風格。
   • 字體大小 : 指定正文文本的大小。 因為正文文本與標題不同是最小的文本,所以建議不要使用太大的文本。
   • 行距 : 若是多行文本,可調整文本之間的縱向間隙。 1無間隔,2意味著以文本大小做出間隔。 14px大小的文本推薦1.4~1.7左右。
   • 字簡 : 調整文字之間的間隙。 基本值爲0,若設定爲2,則字間隔將會增加2px。
   • 加粗 : 總是加粗正文文本。
   • 斜體 : 本文文本經常以Itelic(傾斜)風格表示。
   • 下劃線 : 在正文文本中總是顯示下劃線。
2. 正文韓/中/日 : 可變更段落設置為正文(標準)的韓文/中文/日語文本字體。
3. 正文英文字體 : 可變更段落設置為正文(標準)文本的英文字體。
4. 韓/中/日題目 : 可變更段落設置爲標題(Heading)的文本的韓文/中文/日語字體。 基本值設定為跟隨本文字體。
5. 英文題目字體 : 可變更段落爲設置成標題(Heading)的文本的英文字體。基本值設定為跟隨本文字體。

構成要素

1. 按鈕風格 :設置按鈕widget的基本風格。
   • 基本
     • 文本 : 可指定用於基本按鈕的文本顏色。
     • 背景 : 可指定基本按鈕的背景顏色。
     • 線條 : 可指定基本按鈕的邊線大小及顏色。
   • 滾動 *放置鼠標時發生的變色效果
     • 文本 : 可指定滾動按鈕時的文本顏色。
     • 背景 : 可指定滾動按鈕時的背景顏色。
     • 線條 : 可指定滾動按鈕時的按鈕邊線顏色。
   • 正文
     • 風格 : 可變更按鈕的形態。
     • 左右空白 : 可指定輸入至按鈕的文本左右空白。 左右空白變大,按鈕向左右變長。
     • 文本間隙 : 可變更按鍵文本的字間。
     • 加粗 : 可加粗按鈕文本。
     • 傾斜 : 可傾斜按鈕文本。
2. 輸入框 :設置輸入框等訪客輸入文本的框風格。
   • 風格 : 可設置輸入框的形狀。
   • 背景顏色 : 可指定輸入框的背景色。
   • 文字顏色 : 可指定用於輸入框的文字顏色。
   • 線條顏色 : 可指定輸入框的線條顏色。
3. 區分線 :設置橫線widget上適用的風格。
   • 厚度 : 量身定製橫線厚度。
   • 線條風格 : 按照實線(solid),點線(dotted),長線(dashed)中的一個形狀定製。
   • 顏色 : 選擇橫線的顏色。

適用或取消共同設計設置

1. 第1步,點擊共同設計設置面板右上角的X,或點擊共同設計設置面板外的任何區域。
2. 第2步, 將會出現"您確定要保存共同設計設置嗎?"的對話框

3. 第3步,應用即點擊保存按鈕,不應用而終止點擊取消按鈕。