️ 節省時間的技巧:使用 AI 簡化 Divi 網站開發

已發表: 2023-12-02

我們的 Divi 網路星期一促銷旨在為您提供快速高效地建立令人驚嘆的網站所需的產品的最優惠價格。 這就是為什麼今天我們很高興分享一些節省時間的技巧,以使用 Divi 最強大的功能之一 — Divi AI 更快地建立 Divi 網站。 但在我們探索 Divi AI 快速 Web 開發的強大功能之前,我們先簡單介紹一下今天仍然可用的網路星期一優惠。

目錄
  • 1瘋狂的網絡星期一優惠仍然存在
    • 1.1 Divi AI 44折剩9天
  • 2 Divi AI 簡化 Web 開發的力量
    • 2.1 Divi AI 有何獨特功效?
  • 3利用 AI 簡化 Divi Web 開發的 15 個省時技巧
    • 3.1 1. 利用AI快速改造預製佈局
    • 3.2 2. 新增網站標題和標語以幫助 Divi AI 了解您的網站
    • 3.3 3.讓Divi AI為您建議
    • 3.4 4. 點選文字翻譯
    • 3.5 5.用關鍵字豐富內容
    • 3.6 6. 用有用的內容取代 Lorem Ipsum
    • 3.7 7. 將 Divi 優化的 CSS 樣式加入任何模組
    • 3.8 8. 為整個 Divi 模組自動產生內容
    • 3.9 9. 使用參考影像細化影像
    • 3.10 10. 使用 Divi AI 快速操作產生乾淨且相容的程式碼
    • 3.11 11. 為更多元素和功能產生自訂程式碼片段
    • 3.12 12. 理想解析度的高級影像
    • 3.13 13. 創造完美尺寸的圖像
    • 3.14 14.根據頁面上下文取得圖像建議
    • 3.15 15. 將AI程式碼片段儲存到Divi Cloud以便即時存取
  • 4 Divi AI 無限生成 AI
  • 5購買 Divi AI 套裝包,享受更多優惠!
  • 6敬請期待! 明天 24 小時獨家抽獎。

瘋狂的網絡星期一優惠仍然存在

距離我們的網絡星期一促銷結束僅剩幾天了。 然而,我們仍然在整個 Divi 生態系統中提供最大幅度的折扣:Divi 和 Divi 帳戶升級可享受25% 的折扣,Divi Cloud、Divi Teams、Divi VIP 和 Divi AI 可以享受44% 的折扣,部分Divi 產品可享受高達62% 的折扣套裝包,以及 Divi Marketplace 的大幅折扣,包括我們的獨家市場捆綁包。 不要忘記,參與我們網絡星期一促銷的每個人都將在每次符合資格的購買中獲得免費獎品、解鎖秘密摺扣和獨家網站包!

帶我去拍賣會

距離 Divi AI 44% 折扣還有 9 天

任何在網路星期一促銷期間購買 Divi AI 訂閱的人都將獲得 44% 的折扣。 這意味著您無需支付 Divi AI 會員資格的全部費用。 此外,您還可以無限制地產生所需的 AI 內容、圖像或程式碼。 像 Divi AI 這樣的優質人工智慧工具的價格肯定會在某個時候上漲,所以您不想錯過這個鎖定終身儲蓄的機會。

享受 Divi AI 44% 折扣

Divi AI 簡化 Web 開發的力量

迪維人工智慧

Divi AI 是整合到 Divi Builder 中的強大 AI 助手,透過提供三個強大的 AI 產生器來增強 WordPress 網站創建:Divi Text AI、Divi Image AI 和 Divi Code AI。 以下是每項的簡要概述。

迪維文本人工智慧

Divi Text AI 是數位寫作伴侶,從頭開始建立網站副本或完善現有內容。 這個工具可以快速產生標題、段落,甚至是部落格文章。 此外,Divi Text AI 可作為專業的文案編輯器,可調整語氣、長度和清晰度,以幫助您更有效地吸引受眾。

迪維圖像AI

