零件概要

使用元件更有效地管理整個網站的重複佈局和內容。

單元授予您從元素和子元素形成可自訂區塊的權限,以維護可靠、有效且可擴展的設計流程。您可以在整個網站中回收這些區塊,並在一處調整它們,以防止單獨修改每個重複佈局。

在本課程中,您將了解:

  1. 建立一個單元
  2. 使用和重複使用單元
  3. 修改單位
  4. 將單元實例與其核心單元解除關聯

建立一個單元

您可以利用單位來:

  • 每個實例建立相同的內容。 建立包含完全相同內容的重複排程的鏡像副本,例如導覽列、頁尾和註冊表單。在一個地方修改它們,並見證這些修改影響該單元的每個實例。
  • 為每個實例建立獨特的內容。 使用不同的文字、圖像、影片或豐富文字調整重複佈局,以保持一致的設計,同時為每個實例賦予獨特的內容。

您可以從網站上的幾乎任何元素或元素群組建立一個單元。建立一個單元:

  1. 選擇您想要轉換為單位的元素
  2. 展開 設計面板 或者 元件配置控制板
  3. 點擊面板頂部的“創建單位”圖標
  4. 為您的單位提供標題並點擊 創造

啟動一個單元後,您將進入核心單元 - 這表示對核心單元的任何變更都會在該單元的所有執行個體中更新。無論何時需要,您都可以透過以下方式存取任何單元執行個體上的核心單元:

  • 雙擊單位實例
  • 右鍵點擊並單擊 修改單位
  • 選擇實例並點選“” 標籤中的圖標
  • 選擇實例並點選“扳手左面板右上角的「圖標

了解有關更改核心單元的更多詳細資訊。

使用和回收單位

建立單元後,您可以在網站的任何位置重複使用它。

  1. 展開 單位面板
  2. 點擊並將所需的單位拉到您網站上的任何頁面
  3. 將單元實例直接放置在畫布上或導航器中

當您選擇一個單元實例時,您會看到它突出顯示並以綠色勾勒出輪廓。展開 單位面板 觀察每個單元在您的網站上的使用頻率。

提醒: 複製單元實例是可以實現的(即,透過複製和貼上、右鍵或透過鍵盤快速鍵進行複製),但複製核心單元目前本身並不可行。相反,您可以分離單元實例並從分離的元素或元素群組中製作一個新單元。

您可以雙擊某個單元來存取核心單元並在導航器面板中查看該單元的元素層次結構。您只能從核心單元觀察單元的元素層次結構(即,您無法從單元實例內觀察單元的元素層次結構)。

修改單位

讓我們繼續了解參與和修改單位的各種方法:

  • 編輯核心單位
  • 退出核心單元
  • 在編輯器中修改單位
  • 更改單位名稱
  • 刪除一個單位

編輯核心單位

實施相同的調整 全部 單元的實例,您需要調整核心單元。您可以透過以下方式編輯任何單元實例上的主單元:

  • 雙擊單位實例
  • 右鍵點擊並單擊 修改單位
  • 選擇實例並點選“” 標籤中的圖標
  • 選擇實例並點選“扳手” 圖示位於下方面板的右上角

選擇單位實例後,您可以在下部面板中探索單位特徵的預設值。請注意,如果您之前已在裝置上安排了屬性,則這僅顯示特徵的預設值。

單元特徵可讓您定義主單元內可在單元實例上變更的特定元素值(例如文字、富文本、圖像、影片和可見性)。或者,您可以將單位特徵關聯到 CMS 字段,以從 CMS 集合中引入資料。了解有關定義單元特徵和變更單元實例值的詳細資訊。

提醒: 若要修改單元實例的樣式,請使用 班級 個性化屬性。

核心單位的調整將影響每個單位實例(除非該單位實例具有應用於單位內特定元素的單位特徵)。在調整核心單元時,您可以重新調整結構和元素順序,以同時影響整個網站的所有單元實例。

例如,您可能擁有一個排列為一個單元的卡片設計。卡片單元包含一個標題元素、一個段落元素和一個按鈕元素-按鈕元素位於卡片的最底部。如果您修改卡片的核心單元並將按鈕從卡片底部移至頂部,則該變更將影響該卡片單元在您網站上的所有出現。

對核心單元的編輯會影響該單元的所有單元實例,除非在單元實例中進行了專門變更。了解有關定義單元特徵和變更單元實例值的詳細資訊。  

退出核心單元

完成主機調整後,您可以透過以下方式退出主機:

  • 點擊“返回」開發者左上角的箭頭
  • 點選畫布上的單位外部
  • 緊迫 逃脫 在你的鍵盤上

停止調整核心單元後,請記住,您對單元實例中的元素所做的任何調整隻會影響該特定單元實例。

在編輯器中修改單位

如果您邀請內容編輯者在編輯器中更新您網站的內容,他們對單元元素所做的任何修改 不是 使用單位特徵進行變更並且在所有實例中保持一致,將適用於所有其他實例。

或者,如果內容編輯器修改了單元元素 透過單位特徵進行更改,這些調整將僅適用於他們正在編輯的單位實例。

更改單位名稱

更改單位名稱:

  1. 展開 單位面板
  2. 將滑鼠懸停在單位名稱上並點擊“” 圖示出現在設備右側
  3. 進行您的更改並 節省

刪除一個單位

要完全消滅一個單位:

  1. 從您的網站中刪除或分離該單元的所有實例
  2. 展開 單位面板
  3. 點擊 ”” 圖示出現在設備右側
  4. 刪除 並驗證

如何將單元實例與其核心單元分離

要分離單元實例並獨立於核心單元進行調整:

  1. 右鍵點擊您想要分離的實例中的任何單位元素
  2. 點選 取消實例連結

分離後,如果您修改設計中該單元的任何其他連結實例,則不會影響分離的實例。

麥伊凡
Ewan Mak 的最新帖子 (看全部)