16個使用 Elementor Pro,WordPress 頁面編輯器架設網站的理由

16個使用 Elementor Pro,WordPress 頁面編輯器架設網站的理由

為什麼 Elementor 獲得超過400萬次的下載量?而且有多個為 Elementor 而生的第三方外掛,如果你跟安布一樣是不會寫程式語言的架站新手,就一定要繼續看下去!

非常推薦給腦袋有很多創意、想法,而且很想要把他透過畫面,呈現出來的人,使用 Elementor Pro 不需要任何專業的網站設計語言,就可以幫助你快速建立具有質感、又有屬於自己風格的網站設計!

wordpress架站

01

Elementor 受到 WordPress 的支援

透過 WordPress 架設網站,可以說是現在最普遍也最流行的方式,佔了全球近32%,而 Elementor 可以與 WordPress 完美融合,不用擔心技術不支援的問題。

02

Elementor 不需程式編碼

就算是無任何網站設計知識背景的架站新手,不會任何 HTML、PHP、Javascript 或 CSS 的任何技術或背景,也能輕鬆的使用 Elmentor 架設網站,介面操作直覺性的拖移,幫助新手減少摸索的時間,不會因為不懂專業的程式語言而感到沮喪。

Elementor Resources對用戶友好

03

Elementor 可以客製化製作首頁、頂部選單、頁尾

一般網站的首頁、頂部選單的樣貌,都是由 WordPress 佈景主題所決定的,除非更改佈景主題的 CSS,否則無法自行設計。

但透過 Elementor Pro 你可以套用它所提供的模板,簡單的就能對網站首頁、頂部選單、頁尾、甚至到單篇頁面、文章,都能利用模板去更改成自己風格的網站,還能儲存成屬於自己的模板,下次繼續使用。

04

Elementor 有多種模板可以選擇

Elementor Pro 提供 300 多個模板,就算是免費版本也有多達30幾種的免費模板可以使用,讓你快速的設計、輕鬆的製作首頁、頂部選單、頁尾、任何你想設計的頁面,擺脫佈景主題傳統部落格式的頁面設計。

由Elementor Resources製作的預製模板

05

Elementor 有50多個工具幫助你編排頁面

基本上一個網站會需要用到的工具,Elementor Pro 通通有,圖片呈現的方式就包含好幾種,例如:藝廊、媒體輪播、圖片方框、圖片轉盤、Basic Gallery⋯等等,依照網站的性質及需求選擇你喜歡的工具。

Elementor小工具
Elementor小工具
Elementor小工具
Elementor小工具

06

Elementor 有即時預覽功能

當你新增工具或修改網站的同時,可以同步預覽對網站所做的更改,可以更精確及快速的編輯你的頁面,減少切換預覽的時間!

時間預覽by Elementor Resources

07

Elementor 支援大部分的佈景主題

Elementor 支援大部分的佈景主題,網站預設的外觀,就是你佈景主題的外觀。

但是更換佈景主題,時常耗費非常多的精力與時間,因為網站的許多設定都是透過佈景主題的外觀設定去更改的。

這時,如果使用 Elementor Pro 製作網站的首頁及頁面,將來若更換佈景主題,可以減省很多搬家的時間,因為網站是套用自己製作的版型。

Elementor 最適合的佈景主題有兩款:

  1. Ocean WP:對 WordPress 初學者相當友善的設計,對 Elementor 有較好的相容性,各式各樣的免費和付費擴充外掛功能,對於搜尋引勤優化很好,而且速度也非常快。
  2. Astra:是一款檔案輕量、快速、可高度客製化而且美觀的主題,適合製作部落格、個人作品集、商業網站或是 WooCommerce 電子商店。

以上兩款雖然功能較簡單,但非常好利用 Elementor 去佈局,輕鬆設計好看的版面。

08

Elementor 支援手機、平板瀏覽

更專業的說法是,支援「響應式網頁設計」(英語:Responsive web design,通常縮寫為RWD)。

可以使網站在不同的裝置(從桌面電腦顯示器行動電話或其他行動產品裝置)上瀏覽時,對應不同解析度都有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。

我們都希望努力撰寫的文章能夠被更多人看到,而要被更多人看到,首先必須做好 SEO 優化,以增加網頁在搜尋引擎的曝光度。影響因素非常多種,其中一個就是網站「是否支援響應式網站設計」!

09

Elementor 可以預覽並同時修改「手機及平板的頁面呈現」