Divi Image AI 消除了庫存影像搜尋和複雜影像編輯的需要。 只需單擊一次即可使用自然語言介面生成各種圖像來匹配您網站的品牌。 此外,Divi Image AI 可以轉換現有影像,調整其風格或主題以更好地適應網站的上下文,甚至可以將影像升級到更高解析度,以便在各種裝置上顯示更清晰的效果。

迪維代碼AI

Divi Code AI 是您輕鬆自訂 Divi 網站的關鍵。 它充當 Divi 的個人 Web 開發人員,可以在 Visual Builder 中編寫程式碼並產生自訂 CSS。 它經過 Divi 模組程式碼庫的明確訓練,可以有效地解釋使用者提示以建立自訂 HTML、CSS 和 JavaScript 元素。 此外,只需單擊一個按鈕,您就可以透過新功能、正確的格式和瀏覽器相容性來改進現有程式碼。

是什麼讓 Divi AI 有獨特的功效?

Divi AI 對於利用 AI 簡化網站建立流程具有獨特的功效。 以下是 Divi AI 脫穎而出的幾個面向:

  • Divi 網站的一鍵式人工智慧內容產生。 您不需要提示 Divi AI 為您的網站產生內容。 您可以選擇自動建立文字或圖像。 您甚至可以一鍵生成充滿內容的整個模組。
  • 可在 Visual Builder 和 Divi 模組中存取。 您可以使用 Divi AI 在 Divi 的 Visual Builder 中即時產生 AI 內容。 這使您可以在設計頁面時動態生成 AI 文字和圖像,使其成為比使用其他第三方 AI 工具來回跳躍更方便的解決方案。
  • 在適當的上下文中為您的網站產生內容:與獨立的 AI 工具不同,Divi AI 可以理解您的 Divi 網站的上下文。 它可以分析您網站的風格、內容和結構,提供與您現有內容和設計相符的建議和創作。
  • 簡化的設計流程:人工智慧的力量減少了花在平凡任務上的時間。 從產生引人注目的副本到建議設計元素,Divi AI 加速您的工作流程,讓您專注於網頁設計的創意方面。
  • 易於使用的提示和快速操作。 Divi 消除了提示人工智慧產生適合您網站的內容的繁重工作。 您可以撰寫詳細的提示或讓 Divi AI 產生建議的提示。

簡而言之,Divi AI 就像您的私人助理,隨時可以產生文字、圖像和程式碼,以簡化建立特定於您的品牌和需求的網站。

獲取迪維AI

利用 AI 簡化 Divi Web 開發的 15 個省時技巧

我們確信您對 Divi AI 如何節省時間感到好奇。 我們希望向您提供 15 種我們看到用戶縮短新網站建置時間的方法。 這些技巧都經過測試並保證可以加快您的開發時間。 我們列舉了一些簡單的範例,以便您可以直觀地了解如何在使用 Divi AI 建立網站時節省時間並賺取更多錢。

1. 利用 AI 快速轉換預製佈局

在建立 Divi 網站時,使用預製佈局是節省時間和金錢的最佳方法之一。 並非每個網站都需要從空白畫面製作。 值得慶幸的是,Divi 擁有超過 2,400 個免費佈局,以及 Divi Marketplace 中的更多佈局。

Divi 預製佈局

將 Divi AI 與頁面佈局結合使用的好處是您可以快速自訂任何給定的設計。 並非每個佈局都會完美匹配,但 Divi AI 可以幫助您快速對其進行改造以適合您的品牌。 這可以讓您在網站上獲得所需的專業品質,同時花費更少的時間、精力和金錢。

例如,一家咖啡店可能喜歡我們的麵包店佈局,但顯然,圖像會略有偏差,儘管整體感覺是存在的。 Divi AI 讓您可以快速將麵包店的現有圖像轉換為咖啡店的圖像。 使用佈局影像作為參考影像可以保留原件的情緒和色彩組成,同時創建更適合用途的內容。

您可以對預製佈局上的任何圖像執行此操作。 開啟影像設定並選擇“使用 AI 產生影像”。 參考影像應該已經存在。 之後,給一個簡單的文字提示你想要將影像轉換成什麼,並將參考影像影響力調整到20%左右。 這將為您提供一個全新的圖像,保持參考圖像的原始風格。

使用 divi-ai 變換影像

對整個佈局中的所有圖像重複這些步驟,您的頁面設計就會取得顯著的進展。 這是將 Divi Bakery Layout Pack 佈局轉換為咖啡店的新頁面設計的插圖。

使用 divi-ai 變換預製佈局

任何佈局都可以透過 Divi AI 快速轉換,這使得我們豐富的免費佈局庫變得更加有價值。

2. 新增網站標題和標語以幫助 Divi AI 了解您的網站

Divi AI 了解您的網站並使用該資訊作為其內容生成的上下文。 假設您使用以下資訊建立網站:網站標題為“Divi Interior Design”,標語為“Elegant Interior Design for Your Home or Business”。 此資訊可在 WordPress 儀表板的「設定」>「常規」下存取。

我們將使用「使用AI 自動產生文字」功能來示範如何新增此資訊。 在不添加任何自訂提示的情況下,我們可以看到 Divi AI 如何使用這些網站詳細資訊為您產生文字。

網站標題和標語為 Divi AI 提供了堅實的資訊基礎,幫助其了解您需要什麼類型的內容。 這兩個訊息足以讓您的人工智慧產生的內容感覺更自在,並且可以毫不費力地根據您的需求進行客製化。 但這只是開始。 Divi AI 擁有將您的網站內容優化至完美的所有工具。 由於 Divi 不斷學習和評估您的內容,每一步的結果都會變得更加準確。

3.讓Divi AI為您提供提示

如果您不確定接下來要寫什麼或要在頁面的某個部分添加什麼圖像,Divi AI 可以幫助集思廣益給出提示。 因為 Divi 了解您頁面的內容,所以它可以幫助您完成您想要要求它創建的內容。

打開 Divi AI 提示框(對於文字欄位或圖像欄位),您將在描述框中看到「 AI 」按鈕。 點擊它將命令 Divi AI 為您編寫提示。

Divi AI 為您建立提示 - 步驟 1-2

根據網站的設定和內容(關於高中橄欖球隊),Divi AI 提出了一個有趣的提示,我們可以選擇使用。 由於提示並未立即用於建立影像,因此我們可以根據需要修改提示。 或者我們可以透過點擊“生成”來完成。

Divi AI 為您建立提示 - 範例

這是與人工智慧共同設計圖像元素的好方法。 使用一點人工智慧,然後發揮一點你的想像。 這種結合可以產生真正的創造性成果。

有關自訂提示的更多提示,請查看這些 Divi 影像提示的重要提示。

4. 點選文字翻譯

Divi AI 在文字和語言方面令人印象深刻。 它可以將預先寫好的段落或標題在幾秒鐘內當場翻譯給您。 它在將文字翻譯成支援的語言方面做得非常出色,並且非常可靠。 若要測試翻譯如何為您的業務服務,請複製最重要的頁面。 為重複頁面提供特定於該語言的 URL 結構 - 在我們的範例中,我們正在執行“/es/services/rebranding”,將品牌重塑服務頁面從英語翻譯為西班牙語。

現在我們有了要翻譯的頁面,我們可以從英雄部分的標題和摘錄開始。 點選頁面設定。 在標題欄位中,找到 Divi AI 按鈕。 從那裡選擇“翻譯”,然後選擇您的語言。

Divi AI 翻譯網頁 - 步驟 1-4

Divi AI 將花費幾秒鐘來翻譯您的內容。 按一下「使用此文字」將英文文字取代為新翻譯的文字。

Divi AI 翻譯網頁 - 步驟 5

翻譯頁面其餘部分的步驟相同。 您可以在幾分鐘內翻譯頁面上的每個元素,而成本只是手動翻譯的一小部分。 儘管如此,有一個能流利翻譯您的語言的人來檢查還是有好處的。

5.用關鍵字豐富內容

對我們大多數人來說,用關鍵字和主題短語寫出網站內容是很尷尬的。 我們最終會使用相同的短語和其他語法選擇,同時過度思考這個過程並放慢自己的速度。 Divi AI 允許不受限制的書寫,通常可以更快地獲得結果。 寫完您需要的內容後,您可以考慮根據 SEO 目的進行客製化。

