構建網站時使用 Divi 快速操作的 7 個技巧

已發表: 2019-02-20

Divi Quick Actions 可以成為您設計工作流程的寶貴資產。 快速操作使您可以輕鬆找到所需的任何內容並從一個方便的位置執行 Divi Builder 任務。 而且顧名思義,您可以快速執行操作,這無疑提高了在Divi中設計網站的效率。

在本教程中,我將提供七個使用 Divi 快速操作的技巧,這些技巧將使您更有效地在 Divi 中構建網站。

為什麼您應該考慮使用快速操作

您應該考慮使用快速操作的一個主要原因是讓您成為更高效的 Divi 用戶。 通過避免點擊幾下來完成一項任務而節省的時間似乎不值得。 但是,當您在構建 Divi 站點的整個過程中結合這些節省時,您可以節省大量的工作時間。 另外,有一個地方可以找到您需要的東西非常方便。 即使是 Divi 專家也會忘記某些東西在哪裡,並且不得不通過分散注意力的搜索需要更新的特定選項或設置來中斷他們的工作流程。 但是,通過快速操作,無需離開頁面即可快速輸入所需內容,從而帶來一定的舒適感。

Divi 快速操作是 Divi 中的一項功能,可用作有用的優化和設計工具。 但就像任何工具一樣,習慣使用它需要一點時間。 當然,您不必使用它。 如果沒有快速操作,您就無法輕鬆構建網站。 你當然可以。 但是,您可能會發現花點時間探索快速操作的工作原理可能會讓您發現一些簡化工作流程和提高生產力的有價值的方法。

如何使用 Divi 快速操作

要使用快速操作系統,只需在構建器中按 Shift+Space。 或者,您也可以單擊位於頁面底部的頁面設置欄中的新搜索圖標。

分部快速行動

現在讓我們來看看這些技巧。

提示 #1:為“轉到”命令標記您的 Divi 元素

分部快速行動

管理員標籤一直是 Divi 不可或缺的一部分。 在 Visual Builder 出現之前,管理員在使用 Divi Builder 時依靠這些標籤來識別 Divi 元素。 然而,即使能夠在前端(視覺上)進行構建,管理標籤仍然很有價值。 就像以前一樣,管理標籤仍然可以幫助您(或您的客戶)輕鬆識別線框視圖中的元素。 從桌面視圖切換到線框視圖時,您不需要猜測某個部分的位置。 但是還有另一個很好的理由來標記您的 Divi Elements。 Divi 的快速操作菜單有一個“轉到”命令,可讓您快速搜索並跳轉到頁面上的任何元素。 如果您標記了元素,則可以輕鬆識別要“轉到”的元素。

例如,假設您有一個包含視頻的頁面部分,您可以輕鬆地將該部分標記為“視頻”,方法是直接從線框視圖中直接輸入標籤“視頻”或在設置模式中填寫管理標籤.

分部快速行動

標籤到位後,部署快速操作菜單並輸入“轉到視頻”。 Divi 將自動跳轉到該部分並打開設置模式。

分部快速行動

您可能已經將管理標籤合併到您的工作流程中。 如果是這樣,現在您可以輕鬆地快速找到標記的元素。

當您有很長的頁面內容時,這尤其有用。

技巧 2:使用 Insert 命令插入新的 Divi 元素

這可能是對您的工作流程最直觀且最容易實施的快速操作之一。 要使用插入命令,您需要做的就是部署快速操作菜單並鍵入“插入”,然後輸入要插入的任何元素。 這對於插入新模塊特別有用,因為傳統方法要求您搜索模塊。 例如,如果您想添加一個文本模塊,傳統上您會單擊灰色加號圖標,搜索該模塊(通過滾動或使用搜索欄),然後選擇該模塊。

分部快速行動

通過快速操作,您只需鍵入“插入文本”並按 Enter。 然後,您可以使用直觀的懸停指示將模塊放置在頁面上您想要的任何位置。

分部快速行動

額外提示

實際上,由於在部署快速操作菜單時插入命令是列表中的第一個命令,因此從技術上講,插入一個模糊模塊所需要做的就是部署快速操作菜單,單擊 Enter(這將選擇插入命令),然後輸入“blurb”並再次按回車鍵。

另一個額外提示:優化搜索設置

