【WordPress教學】讓新手第一次使用Elementor架設網站就上手

分享在 facebook
分享在 linkedin
分享在 twitter
分享在 email
elementor入門教學

身處現今這個網路時代,架設網站的需求早已不侷限於企業行號或銷售商家,每個人都爭相在網路的世界中展現自我,而架設網站也往往成為選項之一。

你是否時常羨慕別人網站製作的既專業又精美呢?你可能以為那些商家或個人都是委託專人協助製作,但其實不然,現在網路上有非常多架設網站的資源,不僅專業豐富,甚至可以免費使用,只要你學習並掌握製作的技巧,要想擁有一個具有你個人風格又專業的網站其實一點都不難。

Alan將於Besthostingtw.com此篇文章介紹Elementor以滿足有以上需求的客群,其實目前你在網路上所看到的各式各樣的網頁,其中幾乎99%都可以用Elementor製作,Elementor是目前在全球已經累積超過500萬人使用的WordPress頁面編輯器。

在這篇文章中,Alan將以淺顯易懂的方式介紹Elementor,就算你是不懂設計與程式碼的WordPress新手,只要經由本文介紹,你也可以透過Elementor這款視覺化的頁面編輯器外掛,製作出專業又美觀的形象網站。

Elementor簡介

Elementor成立於2016年,至今不過僅短短五年,它是一間以色列公司,其屬於WordPress中的一個頁面編輯器外掛。

Elementor之所以廣受好評並獲廣泛運用是因為它有一個最大的特色,那就是Elementor可讓你透過用滑鼠拖曳區塊的方式,在不用寫任何程式碼的情況下,直接建構出一個功能完整且美觀的網站,還可大大縮短以往製作網頁的時程。

除此之外,Elementor的整體設計非常直覺操作及容易上手,透過預先設計好的一個個的網頁功能區塊,例如標題、內文、圖片等,再透過先前提到的讓使用者透過滑鼠拖曳的方式,直接將它們加到你想要的區塊畫面中,輕鬆地完成一個功能完整的美觀網站。

有鑑於以上特點,Elementor已在整個WordPress社群中獲得了超過500萬人的啟用,並獲得將近滿星的5星好評,成為目前最受歡迎的頁面編輯器外掛。

Elementor優缺點

在簡述了Elementor的內容與最大特點之後,再針對Elementor的優缺點做一步的分析討論。

  • 快速製作:透過Elementor,使用者可以輕易地由自己一人同時進行網站版面設計以及功能傳接,如此可讓你省下請設計師與工程師的網頁製作費用。
  • 輕易上手:採用時下最流行的視覺化頁面編輯器作為使用介面,其目的是讓使用者可以非常直觀式的方式製作網站,也就是你看到什麼就直接執行就完成動作,就算你不具備任何程式語言以及設計概念,你還是可以輕鬆地透過Elementor的拖曳區功能,一步步建構起你心目中的理想網站。
  • 使用者眾:如前所述,Elementor已在整個Word Press社群中獲得了超過500萬人的啟用,可說是目前市面上最多人使用的頁面編輯器,也因為有許多同好,所以當你遇到問題時,只要上網搜尋或詢問,幾乎都可以完美的解決你的問題。
  • 生態系完整:這個優點和上一點基本上是連動的,因為有非常多人使用Elementor,所以市面上也有許多非官方的獨立外掛開發者們,開始自行研發Elementor的相關擴充外掛,使Elementor逐漸發展出一個完整的生態系,幾乎所有類型的網站功能,Elementor都能支援。
  • 適用性高:以目前Elementor所提供的功能,使用Elementor你幾乎可以製作出所有類型的網站,不論是形象網站、電商網站、線上課程網站都可以,對於使用者來說非常實用。
  • 支援響應式設計:使用者可透過Elementor輕易地修改在不同裝置上的網站外觀,並進行預覽,如此能確保你的網站在電腦、手機上的使用者體驗。
  • 不使用短代碼:與Divi, Fusion Builder等市面上其它頁面編輯器不同,Elementor不使用短代碼作為核心程式,所以當你停用Elementor時,Elementor不會在你的頁面上殘留任何雜亂的短代碼,並讓你的內容仍然保持本身的完整與乾淨。
  • 發展性佳:在去年,Elementor獲得了1,500萬美金投資,以一家 WordPress 的頁面編輯器廠商來說,這筆投資金額是相當驚人的,而這確保它們未來將有更多資金擴大市佔率,功能想必也會更加完整。
  • 不建議用來寫文章:Elementor雖然可以用來寫文章但不建議,不建議的原因是因為使用Elementor所製作出來的區塊在HTML的結構上包含著大量的
     標籤,使用過多的Elementor區塊在文章之中,將影響到網站速度。
  • 使網速降低:因為Elementor其實是一個包含了大量外接程式碼的函式庫,所以使用Elementor的同時,也匯入了許多你可能表面上、或暫時沒有用到的程式碼,而這些都會降低網站速度。