為此,請開啟包含一些文字的 Divi 模組。 點擊“ AI ”圖示並選擇“利用 AI 進行改進”。

Divi AI 使用關鍵字重寫 - 步驟 1-2

選擇您的內容類型,提供快速改進說明(並非總是必要),將上下文縮小到此單一模組,然後輸入您從 Semrush 等關鍵字研究工具獲得的關鍵字。 之後,點擊「生成文字」即可查看Divi AI如何將關鍵字新增至您選擇的文字。

Divi AI 使用關鍵字重寫 - 步驟 3-7

在我們的例子中,內容幾乎與之前相同,只是巧妙地添加了我們的關鍵字,這是一個令人愉快的區別。 當您有其他作者的內容需要快速優化而您只需做很少的工作時,這尤其有用。 這將為您在整個網頁設計專案中節省無數時間。

6. 用有用的內容取代 Lorem Ipsum

每個設計師都討厭發送他們使用 Lorem Ipsum 為客戶設計的網站的初始模型。 與我們合作過的一半客戶總是會問:“為什麼我的網站是拉丁文的?” Divi AI 以 AI 產生的內容作為有用佔位符內容的可靠初稿,讓您跳過尷尬的對話,更接近最終成品。

使用 ai 變換內容之前和之後

7. 將 Divi 優化的 CSS 樣式加入任何模組

超越 Divi 廣泛的無程式碼樣式選項,為任何模組提供 AI 生成的 CSS。 Divi AI 了解 Divi 模組程式碼庫,可協助您透過明文提示建立新樣式,該提示適用於您要使用的任何模組。

Divi AI 的 CSS 生成模組有助於複雜的動畫、基於自訂 ID 的樣式、具有有限標準 Divi 選項的樣式元素以及垂直對齊。 它在編寫程式碼時識別正確的目標元素,因此它始終適用於您正在處理的模組。 透過 Divi Code AI,您可以確保自動定位正確的元素。

8. 為整個 Divi 模組自動產生內容

某些 Divi 模組具有多個文字字段,Divi AI 可以使用網站和頁面上下文填充文字。 這有助於為具有各種元素的更結構化的視覺模組添加文字。 在本範例中,我們使用了 Blurb 模組。 此模組有標題、正文和圖像欄位。 您會注意到內容選項頂部有一個大按鈕,可讓您「使用 AI 自動產生文字」。

點擊此按鈕將允許 Divi AI 自動填充標題和正文文字輸入框。 由於目前網站是一家室內設計公司,Divi AI會建議與我的網站資訊相關的內容。 而且由於blurb模組還包含圖像,因此它會自動生成圖像!

只需點擊一下,Divi AI 即可使用網站上下文建立您可以使用或完善的初稿。

這也非常適合為電子郵件選擇加入模組號召性用語產生內容。 由於 Divi 了解您的頁面內容,因此只需單擊一次即可為所有元素生成內容。

自動產生電子郵件選擇內容

9. 使用參考影像細化影像

Divi AI 可以透過多種方式直接從編輯器編輯和建立影像。 它們都可以節省大量時間,尤其是與尋找庫存圖像或在 Photoshop 中編輯它們相比。 Divi AI 與影像生成一樣直觀。

編輯影像的一種方法是為現有影像 Divi AI 選項選擇「重新想像」選項。

然後,從Divi AI給出的建議中選擇最佳影像。 您可以“使用此圖像”或使用選定的圖像作為細化的參考。

另一種方法是為影像選擇「使用 AI 進行改進」。

然後,添加簡短描述以對圖像進行細微更改。 在本例中,我們使用「帶有深橙色枕頭」的描述。 也根據需要調整參考影像百分比。

這讓我們可以創建一個類似的圖像,僅包含我們要求添加的元素。 非常強大而且非常省時!

結果令人印象深刻。 查看精緻的圖像顏色如何與按鈕相匹配。 很容易看出如何利用 Divi AI 的圖像生成功能來節省時間。