如果您發現自己越來越多地使用“插入”命令,則可以通過優化快速操作搜索設置以始終使用“插入”命令開始搜索,從而進一步加快快速操作搜索的速度。

分部快速行動

通過這種方式,您需要做的就是部署快速操作菜單並鍵入“文本”,因為插入命令已經存在。

分部快速行動

提示 #3:從你的 Divi 庫中插入保存的元素

通過快速操作插入命令,您可以從您的 Divi 庫中添加任何已保存的元素。 這包括保存的部分、行、模塊或佈局。

只需鍵入“插入已保存”,然後輸入要添加的元素類型(部分、行、模塊或佈局)。

這是一個有用的功能,但如果您保存了大量元素,您可能需要考慮一個更分類的命名系統來幫助加快搜索速度。

使用分類名稱組織您的圖書館項目

如果您的 Divi 庫中有大量已保存的項目,將它們插入到您的頁面(即使是快速操作)可能會比需要的更耗時。 畢竟,您很容易忘記特定模塊、行或部分的確切名稱。 使用快速操作更快速地找到已保存元素的一種方法是,在將每個元素保存到您的庫時,有目的地為每個元素指定一個分類名稱。 這與為您保存的元素分配類別不同。 例如,如果我想將我的主頁元素保存到 Divi 庫,我可以通過在名稱的開頭插入“主頁”來對每個元素的名稱進行分類。 因此,如果我要在主頁上保存一段展示功能的簡介,我會在將其保存到庫時為該部分提供以下名稱。

“主頁 - 功能部分”

分部快速行動

如果我想保存一行功能簡介,我會給它以下名稱:

“主頁 - 功能行”

分部快速行動

如果我想保存一個展示功能的簡介模塊,我會給它以下名稱:

“主頁 - 開球時間功能簡介”

分部快速行動

有了這個命名系統,您可以在快速操作菜單的分類列表中輕鬆找到您要查找的已保存元素。 假設您想添加之前在主頁上構建的功能部分,您可以執行以下三件事之一。

1) 您可以部署快速操作菜單並輸入“主頁”。 這將顯示名稱開頭帶有“主頁”的已保存元素列表。 在那裡,您可以使用分類的“主頁”名稱識別您正在尋找的特定部分。

分部快速行動

2) 您可以鍵入“插入已保存的部分”或簡單地“已保存的部分”以查看所有已保存部分的列表。 在那裡,您可以識別按“主頁”分類的那個。

分部快速行動

3) 如果您記住了該部分的名稱,則可以輸入該名稱並節省更多時間。

分部快速行動

提示 #4:使用 Open 命令在 Divi Builder 中打開頁面

快速操作中的打開命令可用於打開您在網站上創建的任何頁面、帖子或項目。 例如,在快速操作菜單中,知道搜索命令“打開頁面”有助於顯示您網站上所有現有頁面的列表。

分部快速行動

從快速操作菜單打開頁面的好處在於,每個頁面都在新選項卡中打開,並且已經部署了 Divi 構建器。 當您處於網頁設計模式時,這很方便,因為它允許您跳過一些可能會分散您的創造力或思維壓力的步驟。

如果您知道頁面的名稱,您可以輸入“open”,然後輸入您的頁面名稱以將其顯示出來。 因此,例如,如果您有一個標題為“關於”的頁面。 要打開該頁面,只需鍵入“open about”。 該頁面應彈出到列表的頂部。 然後你需要做的就是點擊進入! 您將自動重定向到“關於”頁面,Divi Builder 已經處於活動狀態並準備好進行編輯。

分部快速行動

提示 #5:使用快速操作作為鍵盤快捷鍵的墊腳石

對於那些致力於學習鍵盤快捷鍵的人來說,快速操作可以成為有用的老師。 讓我們面對現實吧,我們大多數人不會花時間一次記住所有鍵盤快捷鍵,然後在您將它們強加到您的工作流程中時掙扎。 但是,我敢打賭,如果您花一點時間來識別標記在快速操作選項旁邊的鍵盤快捷鍵,您將更傾向於在下次考慮該特定操作時嘗試使用它們。 這裡有幾個例子來說明這可能如何發揮作用。

從“頁面設置”到“O”

假設您正在快速操作,並且您發現自己經常輸入“頁面設置”來訪問頁面設置(因為您是搖滾明星並且您知道行話)。 然後有一次您注意到標記在選項最右側的字母“O”。

