如何在 Divi Cloud 中創建項目變化

已發表: 2022-07-04

Divi Cloud 的優勢之一是能夠在您的指尖擁有相同佈局的多種變體。 使用不同的顏色、照片、排版等輕鬆創建多個版本的佈局。 使用 Divi Cloud 創建項目變體很簡單。 在這篇文章中，我們將了解如何在您的 Divi 雲中創建項目變化。 我們還將探索幾種創建標題變體的方法，並討論創建項目變體的最佳實踐。

項目變化的最佳實踐

創建項目變體時，重要的是要容易地知道該項目是一個變體、它是什麼變體以及與原始項目有什麼不同。 這可以通過名稱、類別和標籤來完成。 Divi 將自動為您創建快照，因此您將能夠在“佈局詳細信息”視圖中以縮略圖和較大圖像的形式直觀地查看佈局。

使用名稱、類別和標籤，清楚地表明它是另一種佈局的變體。 它們應該是描述性的，因此您會知道佈局是什麼的變體以及變體是什麼。 這包括在名稱中添加顏色或類似的設計描述。 關注關鍵差異。

例如，“Minimal Header (Blue)”和“Minimal Header (White)”是描述性的，表明它們是稱為“Minimal Header”的佈局的變體。 他們還描述了與原始版本的不同之處。 它們簡短、簡單且一目了然。

我在這篇文章中使用的變體是微小的變化。 我不會更改類別，但我會更改標籤並使用帶有描述的名稱。

創建標題佈局

我們將從如何向 Divi Cloud 添加標題佈局開始。 您可以使用預製佈局或從頭開始創建標題。 我正在為我的示例使用 Divi 電氣服務佈局包的免費頁眉和頁腳。 我將此標題稱為電氣服務標題。 我將為類別選擇標題並選擇兩個標籤之一。

在主題生成器中創建標題

首先，在 Divi Theme Builder 中創建標題。 有關使用 Divi 主題生成器的更多信息，請在優雅主題博客中搜索“主題生成器”。 您會發現很多帖子可以引導您了解主題構建器的各個方面。 該過程很簡單，但我已將其分成較小的步驟以使其易於管理。

  1. 首先，通過導航到 WordPress 儀表板中的“Divi”>“Theme Builder”來啟用 Visual Builder。
  2. 以三種方式之一構建標題。 選擇“添加全局標題”，添加“新模板”，或選擇“可移植性”選項並創建或導入您的標題佈局。
  3. 單擊要添加到 Divi Cloud 的標題的編輯圖標。

將標頭保存到 Divi Cloud

接下來，編輯您的標題並將佈局保存到您的 Divi Cloud。

  1. 單擊頁面底部的紫色“保存到庫”圖標。
  2. 輸入佈局的名稱，選擇保存到雲，然後選擇您的類別和標籤。
  3. 單擊“保存到庫”。
  4. 關閉 Theme Builder 的編輯器。
  5. 選擇 Theme Builder 左上角的“Save Changes”。

創建項目變化

接下來，我們將創建原始標題的兩個變體。 有多種方法可以為 Divi Cloud 創建項目變體。 我們將看看幾個不同的選項。

標題佈局變化一

對於我們的第一個變體，我們將繼續在 Divi Theme Builder 中工作。 這遵循創建原始標題佈局的過程。 我們將復制不同的頁面，例如類別、產品、服務等。

複製標題模板

首先，複製標題並將其分配給一個位置。

  1. 通過導航到 WordPress 儀表板中的“Divi”>“Theme Builder”來啟用 Visual Builder。
  2. 選擇全局模板上方的複製圖標。
  3. 在彈出窗口中選擇您要分配此模板的位置，然後單擊底部的“保存”。

將變化保存到 Divi Cloud

接下來，編輯標題並將其保存到 Divi Cloud。

  1. 單擊要添加到 Divi Cloud 的標題的編輯圖標。
  2. 單擊頁面底部的紫色“保存到庫”圖標。
  3. 輸入佈局的名稱，選擇保存到雲，然後選擇您的類別和標籤。 選擇名稱、類別和標籤，使其清楚地表明它是另一種佈局的變體。
  4. 單擊“保存到庫”。
  5. 關閉 Theme Builder 的編輯器。
  6. 選擇 Theme Builder 左上角的“Save Changes”。

