fbpx

【Elementor 教學】打造網站 10 個不能錯過的功能

【Elementor 教學】是一篇運用 Elementor 來打造 WordPress 個人網站的文章,透過實作及簡單易懂的方式一起和你討論這個主題。 如果你在思考選擇一個專業的 WordPress 網站編輯器的話,這篇文章一定可以提供你一點想法,希望你可以花 5-10 分鐘看完文章,一定對你有所幫助。 如果有什麼問題,都可以在下方留言詢問。
Elementor 教學
讀者權益

在閱讀前,請容許大叔聲明幾件事情:這些事情對您可能蠻重要的:

  • 內容中連結可能有參加聯盟計畫,這並不影響您的購買權利。
  • 聯盟計畫和廣告收入都會做為網站經營基金。
  • 而部份收入將捐給流浪動物基金會。(公益捐款明細)
  • 喜歡我的文章的話,請幫我這樣做,點擊下面的拍手圖示。

【Elementor 教學】打造網站 10 個不能錯過的功能

Elementor 是什麼?

Elementor 是一款基於 WordPress 開放系統下的網頁編輯工具軟體,從 Loading Page 到電子商務網站,都可以使用 Elementor 構建完成。

Elementor 是我最喜歡的 WordPress 網頁設計工具,也是最常使用的編輯器,它有簡單易操作的介面,只需要拖曳就可以完成網頁的設計,而且不吃資源,一般的電腦就可以使用。

