使用設置共同設計

設置共同設計

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

了解共同設計設置菜單

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

正文
  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步,應用即點擊保存按鈕,不應用而終止點擊取消按鈕。

跳轉至目錄

僅使用一次,“我”就是I’MWEB的大粉絲。

在I’MWEB自由表達“我”的想法

115.6千

累積的建設網站數量
已有數萬位用戶
I’MWEB的粉絲表達著自己的想法。

297

平均每日建立的網站數量
此刻每日有
多種新品牌在上市

612

全國合夥人/零售商

I’MWEB正式合作夥伴