如何預覽 Divi Cloud 項目

已發表: 2022-06-03

使用 Divi 一段時間後,很容易構建一個大型的建築元素庫。 Divi Cloud 的優勢在於我們可以將這些建築元素存儲在雲中,以便隨時從任何 Divi 網站訪問。 這意味著您可以擁有一個大型庫來排序或搜索以找到正確的佈局。 幸運的是,Divi Cloud 可以在導入佈局之前輕鬆預覽佈局,讓您的庫更易於使用。 在這篇文章中,我們將了解如何使用三種不同的方法預覽 Divi Cloud 項目,以幫助您在導入佈局之前縮小選項範圍。

讓我們開始吧!

為什麼要預覽 Divi Cloud 項目?

在導入之前預覽 Divi Cloud 項目是節省時間的好方法。 使用 Divi Cloud 的優勢之一是能夠創建和保存佈局的多種變體。 與任何有用的網站構建工具文件夾一樣,一旦您有多個佈局,就很難知道哪個佈局是哪個。

預覽會在導入之前為您提供佈局的快照。 這使得每次導入正確的佈局變得更加容易。 如果您有多個看起來相似或名稱相似的佈局,這將特別有用。

預覽使瀏覽您的圖書館更容易。 您可以搜索佈局並對佈局進行排序,直到有東西引起您的注意,然後預覽它以了解它是否適合您。 在導入之前,您將了解佈局的外觀。

如何輕鬆找到 Divi Cloud 項目

在我們了解如何預覽 Divi Cloud 項目之前,讓我們看看如何找到它們。 有幾種方法可以在 Divi Cloud 中找到您的 Divi 佈局。

  1. 首先,通過導航到 Divi 網站前端的任何頁面並單擊屏幕頂部工具欄中的“啟用 Visual Builder”來啟用 Visual Builder。
  2. 單擊頁面底部 Divi 工具欄上的紫色加號圖標以打開 Divi 庫。
  3. 單擊頂部標有“您保存的佈局”的選項卡。
  4. 接下來,查看您的 Divi Cloud 項目。 單擊左側邊欄中位置下標有“我的 Divi Cloud”的複選框。
  5. 除非您需要按標籤對它們進行排序,否則請確保選擇了網格視圖。 這是右側佈局縮略圖上方的網格圖標。
  6. 通過搜索、排序或過濾 Divi Cloud 項目來找到要預覽的佈局。 按關鍵字或收藏夾搜索,選擇類別和/或標籤以過濾它們,或根據時間、名稱或收藏夾對其進行排序。

如何預覽 Divi Cloud 項目

可以通過三種方式在 Divi Cloud 中預覽 Divi Cloud 項目。 讓我們看看如何使用所有三種方法預覽您的 Divi 佈局。

預覽 Divi Cloud 項目縮略圖

預覽佈局的縮略圖是最快和最簡單的預覽方式,但是,由於它是縮略圖,所以它更小,更難看到細節。

  1. 首先,通過導航到 Divi 網站前端的任何頁面並單擊屏幕頂部工具欄中的“啟用 Visual Builder”來啟用 Visual Builder。
  2. 單擊頁面底部 Divi 工具欄上的紫色加號圖標以打開 Divi 庫。
  3. 單擊頂部標有“您保存的佈局”的選項卡。
  4. 接下來,查看您的 Divi Cloud 項目。 單擊左側邊欄中位置下標有“我的 Divi Cloud”的複選框。
  5. 除非您需要按標籤對它們進行排序,否則請確保選擇了網格視圖。 這是右側佈局縮略圖上方的網格圖標。
  6. 通過搜索、排序或過濾 Divi Cloud 項目來找到要預覽的佈局。 按關鍵字或收藏夾搜索,選擇類別和/或標籤以過濾它們,或根據時間、名稱或收藏夾對其進行排序。
  7. 找到要預覽的佈局後,將鼠標光標懸停在佈局的縮略圖上。 佈局將在縮略圖中滾動,您可以在其中看到佈局的預覽。 將光標放在縮略圖上會向下滾動,而將光標從縮略圖上移開會向上滾動。

