Elementor AI 將徹底改變架設網站的方式

Elementor 作為目前最多人使用的 WordPress 網站編輯器,率先整合外掛與 AI,Elementor AI 將改變架設網站的模式,從您顯示的內容到網站的佈局和設計。

Elementor AI 是一個讓人激動不已的新功能,它可以為您的網站建設添加強大的智能素質。現在,您可以放心地創建網站,因為 Elementor AI 會比以往任何時候都更有效地幫助您減輕工作壓力和時間成本。您只需要選擇您想要的設置,剩下的事情都交給 Elementor AI 即可。這項革命性的功能可以自動建議最佳佈局、最佳字型和最佳組件選擇,為您節省大量的時間和精力。現在就啟用 Elementor AI,讓您可以專注於將您的創意發揮到極致,而不用擔心網站建設流程的棘手問題。以下將教您如何使用它。

Elementor 是什麼?

Elementor:https://elementor.com/

Elementor 是一款所見即所得的 WordPress 網站編輯器,使用者可以在完全不懂程式或語法的情況之下,透過拖放(Drag & Drop)的方式快速地設計網頁,不需要撰寫任何一行程式碼。Elementor 是專為 WordPress 開發的開源外掛,也是目前 WordPress 最熱門的網頁編輯器之一。

Elementor有免費和付費版本。免費版本提供了基本的功能和模板,而付費版本 Elementor Pro 則提供了更多進階功能和增強選項。你可以根據你的需求和預算選擇適合的版本。

Elementor 是一個強大而靈活的網站建構器,可以讓您在WordPress上建立出美觀、功能豐富的網站。

什麼是 Elementor AI?

Elementor AI是一個人工智慧工具,專為Elementor所設計,可協助使用者快速且有效率地建立網站。當您使用Elementor AI時,AI 知道您正在建立網站,因此更了解您想要的內容,並能提供更精確和有用的回應。

由於 Elementor AI 是專門為 Elementor 量身定制的,因此它提供了許多優於使用外部生成 AI 工具的優勢,包括:

  • 方便– Elementor AI 原生設計在 Elementor 中,這表示著您不必在編輯器和您使用的 AI 工具之間來回切換,這也可以提高您的工作效率。
  • 相關建議– 每當您打開 Elementor AI 時,都會根據您想使用 AI 的小工具為您提供一些相關建議。
  • 上下文– Elementor AI 是專門為 Elementor 構建的。在編寫請求時,提供的結果已經包括相關的上下文和特定的選擇器。

Elementor AI 有哪些功能?

Elementor AI提供了許多功能,可增強您的網站內容、設計和參與度。使用AI寫作助手,您可以在幾秒鐘內創建原創且高質量的文本,並調整您的網站內容以保持與品牌相符的一致風格。

此外,Elementor AI還可以:

  1. 生成文本和修改語調——即時生成文本並根據您的聽眾調整「語調」,並在需要時進行簡化。
  2. 修復拼寫、語法和調整——讓 AI 修復您的拼寫或語法錯誤並使您的文案合身,但仍保持您的資訊清晰。
  3. 翻譯——直接在編輯器中輕鬆將您網站的內容翻譯成任何語言。
  4. 創建自訂CSS(適用於 Elementro Pro)——為您網站的特殊設計或樣式效果創建自訂 CSS 代碼。
  5. 創建自訂代碼(適用於 Elementor Pro )——插入自訂代碼以供全站點使用,例如 Google Analytics 或 FB 像素追蹤。
  6. 在HTML小工具中創建代碼——在 AI 協助下為任何目的生成 HTML 代碼,例如為您的網站添加 slider。
  7. 生成圖像(即將推出)

如何使用 Elementor AI?

在您的 WordPress 網站上安裝 Elementor、Elementor Pro

Eelementor 及 Elementor Pro 版本須為 3.13 以上,安裝完成即可免費試用。

AI 生成文字

開啟原有頁面或新頁面,選擇「使用 Elementor」編輯,進入 Elementor 後台。

點選標題或內容區塊,編輯編輯文字區域的右上角「Write with AI」。

一開始使用時會需要先勾選同意條款及隱私政策,後點選「開始使用」。