Elementor 是最受歡迎的 WordPress 編輯 –

  • 平均每 10 秒創建一個網站
  • Elementor 是一個開源的平台
  • 自 2016 年推出,至今已擴展到 180 多個國家/地區
  • 超過 5,000,000 次活躍安裝
  • WordPress 網站 超過 5000 條五星級評論
  • Elementor 優點及缺點

    大叔在 2021 年 1 月開始使用 Elementor 用編輯器和 Hello 主題,因為之前的網站速度一直有問題。

    Elementor 教學

    本來只是想改善速度,結果 –

  • 排名和點擊曝光也上升
  • 停留時間上升
  • 整體都提高了
  • Elementor 教學
    Elementor 教學


    優點

  • 操作很簡單
  • 不用花很多時間學習,比較起其他的 WordPress 主題編輯器的話,像是:AvadaDIVI 學習時間說不定只要 1/3 或是更少。
  • 使用順暢,在操作的速度上,Elementor 就算是使用一般的筆電也可以很流暢的使用。
  • 網站的速度更快
  • 費用便宜
  • 免費的網路教學很多
  • 很多第 3 方外掛來補強
  • 缺點

  • 官方的模版不算太多
  • 年費 ( 好用就是需要付費 )
  • 有時候會出現外掛衝突
  • Elementor 費用

    Elementor 教學


    在 2021 年前, 199 美金可以買到 1000 個網站的許可證,可惜,過去的美好年代己經不在。

    Elementor 開始改變它們的商業策略,不再低價測試市場,而且提高了工作室和公司方案的收費。

    個人用戶不受影響,還可能因為 Elementor 的功能更強大而受惠,在目前 49 美金的 ESSENTIAL PLAN 方案還是非常的超值,它的「易操作」、「學習速度」的特點,讓你的網站可以在最短的時間上線,立即公司、個人網站提供最佳的線上服務和行銷宣傳功能。

    無論你是否喜歡 Elementor ,都建議你試用看看,因為 Elementor 提供 30 天免費退費的試用期,一言不合就付費,不囉唆才是好服務。

    ▼ New 服務 – 雲端主機,主機 + Elementor 編輯器 + 主題 每個「年」只要 99 美金起,CP 值蠻高。

    Landing Page: https://be.elementor.com/visit/?bta=13598&nci=5343” target=”_Top”>https://be.elementor.com/visit/?bta=13598&nci=5343
    https://be.elementor.com/visit/?bta=13598&nci=5343” target=”_blank”>https://elementor.ck-cdn.com/tn/serve/?cid=532192” border=”0″>

    Elementor 安裝及設定

    1️⃣ 安裝外掛 – 在 WordPress 控制欄點擊「外掛 → 安裝外掛」

    2️⃣ 搜尋關鍵字 – 鍵入 Elementor 後搜尋

    3️⃣ 安裝 Elementor – 找到外掛點擊「立即安裝」

    4️⃣ 啟用 Elementor – 安裝完成後,啟用外掛

    Elementor 教學

    Elementor Pro 版本下載和安裝

    首先請下載 Elementor Pro ,這可能不是最新版,但是你可以安裝後再更新成為最新版本。

    1️⃣ 安裝 Elementor Pro (需付費,但看大叔教學不用錢)

    Elementor 教學


    基本上你兩個都需要安裝 Elementor 和 Elementor Pro 專業版。

    Elementor 教學


    2️⃣ 連線認證 Elementor 許可

    完成安裝後,在已安裝外掛找到 Elementor Pro 的位置,然後點擊 ” Connect & Activate “

    Elementor 教學

    出現連線的圖示,再點擊一下 ” Activate “


    Elementor 教學


    如果沒有問題,應該可以看到這個畫面。

    Status:Active ,你的帳號已經開啟。

    Elementor 教學


    3️⃣ 開始開心玩 Elementor Pro

    如果你可以進入 Theme Builder 的話,那表示沒有問題了。

    現在就開始使用專業版來設計你的網站,讓更多人看見你的服務。

    Elementor 教學

    Elementor 中文化

    基本上,Elementor 安裝後,應該已經為中文版本。

    如果在顯示上為英文版的話,應該是 WordPress 的網站介面語言設定為「English」的關係。

    到設定上面,更新語言吧,再看看 Elementor 是否已修改為中文版。

    Elementor 教學 – 基礎

    在基礎版會介紹基本功能,需要特別說明的會再補充。

    1️⃣ 基礎工具介紹 ( 免費版 )

    Elementor 教學
  • Inner Section – 插入多欄位
  • Heading – 插入引人注目的標題
  • Image – 加入圖片,並設定大小、不透明度和其他設置
  • Text Editor – 標準 WordPress 編輯器
  • Video – 將 YouTube \ Vimeo \ Dailymotion 添加到設計頁面
  • Button – 加入一個按鈕
  • Divider – 分隔線
  • Spacer – 插入空白間隔
  • Google Maps – 加入谷哥的地圖
  • Icon – 插入 Icon 圖示 ( Icon 和圖片是不一樣,請使用上注意。)

  • 3️⃣ 一般工具介紹 ( 免費版 )

    Elementor 教學

    補充說明 –

    1️⃣ Google Maps ✅

  • Star Rating
  • Google Maps
  • Icon
  • Image Box
  • Icon Box
  • Basic Gallery
  • Image Carousel
  • Icon List
  • Counter
  • Spacer
  • Testimonial
  • Tabs
  • Accordion
  • Toggle
  • Social Icons
  • Progress Bar
  • Sound Cloud
  • Shortcode
  • HTML
  • Menu Anchor
  • Alert
  • Sidebar
  • Text Path
  • 標題
  • 圖像
  • 文本編輯器
  • 視頻
  • 按鈕
  • 圖像框
  • 感言
  • 圖標
  • 圖標框
  • 社會圖標
  • 圖片庫
  • 圖像輪播
  • 圖標列表
  • 計數器
  • 進度條
  • 標籤
  • 手風琴
  • 切換
  • 星級
  • 警報
  • HTML
  • 短代碼:輕鬆將任何外掛以短代碼的方式插入頁面中。
  • 菜單錨
  • 閱讀更多Read More
  • 邊欄
  • 谷歌地圖
  • 聲音雲
  • 分隔線
  • 墊片
  • Elementor 教學 – 基礎載入模版

    Elementor 教學

    Elementor 的模版在官方網站都有介紹,官網上有個「 Template Library 」有超過 200個組件和主題可以使用。

    但只有少部份是免費,但還是是推薦你上官網了解看看,這有助於你理解 Elementor 的功能及應用。

    Elementor 怎麼買才便宜?

    1️⃣ 一年一次的黑色星期五

    Elementor 教學

    在每年的 11 月的月底,是美國的 Black Friday ,通常我常用的數位工具的軟體,都會有年度大折扣,最高來到 30% off ,簡單來說,黑色星期五對於 Elementor 來說,幾乎是唯一一次的折扣時間,所以如果你要購入便宜的 Elementor Pro 的話,千萬不能錯過這天。

    2️⃣ 和朋友合購

    合購其實十分的聰明,因為最便宜的 ESSENTIAL PLAN ,一個網站 / 年 需要 49 美金,而 ADVANCED PLAN 三個網站 / 年 只需要 99 鎂,相當一個網站只需要 33 鎂,比 ESSENTIAL PLAN 便宜了 34%。

    更不用比 EXPERT PLAN 或是 AGENCY PLAN,不過有一點小問題,Elementor 是綁購買的用戶的帳戶,並非一個數位的「許可證」,也就是說,這個人需要一個後台的帳號進入別人的網站後,才能綁「許可證」,如果這個人不是熟人,那可能有一些安全問題,所以推薦選擇信任的人或是朋友一起購買。

    3️⃣ 現金回饋信用卡

    由於 Elementor 為國外公司,所以台灣的信用卡的時候,需要額外支付一筆國外刷卡

    服務費用,如果你使用「高現金回饋」的信用卡,就可以最大程度抵銷這筆費用。

    大叔是使用聯邦的「賴點卡」,國外刷卡 3% 回饋無上限,推薦給大家。

    Line Bank 快點卡

    ▶國內消費現金回饋 1.5%
    ▶國外消費現金回饋 2.8%

    • 免費跨行轉帳 88 次
    • 免費 ATM 跨行提款 5 次
    • 回饋上限 500 點
    Show

    聯邦銀行VISA賴點卡

    ▶國內消費現金回饋 2%
    ▶國外消費現金回饋 3%

    • 開卡後30 天內,刷卡滿888 就送 Line Point 300 點。
    • 指點網路通路回饋最高 10%
    Show

    匯豐現金回饋御璽卡

    限新戶
    ▶國內消費現金回饋 2.22%
    ▶國外消費現金回饋 3.22%

    • 現金回饋無上限
    • 終身有效
    • 電子帳單免年費
    • 新戶加碼 1%現金回饋(加碼上限為 1000塊)
    Show

    Elementor 使用心得

    大叔目前網站也是使用【Elementor】設計的,如果你對這套工具有什麼問題,都可以在下面留言發問,如果我可以為你服務的話,這是我的榮幸。

    菈喜大叔 - 減法生活提案

    關於大叔

    文章歡迎轉載,請說明出處。

    網頁設計 – Elementor / 圖片設計 –  Canva / 主機租用 – Cloudways

    幫大叔按讚拍手,就是對我最大的鼓勵。 [likecoin]

    相關文章

    發佈留言

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

    登入/ 註冊

    註冊會員