如何高性價比的購買Elementor Pro與避坑
擁有Elementor Pro讓架設網站就跟拼圖一樣方便了，那如何省錢的購買Elementor Pro呢？如何避開坑呢？下面分享自己的實踐經驗。 （還不了解Elementor的點這裡） 避坑：不要用Elem
天
小時
分鐘
秒
Cloudways 主機獨家優惠：贈金20$+3個月7折，點此前往註冊，才可獲取贈金
專注於企業網站架設，分享WordPress教學和Elementor教學
Menu
本頁面是Elementor教學的分類導航，Elementor是2022年最好的WordPress頁面編輯器，能夠讓我們在製作網頁時所見即所得。
如果你想流暢的一文熟悉Elementor架設網站過程，請查看如何用Elementor製作一個企業網站。
如果你想快速了解一下Elementor是如何架設網站的，請查看下方視頻，更多視頻在本頁面下方。
如果你對WordPress完全不了解，那麼請查看WordPress教學哦。
Elementor的官方價格最低49美元/站/年，我曾經在學習階段下載過網絡上的免費破解版本，然後過了半年，在我學習SEO時，才發現中招了，網站被植入了很多隱藏的外鏈。因此，我總結了下面兩篇教學，第一篇教你如何避坑與選購什麼官方套餐，第二篇教你通過更換綁定網域的方式，將官方授權的價值最大化。
擁有Elementor Pro讓架設網站就跟拼圖一樣方便了，那如何省錢的購買Elementor Pro呢？如何避開坑呢？下面分享自己的實踐經驗。 （還不了解Elementor的點這裡） 避坑：不要用Elem
可以的。如果您已經購買Elementor Pro，並且想要將許可證從一個網站轉移到另一個網站，有如下兩種操作方法。 1.在原網站的WordPress後台中，斷開Elementor授權，然後在新網站中激
Q1. 激活Elementor Pro授權時，界面提示reconnect按鈕，並且點擊按鈕後無法激活
當你激活Elementor Pro的授權時，看到提示：We've noticed that you are trying to connect: 你的網域. Please make sure this is the correct URL and click 'Reconnect'. 同時提供了一個Reconnect按鈕。即便你點擊了這個按鈕，也依舊無法激活授權。
出現這個問題的原因是：你的網站後台的setting > general頁面中的wordpress address和site address是不相同的，Elementor Pro需要你統一它們，請修改一致後，再去激活授權即可。
在使用Elementor編輯器進行WordPress架設網站或企業網站架設時，我們可以通過移動元素來進行內容順序的調整，移動的方法有兩種： 在導航/navigator中拖拽元素上下移動，如果元素較多時，建
本文介紹兩種隱藏Elementor頁面默認標題的方法，一種是單個隱藏，一種是全局隱藏（適用於hello elementor和astra主題）。下圖是隱藏標題前後的區別，所用的主題是Hello ele
本文將介紹Elementor網頁編輯器中如何修改文本的字體、大小、顏色和样式。許多Elementor元素都提供了編輯文本的字體、大小、顏色和样式的功能。這些設計選項位於元素的“ 樣式”/style選
本教學介紹Elementor頁面設置功能，但凡用Elementor製作內容，譬如製作頁面、文章、模板時，點擊左下角的齒輪即可進入頁面設置功能，以便設置頁面佈局、背景等等，具體功能如下： 常規設置頁面
Elementor的theme style主題樣式可設置各種元素的默認樣式，例如背景，標題，按鈕，圖像和表單字段。這些設置將覆蓋主題自帶的樣式設置，從而使您可以使用Elementor為非Element
本篇教學將介紹Elementor網頁編輯器的全局樣式與設置的常用功能，譬如設置全局的字體、顏色、頁面內容寬度、元素默認間距等等。功能入口：在用Elementor編輯頁面時，點擊左上角的按鈕，然後點擊
本文將介紹Elementor網頁編輯器中元素的Advanced高級設置功能，不同元素塊的高級設置的內容項是不同的，下面對常見的高級設置項目進行講解。 Advanced高級設置是的，這個欄目的名字重複
使用ACF（advanced custom fields）外掛可以為woocommerce的產品分類、產品增加自定義字段，譬如視頻、QA等等，疊加運用Elementor Pro的模板功能，就可以製作進
Elementor自定義代碼（Custom Code）功能是Elementor Pro付費版本功能，它允許你添加代碼片段，如Google Analytics代碼或Facebook Pixel代碼，你可
LOYSEO使用的主題不提供網站的返回頂部按鈕，而免費的Elementor頁面編輯器就能解決這個問題，只需要3分鐘，跟著教學試一下吧。前提說明： 本教學只適合使用Elementor搭建的WordPr
我的專業領域是建企業網站，所以，我以為企業網站的常見頁面為例，使用Elementor逐一製作它們，並錄製完整的教學視頻（視頻在vimeo，請科學上網後查看），我想付費的教學視頻也大抵如此。
也需你還在用Astra主題或者其他主題提供的頁頭頁腳配置功能，而Elementor直接打破規則，它雖不是一個主題，但它可以替代主題去靈活的製作網站的頁頭和頁腳。
使用Elementor pro可以創作出多種多樣的頁腳，可以不再局限於主題自帶的頁腳了。並且Elmentor Pro的模板庫裡提供了多款頁腳模板，一鍵導入就可以直接用起來了，還可安裝Envo
使用Elementor pro可以創作出多種多樣的頁頭導航，可以不再局限於主題自帶的導航了。並且Elmentor Pro的模板庫裡提供了幾十款導航模板，一鍵導入就可以直接用起來了，還可安裝Envota
又是一個打破規則的功能，過去，主題們對於博客文章的列表頁、詳情頁，只是提供一些配置功能，或者提供幾套模板供你選擇，如果你想對它們進行DIY調整，那是不可能的，包括我常用的B2C獨立站常用主題Woodmart也一樣，你可以觀察很多博主的文章列表或詳情，基本都是千篇一律。
而有了Elementor Pro，你可以自己DIY文章列表、文章詳情頁的模板，甚至可以為不同分類、或者俱體某些文章製作模板，不再束手束腳。
你是否想定制博客文章的列表頁，但主題又不支持修改？有了Elementor Pro外掛，我們便可以突破主題的限制。讓我們一步步演示給你看~ 用Elementor Pro外掛，還能省付費主題的錢，譬如我直
如果你用是Elementor Pro外掛，你便可以省了付費主題的錢，直接用Elementor Pro導入模板庫的文章頁面模板頁，或者自己製作文章頁面模板；如果你購買了付費主題，又習慣用Elemento
當你在wordpress中發布了一些文章，想用Elementor編輯blog或news頁面時，卻出現瞭如下報錯，提示你無法編輯博客頁面，這是為什麼呢？又怎麼解決這個問題呢？我們會逐一講解。 Eleme
繼續打破規則，不再受限於主題本身提供的產品列表或詳情頁的模板，你可以用Elementor Pro DIY產品列表、文章詳情頁的模板，就跟上面的文章模板一樣靈活。目前，我注意到Woodmart主題也增加了Layout功能來實現DIY產品的模板。
Elementor所提供的產品模板定制功能，也並不是完美無缺的，如果你的定制需求復雜，你還是會用到一些第三方的擴展外掛，譬如Crocoblock的jetplugins。
本文是B2B企業網站架設教學的內容之一，我將逐步介紹如何使用Elementor Pro製作woocommerce產品列表模板，下面進入正題。視頻教學2021/4/12更新視頻教學注意：視頻中用於產品
本文將逐步介紹如何使用Elementor pro製作woocommerce產品詳情頁模板，下面進入正題。 2021/5更新詳細的視頻教學下方是2021年寫的簡單版圖文教學點擊菜單：模板》添加新模板
使用ACF（advanced custom fields）外掛可以為woocommerce的產品分類、產品增加自定義字段，譬如視頻、QA等等，疊加運用Elementor Pro的模板功能，就可以製作進
你是否還在用contact form 7或者是wpforms外掛呢？我過去就用過它們，前者功能不全，後者免費版功能不全。直到我用上Elementor Pro的form元素，我就再也不用其他表單外掛了，少裝一個外掛，少一點網站的重量，還能剩下一些成本。
在使用ELementor製作詢盤表單/聯繫表單時，為了避免頻繁收到垃圾詢盤/郵件，我們可以給表單添加Google reCAPTCHA V3進行反垃圾驗證，這通常只適用於企業網站架設或外文網站，不適合中文網
本視頻介紹如何用Elementor Pro付費版製作聯繫表單，如果你沒打算購買Elementor Pro，可以考慮用Ninja Forms來製作聯繫表單。
思路：用Elementor Pro製作產品詳情頁模板（single product）和詢盤表單彈出層（popup），在產品詳情頁模板上添加一個詢盤按鈕，將按鈕鏈接設置為dynamic調用popup即可
如果你問我用什麼主題搭配Elementor。我會說，如果做非B2C站點，我用Hello Elementor主題，它是官方原配。如果是B2C站點，我用Woodmart主題。如果你做博客站，我便推薦你用Astra或Generatepress主題。
本文將介紹官方推薦的最適合Elementor的13款免費主題，LOYSEO博主把它們都用了一遍。隨著Elementor Theme Builder（主題構建器）的發布，您可以使用任何主題並用Elem
你是否在尋找速度快、模板多、支持熱門編輯器的熱門主題，Astra主題是免費WordPress主題的熱門之一，擁有一百萬+用戶與五星好評，免費版也提供數十套一鍵導入的網站模板。
這是Elementor頁面編輯器提供的官方主題，它的本質就是一個超輕的空殼，宛如一張白紙，借助Elementor Pro，便可以讓你擺脫任何主題的限制，自由發揮設計。
你是否在尋找一個速度很快，適合技術人員的主題呢？ GeneratePress主題是一個輕量級的WordPress主題，專注於速度、穩定性和可訪問性。
可以，請看下圖，在Elementor設置的文章類型中，勾選產品並保存。然後你在編輯產品時，就能看到使用Elementor編輯按鈕了。
可以用Elementor編輯產品的詳細介紹，也可以認為是產品的正文而產品的簡介（short description）是無法使用Elementor編輯的。
與上文同理，請在下圖的Elementor設置中勾選你添加的文章類型並保存
可以，譬如你可以用Custom post type ui（CPT UI）添加名叫case的文章，便於管理公司的案例，如果你想以類似博客的形式展示case，那麼你在用CPT UI添加case時，需要注意下圖中的配置：將has archive選擇為true，這樣以來，才能用Elementor Pro製作針對case的文章列表模板（Archive），然後發布模板時設置display condition為case archive即可。
原因是：這個頁面在woocommerce的設置中已被設為商店頁面，所以不可以用Elementor直接編輯。但你可以使用Elementor Pro製作Product archive模板，並在保存發佈時，設置展示條件為shop page。
用Elementor Pro製作產品列表模板時，設置展示條件為shop page
有讀者反饋希望banner不因設備尺寸的改變而改變佈局，譬如：不希望文字把背景圖片擋住，又希望圖片在不同設備上都能完整顯示….emm，你只有把文案做到圖片裡直接作為banner了。
目前有幾種方法：現在我比較推薦的是使用Eelementor的Image carousel元素來實現。
下面是我以前用的舊方法。
以Elementor Pro為例，你需要使用slider元素，將圖片上傳到背景中，同時設置size：contain，然後點擊height（高度）旁邊的設備圖標，切換到不同設備上，分別設置圖片的高度，以便圖片寬度能完整顯示。
接下來，切換到這個banner的content標籤頁，將內容、按鈕都清空，設置link（鏈接），將鏈接方式（apply link on）設置為whole slider。
如果你使用的是免費的Elementor，那麼你需要使用 Premium Addons For Elementor 高級元素擴展中的Premium Carousel / 輪播來製作banner。
如果你想編輯它，要么，你取消這個設置，要么，用Elementor的template功能，製作archive類型的文章列表模板，並將condition設置為Post archive/文章Archive