這裡會出現原先內容編輯器裡的文字,點擊「New Prompt」可以對 AI 下達新的指令。

在搜尋框內填寫新指令後,點擊「Generate text」。我們下了「寫一段 Elementor 公司介紹」的指令。

AI 即會生成文字內容,下面還有選項可以選擇,例如加長字句、縮短字句、修正文法等等。

在最下面的下拉選單可以改變語調(英文適用),以及翻譯成其他語言。

我們點選「Make it shorter」後按「Use text」按鈕,文字隨即替換到頁面中。

用 AI 寫 CSS 程式碼

*此功能只適用 Elementor Pro。

我們選擇標題小工具進行 CSS 測試,點選標題後,編輯標題區塊,選擇「進階」->「自訂 CSS 樣式」。點選「Code with AI」。

在搜尋框內填寫新指令後,點擊「Generate code」。我們下了「hover時標題下加紅色雙底線」的指令。

目前測試寫中文指令也OK!

AI 會生成 CSS 程式碼,按「插入」就會加到自訂 CSS 樣式中。

測試後,標題在 hover 時確實有出現紅色雙底線唷!

用 AI 寫 HTML 程式碼

*此功能只適用 Elementor Pro。

接下來插入一個 HTML 小工具進行測試,點選「Code with AI」。

在搜尋框內填寫新指令後,點擊「Generate code」。我們下了「添加一個1-5分的滑軌」的指令。

AI 會生成 HTML 程式碼,按「插入」就會加到 HTML 代碼中。

下面有英文解釋上面這串 code,邊做邊學習呢!另外也說明,需要修改樣式的話可以去「進階」->「自訂 CSS 樣式」修改。

測試後,確實有一個1-5分的滑軌,預設值是3分!

接著到自訂 CSS 樣式使用 AI 修改樣式。

常見問題

Elementor AI 是免費的嗎?

Elementor AI 適用於版本 3.13 更新的所有用戶,因此請確保您的 Elementor 和 Elementor Pro 外掛是最新的,更新完至 3.13 版本後即可免費試用。請注意,自訂 CSS 和自訂代碼都是 Elementor Pro 的一部分,因此您需要訂閱 Pro 才能使用具有這些功能的 Elementor AI。 

免費試用結束後,您將不會再收到來自 Elementor AI 的回覆。您可以點擊「升級」以購買 Elementor AI 訂閱。

Elementor AI Write 訂閱費用為每月 2.99 美元,每年收費 35.88 美元。

如何訂閱 Elementor AI?

可以在使用 Elementor AI 時點擊右上角的「Upgrade」,或是點擊下列連結,即可到購買訂閱頁面:

訂閱 Elementor AI:https://go.elementor.com/ai-popup-purchase-dropdown/

Elementor AI Write 訂閱費用為每月 2.99 美元,每年收費 35.88 美元。點擊「Get Elementor AI」即可進入結帳頁面。

訂閱 Elementor AI 需要有 Elementor 帳戶,在結帳頁可以直接建立新帳戶(使用 Email 或 Google 帳號)或是登入已經有的帳戶。

接著填寫帳單資訊及選擇扣款方式即可購買!

喜歡這篇文章嗎?

目錄

其他相關文章

學無止盡!再來看看其他教學文章吧!

Cursor AI 編輯器迅速走紅,因其強大的 AI 編碼輔助功能,即使不懂程式碼的使用者也能輕鬆創建應用程式。透過自然語言指令與多檔案編輯功能,Cursor 大幅簡化了程式設計過程,讓新手也能快速上手。這款工具降低了編碼門檻,推動更多人進入程式設計的世界,使人人都有能力寫程式。
Adobe 即將為其受歡迎的影片編輯工具引入生成式 AI 技術,「Adobe Firefly for Video」這項重大創新旨在徹底改變影片製作流程。
MyLens AI 運用先進的 AI 技術,能自動分析你的輸入內容,並生成符合邏輯的視覺化圖表。你只需提供關鍵字或主題,MyLens AI 就能幫你繪製出精美的心智圖或時間軸。此外,MyLens AI 還支援多種圖表樣式和佈局方式,讓你可以自由定制你的圖表,打造獨一無二的視覺化作品。