在佈局詳細信息中預覽 Divi Cloud 項目

您還可以在可以滾動瀏覽的較大窗口中預覽 Divi Cloud 佈局。 此預覽顯示佈局的大圖像,非常適合在使用之前詳細查看佈局。

  1. 首先,通過導航到 Divi 網站前端的任何頁面並單擊屏幕頂部工具欄中的“啟用 Visual Builder”來啟用 Visual Builder。
  2. 單擊頁面底部 Divi 工具欄上的紫色加號圖標以打開 Divi 庫。
  3. 單擊頂部標有“您保存的佈局”的選項卡。
  4. 接下來,查看您的 Divi Cloud 項目。 單擊左側邊欄中位置下標有“我的 Divi Cloud”的複選框。
  5. 除非您需要按標籤對它們進行排序,否則請確保選擇了網格視圖。 這是右側佈局縮略圖上方的網格圖標。
  6. 通過搜索、排序或過濾 Divi Cloud 項目來找到要預覽的佈局。 按關鍵字或收藏夾搜索,選擇類別和/或標籤,或根據時間、名稱或收藏夾對其進行排序。
  7. 找到要預覽的佈局後,單擊佈局的縮略圖。 這將打開佈局詳細信息視圖並在更大的窗口中顯示佈局。 它在左側顯示佈局,在右側顯示更多佈局的縮略圖列表。
  8. 將鼠標懸停在大窗口中的佈局上並滾動以查看佈局。 您可以在此窗口中上下滾動。

預覽現場演示

最後,您可以在您的網站上以現場演示的形式預覽佈局。 現場演示是完全交互式和響應式的。 這可以讓您在使用佈局之前獲得最佳的佈局視圖。

  1. 首先,通過導航到 Divi 網站前端的任何頁面並單擊屏幕頂部工具欄中的“啟用 Visual Builder”來啟用 Visual Builder。
  2. 單擊頁面底部 Divi 工具欄上的紫色加號圖標以打開 Divi 庫。
  3. 單擊頂部標有“您保存的佈局”的選項卡。
  4. 接下來,查看您的 Divi Cloud 項目。 單擊左側邊欄中位置下標有“我的 Divi Cloud”的複選框。
  5. 除非您需要按標籤對它們進行排序,否則請確保選擇了網格視圖。 這是右側佈局縮略圖上方的網格圖標。
  6. 通過搜索、排序或過濾 Divi Cloud 項目來找到要預覽的佈局。 按關鍵字或收藏夾搜索,選擇類別和/或標籤,或根據時間、名稱或收藏夾對其進行排序。
  7. 找到要預覽的佈局後,單擊佈局的縮略圖。 這將打開佈局詳細信息視圖並在 Divi Cloud 屏幕左側的較大窗口中顯示佈局。
  8. 選擇佈局圖像下方標有“查看實時演示”的綠色按鈕。 這會暫時導入佈局並關閉 Divi Cloud 窗口,以便您可以在您的網站上查看佈局。 它看起來與導入佈局時相同,您可以單擊、懸停、滾動、查看動畫等,等等。
  9. 或者,您可以右鍵單擊第一個屏幕上的縮略圖或佈局詳細信息屏幕中的佈局圖像,然後從彈出菜單中選擇“實時預覽”。 這與單擊綠色的“查看實時演示”按鈕相同。
  10. 單擊屏幕右上角的 X 關閉預覽並返回 Divi Cloud 佈局窗口。

結束的想法

這就是我們對如何預覽 Divi Cloud 項目的看法。 預覽是瀏覽 Divi Cloud 庫的好方法。 有幾種方法可以預覽佈局,包括查看縮略圖、查看更大的圖像以及查看您網站上的佈局。 每種方法在速度、細節和交互性方面都有優勢。 所有這三種方法都值得嘗試幫助您縮小要在網站上使用的確切 Divi 佈局。 我建議按照我們在此處顯示的順序使用它們,以便以最快的方式找到您的 Divi Cloud 佈局。

我們希望收到你的來信。 您是否在導入 Divi Cloud 項目之前預覽它們? 讓我們在評論中知道。