使用 Divi AI 變換影像之前和之後

10. 使用 Divi AI 快速操作產生乾淨且相容的程式碼

編碼快速操作使您的自訂編碼解決方案更加可靠並與各種 Web 瀏覽器相容。 它適合想要使用人工智慧來檢查他們的工作並改進它的開發人員。 Divi AI 的快速行動只需幾秒鐘,但其影響是顯而易見的。

您可以在程式碼中使用多種快速操作。 這是三個:

  • 格式- 此快速操作可以修正縮進,尋找遺失的逗號/語法,並修復程式碼中可能發現的常見錯誤
  • 提高相容性- 瀏覽器支援至關重要,但可能需要花費大量時間 - 這種快速操作可以使您的程式碼符合各種標準。
  • 優化– 透過減少冗餘並最終使其更輕,幫助您的程式碼盡可能高效。
  • 註釋– 在程式碼中加入有用的註釋,以便輕鬆了解程式碼的用途,而無需重新評估。

還有更多快速操作,但每個操作都專注於一項特定任務,這將使您的工作更輕鬆(更快)。

11. 為更多元素和功能產生自訂程式碼片段

有時,一個簡單的 HTML 或 JavaScript 片段就足以讓一個想法變成現實。 Divi AI 可以創建程式碼,在 Divi 程式碼模組內將您的願景變為現實。 它對於忙碌的開發人員和編碼經驗有限的人很有幫助。 這是一個很好的替代方案,可以取代臃腫的第三方插件,這些插件會降低您的網站速度。

在這裡,我們要求 Divi AI 創建一個彈出窗口,在 30 秒後顯示並邀請用戶加入時事通訊。 我們甚至描述了在此範例中彈出視窗的外觀。 Divi AI 在幾秒鐘內生成代碼,並且我們有一個漂亮的彈出窗口,它將吸引訪客的注意。

Divi AI 可以透過程式碼模組做各種各樣的事情。 嘗試為您的部落格建立自訂目錄片段、定價表切換開關或閱讀進度條!

12. 理想解析度的高級影像

若要使用 Divi AI 升級任何影像,請開啟任何支援影像或背景影像的 Divi 模組。 將圖像載入到圖像欄位中,選擇“ AI ”圖標,然後選擇“ Upscale ”。

Divi AI 高級影像 - 步驟 1-3

就像這樣,我們的範例 150 x 150 像素的圖像放大了 4 倍,現在可以在我們的頁面上使用。 使用 Divi AI 進行放大可以使影像比原始影像大兩到四倍。 這使得處理客戶照片變得更加容易。 最重要的是,您甚至不需要為此提供單獨的人工智慧服務。

13. 創造尺寸完美的圖像

在網頁上擁有正確尺寸的圖像至關重要。 它不僅看起來很棒,而且還可以確保您的網站快速加載。 為了實現這一點,獲得正確的縱橫比至關重要。 Divi AI 提供多種方法來幫助您實現完美的影像尺寸。

第一種方法是透過參考圖像。 您可以從 WordPress 媒體庫中選擇圖像供 Divi AI 進行分析和模仿。 然後,輸入您需要的任何提示詳細信息,Divi AI 將根據該資訊建立新圖像。 新圖像將自動繼承參考圖像的尺寸,使其非常適合與預製佈局一起使用。

參考影像

預設情況下,Divi AI 會建立 512 x 512 像素的影像。 但是,也可以使用其他寬高比預設。 您可以選擇橫向、縱向、方形或自訂尺寸。

縱橫比

設定尺寸是準確獲得所需內容的絕佳方法。 將寬度和高度像素值輸入 Divi AI 的影像產生器。

14.根據頁面上下文取得圖像建議

想看看當你沒有想法時 Divi AI 可以為你創造什麼圖像嗎? 擲骰子,看看使用網站和頁面內容中的網站上下文會產生什麼結果。 選擇「自動產生」將對 Divi AI 進行測試,看看它能做什麼。

生成 AI 影像

當您只是在尋找想法以便繼續前進時,這很好。 Divi AI 每次產生影像時都會建立四張影像。 這意味著即使您不知道自己想要朝哪個方向發展,您也可以快速構思。