編輯頁面的同時,可以在左下角的工具欄點選「響應模式」,觀看手機或平板呈現的樣貌,再進行個別微調。

Elementor Resources的移動編輯

10

Elementor 操作簡單、容易上手

Elementor Pro 是安布用過最好用的頁面編輯器,非常適合新手使用,用起來也沒遇到太多操作上的問題,所以才會推薦給大家!

安布曾經是個對網站設計毫無概念的架站新手,最一開始使用了 Divi 主題和 Divi 頁面編輯器做網站,研究了兩個月,每天都處在跟頁面編輯器打仗的情況,

由於不支援中文、操作介面又那麼直覺性,實在非常難上手,網路上使用經驗文章非常少,因此安布寫了這一篇:Elementor、Divi 使用經驗談,最適合新手的WordPress 頁面編輯器?希望能幫助新手在選擇頁面編輯器時,可以減少踩雷和摸索的過程。

通過Elementor Resources更好地控制

11

Elementor 有完整的修訂記錄

從你打開文章,透過 Elementor 頁面編輯器編輯的開始,就開始記錄你所有修訂的動作,不管是新增一個文本、一張圖片,或是更改了標題樣式⋯等等,都被完整的記錄下來,讓你不用擔心後悔更改了什麼,而找不到地方復原,編輯起來更安心。

Wordpress頁面編輯器
Wordpress頁面編輯器

12

Elementor 的使用人數多,有較多的討論

在台灣比較有名的頁面編輯器有三個:Elementor、Divi、Beaver Builder,Elementor 算是使用者較多的頁面編輯器,遇上問題時,也有專門的 FB 社團可以發問與討論,。

安布曾經用過其他品牌的頁面編輯器,遇上問題時,除了不知道哪裡可以詢問、沒有人可以幫忙解答,只能透過看國外的 Youtube 影片尋找答案,對於英文不好的人來說真的相當吃力!

➜ Elementor 頁面編輯器的 FB 社團:點此加入

13

多種 Elementor 附加的第三方外掛

專門為 Elementor 而生的第三方外掛,可以擴展網站的功能!

只要在你的 WordPress 後台下載免費版本的 Elementor,你就可以使用以下 Elementor 的第三方外掛,例如:Elementor PackCrocoblockUltimate AddonsPremium AddonsEssential AddonsElementor ExtrasElementor AddonsDynamicElements Plus⋯等等,多到打不完!其中大部分都有免費版可以使用,也能升級成專業版。

這些外掛必須下載 Elementor 才能使用,讓你不用擔心使用 Elementor 找不到適合的工具設計、佈局你的網站,到底為什麼有這麼多 Elementor 的第三方外掛,安布自己也覺得很神奇!

14

Elementor 可以創建 WooCommerce 線上購物商店

如果你想要在網站上出售產品,WooCommerce 能夠幫助你在 WordPress 網站上建立購物車系統,不僅功能強大,同時它還是免費的!

而 Elementor 與 WooCommerce 相容,可以很好的使用線上購物車系統,創建屬於自己的電子商城。

15

透過 Elementor 模板學習設計師如何製作

如果你曾經瀏覽過網站的某項設計很感興趣,而且很想知道這些是怎麼設計出來的,那麼你可以透過 Elementor Pro 提供的大量精美模板,了解設計師使用什麼樣的方式創造效果。

16

Elementor 100%支援中文

這是最重要的一點,因為很少頁面編輯器是完全支援中文的,Elementor 不僅是免費版、專業版也支援中文,

不用另外找中文語言包,再辛苦的找適合的FTP傳檔工具,再將語言包傳到 WordPress 頁面編輯器的資料夾內,而花上大半天的時間,

因為當時安布就是這樣辛苦的找尋其他品牌的語言包,為了放到網站裡而有了這些經驗,

這也是安布推薦、而且一直使用 Elementor Pro 的理由之一。

(圖片來源:WPBuild

這個網站是用 Elementor Pro 打造的,如果你跟安布一樣,是自己架設並經營網站,對於改善網站外觀、風格營造、排版優化有興趣,可以先試用 WordPress 免費的 Elementor 頁面編輯器外掛,可以幫助你在文章排版和網站外觀上,有更多的突破!

網站使用工具

你需要知道的使用 Elementor 技巧,安布通通告訴你!

Anbu Course
我是 Anbu
分享網站經營經驗

發佈留言