よしのん的網站教室

《よしのん的網站教室》是一個以「教學為主、新聞為輔」的網誌,旨在為大家提供各種各樣的 IT 資訊和心得,其中特別聚焦於網站制作、SEO、社交媒體等議題。

主頁> 網頁製作 >值得買嗎?Elementor Pro 購買教學、安裝方法、特色功能
Elementor

值得買嗎?Elementor Pro 購買教學、安裝方法、特色功能

留言

Elementor 是其中一個大受歡迎的 WordPress 外掛之一,讓人們能以直觀的方式建立理想中的界面。一直以來,在建立 WordPress 網站時我都希望能夠省得一筆得一筆,但如果想真正體驗 Elementor 的好處,似乎亦只能「屈服」升級至 Pro 方案了。馬上看看 Elementor Pro 的購買教學,以及 Elementor Pro 的額外功能。

Elementor Pro 購買流程

假設你已安裝 Elementor 外掛並已設立 Elementor 帳戶,你應可在 WordPress 後台的 Elementor 設定頁中,看到 Elementor 會從不同地方「鼓勵」你升級至 Elementor Pro。你將會前往 Elementor Pro 的方案頁面。

Elementor Pro

1選擇方案

Elementor Pro 一共提供四個方案:Essential、Advanced Solo、Advanced 以及 Expert。選擇方案時,建議你可考慮以下因素:

  • 你有多少個網站需要使用 Elementor Pro?Essential 和 Advanced Solo 方案只支援一個網站,而 Advanced 方案可支援三個網站
  • 你需要展示自訂欄位(Custom Field)和內容類型(Post Type)嗎?Essential 方案不支援這項功能
  • 你需要自訂 CSS 嗎?Essential 方案同樣不支援這項功能
Elementor Pro 一共提供四個方案:Essential、Advanced Solo、Advanced 以及 Expert。
Elementor Pro 一共提供四個方案:Essential、Advanced Solo、Advanced 以及 Expert

由於我的網站將會使用 ACF 展示自訂內容,因此我會選擇 Advanced Solo 方案,但你應按照你的實際情況而決定,避免浪費金錢!

2登入 / 帳戶 Elementor 帳戶

假設你在 WordPress 後台登入,並已建立 Elementor 帳戶,你在選擇方案後應會自動登入。否則,你需建立 Elementor 帳戶。你可使用 Google、Apple 或 Facebook 帳戶快速登入,或使用傳統的電郵地址登記。

你可使用 Google、Apple 或 Facebook 帳戶快速登入,或使用傳統的電郵地址登記 Elementor 帳戶
你可使用 Google、Apple 或 Facebook 帳戶快速登入,或使用傳統的電郵地址登記 Elementor 帳戶

3輸入購買資料

你亦需輸入帳單資料(可毋須輸入地址)和支付方式。然後按「CONTINUE」。

購買 Elementor Pro 時需要輸入帳單資料(可毋須輸入地址)和支付方式
購買 Elementor Pro 時需要輸入帳單資料(可毋須輸入地址)和支付方式
可選擇使用信用卡或 Paypal 付款訂閱 Elementor Pro
可選擇使用信用卡或 Paypal 付款訂閱 Elementor Pro

成功付款後,便可下載 Elementor Pro 壓縮檔,並會收到電郵確認,指示如何啟用 Elementor Pro 外掛。

成功購買後,可下載 Elementor Pro 壓縮檔以在 WordPress 網站安裝外掛
收到成功購買通知,可下載 Elementor Pro 壓縮檔以在 WordPress 網站安裝外掛

安裝 Elementor Pro 外掛

1開始前,請確保 WordPress 已安裝並啟用 Elementor 外掛,Elementor Pro 將基於此來延伸功能。

2在 WordPress 後台選擇「外掛」、「安裝外掛」、「上傳外掛」,把 Elementor Pro 壓縮檔上傳,然後「立即安裝」,並啟用外掛。

在 WordPress 後台選擇「外掛」、「安裝外掛」、「上傳外掛」,把 Elementor Pro 壓縮檔上傳,然後「立即安裝」,並啟用外掛。
過程與安裝其他 WordPress 外掛並無差異

3在 WordPress 後台中的「已安裝的外掛」頁面中,到 Elementor Pro 中選擇「Connect & Activate」,以連接你的 Elementor 帳戶。

在 WordPress 後台中的「已安裝的外掛」頁面中,到 Elementor Pro 中選擇「Connect & Activate」,以連接 Elementor 帳戶。
選擇「Connect & Activate」連接 Elementor 帳戶

4你會自動轉頁至 Elementor 網頁,以確認把 WordPress 網站與 Elementor 連接,並啟用 Elementor Pro 的功能。點選「Connect & Activate」便可。

點選「Connect & Activate」以啟用 Elementor Pro
點選「Connect & Activate」後,便可使用 Elementor Pro 了!

5啟用後,會自動跳轉回 WordPress 後台,可見網站已成功啟用 Elementor Pro。

WordPress 後台顯示 Elementor Pro 的狀態為 Active。
在 WordPress 後台可見網站已成功啟用 Elementor Pro

為甚麼需要 Elementor Pro?

Elementor Pro 比免費版 Elementor 提供更多功能,讓你在開發具規模的 WordPress 網站時更方便。具體而言,你將可從以下 Elementor Pro 功能大為受惠。

1主體構建器

一個網站會有各種共同元件,像是頁首(Header)、頁尾(Footer)等。只有 Elementor Pro 能設定該些元件以供整個 WordPress 網站使用。

Elementor Pro 的主題構建器
Elementor Pro 的主題構建器可建立頁首、頁尾、彙集頁(Archive)的樣式,以供整個網站使用。

2更多元件的選擇

購買 Elementor Pro 後可解鎖更多元素,例如網誌文章界面必備的文章標題(Post Title)、文章資訊(Post Info)、文章內容(Post Content),以及現代網站常見的輸播圖片(Carousel)等等。

Elementor Pro 的元素列表
只有 Elementor Pro 才可使用文章標題(Post Title)、文章資訊(Post Info)、文章內容(Post Content)來設定文章頁的界面!

3動態擷取自訂欄位資料

如果網站使用 ACF 或 CPT UI 等外掛來建立自訂欄位,你需要使用 Elementor 編輯器內的「動態標籤」功能把自訂欄位的資料擷取,而該功能只有付費的 Pro 版本才有。

Elementor 編輯器內的「動態標籤」功能
Elementor 編輯器內的「動態標籤」功能

總括而言,免費版的 Elementor 可讓你以直觀的方式在 WordPress 建立簡單、只有數頁的網站,但如果你打算建立一個網誌,免費版的 Elementor 便未必應付需求,尤其是為文章頁面設計界面、使用自訂欄位提升網站內容深度等。

Elementor Pro

去看個書,好不好?

博客來 金石堂

掌握世界脈搏,探索全新領域。

駭客入侵免驚,不是高手也會的 WordPress 資安防禦大全

駭客入侵免驚,不是高手也會的 WordPress 資安防禦大全

WordPress 超實用必裝外掛50款

WordPress 超實用必裝外掛50款

如何在香港購買博客來書籍?

手把手學習新技能,開啟無限可能。

WordPress 新手第一堂必修入門課

課程名稱:WordPress 新手第一堂必修入門課

這是給全新手從 0 開始踏入 WordPress 世界的課程。這個課程將透過影片的方式帶你一步步學習 WordPress 軟體,系統化地打好基礎,你將可以架設好一個有良好結構的官網與部落格,往後經營上完全沒煩惱。

獲取線上課程:Hahow 好學校