15. 將 AI 程式碼片段儲存到 Divi Cloud 以便即時存取

使用您的網站庫或 Divi Cloud 儲存所有最常用的程式碼片段、頁面佈局和主題建立器佈局,以便在其他頁面和網站上輕鬆重複使用。 Divi AI 產生的程式碼片段非常適合儲存到雲端。

將 AI 程式碼片段儲存到 Divi Cloud

您經常在所有網站上重複使用相同的程式碼片段,因為它們完全按照您的需求執行。 在使用 Divi AI 進行程式碼產生時,您將有許多更有價值的片段需要追蹤。

Divi Snippets 庫和程式碼錢包

使用 Divi AI 無限生成 AI

即使以正常價格計算,Divi AI 也是最實惠的人工智慧解決方案之一。 請記住,它使用 AI 來編寫文字、生成和編輯圖像以及編寫 Divi 和 WordPress 相容的程式碼。 所有這一切都發生在 Divi 的視覺化編輯器中,而不是在另一個標籤上的聊天介面中。 它的速度是無與倫比的,因為透過其許多快速操作,Divi AI 只需單擊即可改變您的網頁設計的各個方面。

那麼,如果您嘗試在 Divi AI 之外獲得類似的 AI 功能(文字、圖像和程式碼),會發生什麼? 比較這些頂級工具,它們佔據了人工智慧工具消費者市場份額的相當大比例。

比較: 迪維人工智慧 - 44% 折扣碧玉中途與聊天GPT+ GitHub 副駕駛
每月價格$13.44/月每位使用者 49 美元/月每位用戶 30 美元/月每位用戶 10 美元/月
年費$216/年或 $9.72/月每個用戶 468 美元/年每個用戶 360 美元/年每個用戶 120 美元/年
使用者數量️無限1 1 1
文字輸出️無限️無限沒有任何沒有任何
影像輸出️無限️無限️ 3.3 小時/月沒有任何
程式碼生成️無限沒有任何️ 基本的 ChatGPT ️無限
網站內容️ 是的沒有任何沒有任何️ 僅限代碼
獲取迪維AI

即使你只使用 Jasper 和 Github Copilot,為什麼要花 295 美元/月+ 來給一個由 5 名有競爭力的生成式 AI 組成的團隊呢? Divi AI 絕對超值,可享 44% 折扣,並且該價格可用於我們網絡星期一促銷活動的剩餘時間。 那些參與交易的人將終身鎖定網路星期一的價格。 即使您的團隊規模擴大,您的價格也不會! Divi AI 可供無限的 Divi Teams 用戶使用,這對於擴大團隊來說具有非凡的價值。

享受 Divi AI 44% 折扣

購買 Divi AI 套裝包,享受更多優惠!

Divi 定價捆綁包

我們的 Divi 套裝組合可協助您在網路星期一購買所需產品時節省更多。 如果您是 Divi 新手,您可以購買 Divi 會員資格並將 Divi AI 加入您的購物車,以便在結帳時節省52% 。 或者,您可以透過我們的 Divi Pro 和 Divi Agency 套裝組合以更優惠的折扣購買更多 Divi 產品。

作為 Divi 用戶,您可以使用 Creator Bundle 享受 Divi AI 和 Divi Cloud 56% 的折扣。 或者,您可以透過我們的專業捆綁包( 58%折扣)和完全訪問捆綁包( 62%折扣)獲得與 Divi AI 捆綁的更多產品,從而節省大量費用。

這些網路星期一的價格不會持續太久,因此,請盡可能享受您需要的 Divi 產品的最大折扣。

不要忘記,參與我們網絡星期一促銷的每個人都將在每次符合資格的購買中獲得免費獎品、解鎖秘密摺扣和獨家網站包!

查看 Divi 捆綁包

敬請關注! 明天 24 小時獨家抽獎。

請明天回來閱讀我們的下一篇文章,這樣您就可以參與贏取僅在 24 小時內提供的驚喜贈品。 我們的獎品數量有限,因此您需要儘早到達。