分部快速行動

然後一個燈泡熄滅,您可以通過一個簡單的鍵訪問頁面設置! 你可能再也不會回到老路了。

從“線框”到“shift-w”

您只需在快速操作菜單中鍵入“線框視圖”即可部署線框視圖。 但是您可能會注意到列表中選項右側標記的鍵盤快捷鍵“shft + w”。

分部快速行動

這個小快捷鍵非常適合在線框和桌面視圖模式之間來回切換!

不要忘記“?”

要訪問快速操作菜單中的快捷方式列表,您可以使用構建器命令。 只需鍵入“構建器快捷方式”。 或者您也可以只輸入“鍵盤快捷鍵”或簡單的“快捷鍵”。 但是,不要忽視鍵盤快捷鍵標籤“?” 向右。

分部快速行動

您只需輸入“?”即可查看完整的鍵盤快捷鍵列表。 在 Divi Builder 中,然後單擊鍵盤快捷鍵選項卡。

提示 #6:快速更新頁面選項和頁面設置

在 Divi 中建立網站時,您會經常遇到需要更新您的頁面設置、主題設置和主題選項。 這裡有一些方法可能會派上用場。

頁面創建流程

在那裡,您正在創建網站的第三頁,並意識到您不想每次都被“頁面創建流程”彈出窗口所困擾。 部署快速操作菜單並輸入“flow”。 然後選擇“頁面創建流程”選項以打開找到該選項的頁面設置模式。

分部快速行動

然後您可以將其更改為“從頭開始構建”,這樣每次在新頁面上部署 Divi 構建器時,您都可以立即開始構建。

分部快速行動

新模塊的佔位符內容

習慣使用 Divi 模塊後,您可能會發現不再需要佔位符內容。 這使您無需在添加自己的佔位符內容之前刪除佔位符內容。 部署快速操作菜單並鍵入“構建器設置”以禁用該選項。

分部快速行動

分部快速行動

更新調色板

我敢打賭,你們中的許多人在構建網站時仍在浪費寶貴的時間來搜索顏色代碼並將其複制並粘貼到部分、行和模塊中。 你不需要! 只需部署快速操作菜單並鍵入“顏色”,然後選擇“頁面調色板設置”選項。

分部快速行動

這將直接帶您進入頁面調色板。 在那裡,您可以將正在使用的新顏色添加到調色板中,並且在構建頁面時,它將在每個 Divi 元素設置模式中的所有調色板中可用。 現在,您只需單擊調色板中的顏色,而無需一遍又一遍地搜索。

分部快速行動

將自定義 CSS 添加到您的頁面

如果您想將自定義 CSS 添加到您的頁面,通常只需單擊幾下即可打開頁面設置並單擊高級選項卡(如果您還記得它的位置的話)。 使用快速操作,您可以簡單地部署快速操作菜單並鍵入“css”,然後單擊 Enter 以選擇“頁面自定義 CSS 設置”。

分部快速行動

就像那樣,您無需單擊鼠標即可到達所需的位置。

分部快速行動

提示#7:使用你的生命線

我將是第一個承認我曾經遭受不問方向或閱讀說明的經典男性刻板印象的人。 但我已經吸取了教訓。 在經歷了多次失敗之後,我發現我承擔的任何項目的成功(例如為我女兒建造玩具廚房)在很大程度上取決於我拿到說明書的時間。 使用 Divi 構建網站也是如此。 通過快速操作,只需按幾下鍵即可獲得幫助文檔和支持。

需要視頻模塊的快速概覽,只需部署快速操作菜單並鍵入“幫助視頻”或“視頻模塊”。 在那裡,您將看到一個彈出視頻教程的鏈接或指向文檔文章的外部鏈接。

分部快速行動

分部快速行動

有一個需要自定義支持的特定問題,只需鍵入“support”即可打開指向 Elegant Themes Support 頁面的外部鏈接。

分部快速行動

分部快速行動

最後的想法

如果您對將 Divi Quick Actions 納入您的工作流程猶豫不決,我希望這些技巧可以幫助您擺脫困境,以便您可以親自嘗試。 從長遠來看,即使是其中的一兩個技巧也可以為您節省寶貴的時間。

我很想知道您可能需要與我們分享的一些技巧。 我期待在下面的評論中收到您的來信。

乾杯!