標題佈局變化二

對於我們的第二個變體，我們將復制標題並在 Divi Cloud 中對其進行編輯。 為此，我們將退出 Divi Theme Builder 並在任何 Divi 頁面或帖子上使用 Visual Builder。

複製標題佈局

首先，您需要將佈局加載到 Divi Cloud 編輯器中。

  1. 首先，通過導航到 Divi 網站前端的任何頁面並單擊屏幕頂部工具欄中的“啟用 Visual Builder”來啟用 Visual Builder。
  2. 單擊頁面底部 Divi 工具欄上的紫色加號圖標以打開 Divi 庫。
  3. 單擊頂部標有“您保存的佈局”的選項卡。
  4. 接下來，查看您的 Divi Cloud 項目。 單擊左側邊欄中位置下標有“我的 Divi Cloud”的複選框。
  5. 通過搜索、排序或過濾 Divi Cloud 項目找到要復制的佈局。 按關鍵字或收藏夾搜索，選擇類別和/或標籤以過濾它們，或根據時間、名稱或收藏夾對其進行排序。
  6. 右鍵單擊要復制的佈局。
  7. 在彈出菜單中選擇“複製”。
  8. 或者，您可以右鍵單擊“佈局詳細信息”屏幕中的預覽以打開菜單項，然後單擊彈出菜單中的“複製”。
  9. 將打開一個模式，您可以在其中選擇詳細信息。 在“佈局名稱”字段中添加一個新名稱。 選擇此佈局所需的類別或添加新類別。 選擇或添加新標籤。 輸入佈局的名稱，選擇“保存到雲端”，然後選擇您的類別和標籤。 選擇名稱、類別和標籤，使其清楚地表明它是另一種佈局的變體。
  10. 完成後單擊綠色複選標記按鈕。 佈局會自動保存在您的 Divi Cloud 中，因此您無需保存頁面。

編輯雲內部的佈局

接下來，使用 Divi Visual Builder 對 Divi 佈局進行更改。 除了保存到庫、頁面設置和可移植性之外，這與任何頁面中的 Visual Builder 的工作方式相同。 編輯器已啟用，因此您可以開始進行更改。

  1. 通過搜索、排序或過濾 Divi Cloud 項目找到要編輯的佈局。 按關鍵字或收藏夾搜索，選擇類別和/或標籤以過濾它們，或根據時間、名稱或收藏夾對其進行排序。
  2. 右鍵單擊要編輯的佈局。
  3. 在彈出菜單中選擇“使用 Divi 編輯”。 啟用 Visual Builder 後，佈局將在新選項卡而不是您網站上的頁面中打開。
  4. 或者，您可以在 Layout Details 屏幕中右鍵單擊預覽以打開菜單項，然後在彈出菜單中單擊“Edit With Divi”。
  5. 只需像往常一樣使用 Divi Builder 編輯佈局。 添加或自定義部分、行、列、模塊、代碼等。

將標題變化更改保存在雲中

最後，保存您的更改。 編輯內容會自動保存在 Divi Cloud 中。

  1. 單擊佈局右下角的“保存雲項”以保存更改。
  2. 等待更改保存。 更改保存在雲本身中。
  3. 完成編輯後關閉選項卡。 這不是您網站上的頁面，因此您無需退出 Visual Builder。

結束的想法

這就是我們對如何在 Divi Cloud 中創建項目變化的看法。 Divi 可以輕鬆創建變體並將它們存儲在雲中。 有幾種方法可以創建變體。 無論您使用哪種方法，請務必創建描述性名稱並使用類別和標籤，以幫助您一目了然地了解變化。 Divi Cloud 是存儲多種變體以在任何 Divi 網站上使用的好方法。

我們希望收到你的來信。 您是否在 Divi Cloud 中創建了項目變體？ 請在評論中告訴我們您的體驗。