Elementor是一款即時頁面編輯器,所見即所得,做網站再也不用寫代碼。
LOYSEO.COM 便是用Elementor做的,它是我最愛的編輯器,沒有之一。
通過拖拽元素塊搭建頁面,或導入頁面範本快速搭建網站,就像搭積木一樣方便。
免費版:提供40多個元素塊,30多種基本範本。 運用一些免費版的元素包擴展外掛程式,也能搭建一個完整的入門級網站。
高級版:擁有了它,主題變得不再重要,用免費主題就能搭建完美的高級網站。
- 額外提供50多個元素塊,300多個範本,10多套整站範本
- 自定義網站的頁頭和頁腳,這樣就不被主題的頁頭頁腳限制
- 自定義文章列表頁範本、文章詳情頁範本、產品列表頁範本與產品詳情頁範本,擺脫主題的範本限制,讓頁面內容隨你的想法擴展,譬如,我用acf給產品自定義了新欄位:
如何用ACF給產品詳情和產品列表添加自定義欄位(實例)
下载Elementor
Elementor教程
查看詳細的Elementor教學
這篇教程講解如何用 JetEngine 和 Elementor Pro 這兩個外掛程式,在 WordPress 裡為你的自定義文章(CPT)如自定義產品,以及該CPT所使用的自定義分類法(Taxonomy)創建一個專門的歸檔清單頁面。 這樣,訪客點擊某個分類時,或者訪問自定義文章的歸檔頁面時,就能看到一個整潔、統一的文章或產品清單頁面了。
無需WooCommerce,教你使用ACF與Elementor Pro搭建羽量級產品展示頁。 本教程涵蓋自定義欄位配置、產品分類管理及前端單頁與清單頁設計,適合無需在線下單的展示型官網。
Elementor外掛分為免費版和付費版,本文分別介紹這兩個外掛的安裝方法。 簡而言之:Elementor免費版在WordPress外掛庫中搜索后即可安裝,而Elementor Pro(付費版)需要購買后獲取安裝包才能安裝,並且,如果你使用付費版Elementor,免費的Elementor依舊要安裝。
本文是Elementor教學系列中的入門級教學,詳細介紹Elementor3.14版本之後新增的頂部工具列的功能。
本文介紹Elementor外掛的兩種使用場景實操:(1)將Elementor老版本的Section轉為Container,(2)Container的區別於Section的常用操作演示。
這個 Elementor 教學系統化,涵蓋:購買 Elementor 時如何避免陷阱、入門、進階操作、實務案例研究和常見問題,讓你有更深入的理解。 我使用 Elementor 已經超過 7 年了,我認為它是市面上最好的 WordPress 頁面編輯器。Elementor 不僅讓我們能取得你在建立網頁時看到的內容,也比其他頁面編輯器更易使用,並提供更豐富的第三方擴充功能。如果您想順利熟悉 Eleme...
Elementor自定義代碼(Custom Code)功能是Elementor Pro付費版本功能,它允許你添加代碼片段,如Google Analytics代碼或Facebook Pixel代碼,你可以設定代碼在網站里的展示位置和覆蓋頁面範圍,還能設定的代碼的載入優先順序, 這樣你就不需要編輯你的主題檔來實現代碼的插入了。
在使用ELementor製作詢盤表單/聯繫表單時,為了避免頻繁收到垃圾詢盤/郵件,我們可以給表單添加Google reCAPTCHA V3進行反垃圾驗證,這樣以來,當網頁里包含表單時,會自動載入reCAPTCHA進行無感知驗證,能大幅度減少垃圾詢盤郵件,也不會給使用者添加負擔:譬如點擊驗證碼或驗證圖片等等。
WooCommerce產品分類和產品標籤側邊欄的樣式是跟隨主題設計的,通常沒有設計樣式功能。 如下圖所示,它是我用Hello Elementor主題+ Elementor Pro製作的產品列表範本,在左側的側邊欄里包含了產品分類和產品標籤。 接下來,我們就講如何用Elementor Pro來將樣式設置為下圖所示的模樣。
本視頻介紹如何用Elementor Pro付費版製作聯繫表單,如果你沒打算購買Elementor Pro,可以考慮用Ninja Forms或者Fluent Forms外掛來製作聯繫表單。
思路:用Elementor Pro製作產品詳情頁範本(single product)和詢盤表單彈出層(popup),在產品詳情頁範本上添加一個詢盤按鈕,將按鈕鏈接設置為dynamic調用popup即可。
擁有Elementor Pro讓建站就跟拼圖一樣方便了,那如何省錢的購買Elementor Pro呢? 如何避開坑呢? 下面分享自己的實踐經驗。 (還不瞭解Elementor的點這裡)
LOYSEO使用的主題不提供網站的返回頂部按鈕,而免費的Elementor頁面編輯器就能解決這個問題,只需要3分鐘,跟著教學試一下吧。
可以的。 如果您已經購買Elementor Pro,並且想要將許可證(授權)從一個網站轉移到另一個網站,有如下兩種方法,請按照如下方法操作。
本文将介绍官方推荐的最适合Elementor的9款免费主题,随着Elementor Theme Builder(主题构建器)的发布,您可以使用任何主题并用Elementor Pro设计网站的页眉、页脚、文章详情页模板和文章列表页模板,但如果你没有Elementor Pro,你可能希望找到这样的主题:具有用于控制布局和设计功能的主题。
要設置Elementor的小部件/元素塊為圓角,請左鍵點擊小部件后,在左側找到Style/樣式標籤,其中,如果你能找到border radius/邊框半徑屬性,便可以用於設置圓角。 如果找不到,說明當前元素不支援圓角設置,但是你也可以在Advanced/高級標籤中,找到border並設置整個元素的border radius屬性進行設置。
你是否想擺脫主題的限制,自己製作文章詳情頁的範本? 本文將教你使用Elementor Pro製作文章詳情頁的Single Post範本,我會介紹兩種範本庫及其使用方式,讓新手可以快速製作一個還不錯的範本,還會講到範本中常見的問題哦~
你是否想定製博客文章的列表頁,但主題又不支援修改? 有了Elementor Pro外掛,我們便可以突破主題的限制。 讓我們一步步演示給你看~
使用Elementor pro可以創作出多種多樣的頁腳,可以不再局限於主題自帶的頁腳了。 並且Elmentor Pro的範本庫里提供了多款頁腳範本,一鍵導入就可以直接用起來了,還可安裝Envota elements外掛,裡頭還有頁腳範本供選用。
使用Elementor pro可以創作出多種多樣的頁頭導航,可以不再局限於主題自帶的導航了。 並且Elmentor Pro的範本庫里提供了幾十款導航範本,一鍵導入就可以直接用起來了,還可安裝Envota elements外掛,裡頭還有十幾款頁頭。
使用 ACF(進階自訂欄位)外掛,可以為 WooCommerce 的產品類別和產品新增自訂欄位,例如影片、品質保證等。結合 Elementor Pro 的範本功能,你可以建立進階產品清單頁面和產品詳細頁面。
本文將逐步介紹如何使用Elementor pro製作woocommerce產品詳情頁模板,下面進入正題。
本文是B2B架設企業網站教學的內容之一,我將逐步介紹如何使用 Elementor Pro 製作woocommerce產品列表範本,下面進入正題。
Elementor的theme style主題樣式可設置各種元素的默認樣式,例如背景,標題,按鈕,圖像和表單字段。這些設置將覆蓋主題自帶的樣式設置,從而使您可以使用Elementor為非Elementor構建的元素設置樣式。
Elementor的中文语言包
本站提供Elementor和Elementor Pro的中文語言包,請用微信掃如下二維碼加學習交流群,在群內發送消息:@小助理 Elementor,即可獲得語言包下載連結。
点赞