Elementor是否需要費用?

目前Elementor有分成免費版與需要付費的Elementor Pro。

如果你是想要先試用看看的新手,建議你可以先從免費版開始,免費版的Elementor你可以直接在WordPress外掛後台中搜尋Elementor關鍵字即可開始使用。

既然是不需要費用的版本,當然它提供的功能相對比較簡單基本,像是:標題、圖片、文字、影片、按鈕、分隔線、圖示等等,不過Alan認為對於一個架設網站的新手來說應該還是綽綽有餘。

至於付費版Elementor Pro則提供了許多額外功能,例如:文章、作品集、價目表、幻燈片、表單等,主要是牽扯到會有動畫、或是依靠動態產生的網頁元素。

如果想要使用付費版,需前往 Elementor官網進行購買授權,目前最便宜的方案約為一個網站$ 49 USD/年,但如果你想要快速做出一個好看的WordPress網站的話,這筆花費Alan認為算是相當划算。

而且,因為 Elementor有提供30天內無條件全額退款的服務,所以如果你使用後覺得不習慣、或是認為不值得,可直接跟客服申請退費。

開始使用Elementor

在大致上了解了 Elementor內容、優缺點與費用後,我們將正式進入 Elementor的安裝使用。

一般來說,從安裝到完成大約需要15分鐘。

首先,請先前往WordPress後台的外掛專區,搜尋Elementor,要注意必須選擇超過500萬人使用、以及滿星評價的Elementor Page Builder 才是官方的。

接著,為確保Elementor做出來的頁面,與你目前使用的佈景主題是一致的,因此要先前往WordPress後台工具列中的「設定」 ,並將「停用預設顏色」與「禁用預設字型」都勾選起來,完成後,記得按一下儲存設定。

設定完之後,請新增一個WordPress頁面,接著點擊上方新增出來的「使用Elementor編輯」按鈕,即進入 Elementor 的編輯模式中。

從此一步驟起,你就要發揮你的美感與想像力從左邊的工具列中拖曳區塊到右邊的編輯畫面之中,一步步建構起你心目中的理想網站。

挑選佈景主題

以Elementor的官方答案來說,Elementor適用於所有的佈景主題,使用者可以透過開啟Elementor提供的畫布功能,將佈景主題的設定以及Header, Footer去除掉,並重新以Elementor進行網頁設計。

然Alan認為並不是所有都適合,根據經驗來說,適合搭配Elementor的主題,依照功能的不同可以分成以下3種:

1.形象網站 – Astra。
2.部落格網站 – Soledad。
3.電商網站 – WoodMart。

當你在挑選佈景主題的時候,記得要先詢問清楚這個版型有沒有支援Elementor再進行購買。

結語

總括來說,以Elementor在目前全球的使用者超過500萬人來說,似乎無須再針對其優勢或適用性多做推銷,無庸置疑,Elementor為目前最受歡迎的頁面編輯器外掛。

然因為Elementor是一個非常龐大的外掛,這篇文章雖然說了許多,但相較來說還是有很多無法納入,必須要靠你自行摸索找答案,或者上網和同好交流。希望這篇入門的Elementor說明文章對你有所幫助。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *