Elementor – 最好的WordPress頁面編輯器

Elementor是一款即時頁面編輯器,所見即所得,做網站再也不用寫代碼。

LOYSEO.COM 便是用Elementor做的,它是我最愛的編輯器,沒有之一。

通過拖拽元素塊搭建頁面,或導入頁面範本快速搭建網站,就像搭積木一樣方便。

免費版:提供40多個元素塊,30多種基本範本。 運用一些免費版的元素包擴展外掛程式,也能搭建一個完整的入門級網站。

高級版:擁有了它,主題變得不再重要,用免費主題就能搭建完美的高級網站。

下载Elementor

Elementor提供免費版本,雖然功能有限,但能讓你瞭解Elementor的常規操作。

如果你要購買Elemenetor,建議看下這篇:如何高性價比的購買Elementor Pro與避坑

Elementor教程

查看詳細的Elementor教學

這篇教程講解如何用 JetEngine 和 Elementor Pro 這兩個外掛程式,在 WordPress 裡為你的自定義文章(CPT)如自定義產品,以及該CPT所使用的自定義分類法(Taxonomy)創建一個專門的歸檔清單頁面。 這樣,訪客點擊某個分類時,或者訪問自定義文章的歸檔頁面時,就能看到一個整潔、統一的文章或產品清單頁面了。
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製作產品詳情頁範本(single product)和詢盤表單彈出層(popup),在產品詳情頁範本上添加一個詢盤按鈕,將按鈕鏈接設置為dynamic調用popup即可。
擁有Elementor Pro讓建站就跟拼圖一樣方便了,那如何省錢的購買Elementor Pro呢? 如何避開坑呢? 下面分享自己的實踐經驗。 (還不瞭解Elementor的點這裡)
本文将介绍官方推荐的最适合Elementor的9款免费主题,随着Elementor Theme Builder(主题构建器)的发布,您可以使用任何主题并用Elementor Pro设计网站的页眉、页脚、文章详情页模板和文章列表页模板,但如果你没有Elementor Pro,你可能希望找到这样的主题:具有用于控制布局和设计功能的主题。
要設置Elementor的小部件/元素塊為圓角,請左鍵點擊小部件后,在左側找到Style/樣式標籤,其中,如果你能找到border radius/邊框半徑屬性,便可以用於設置圓角。 如果找不到,說明當前元素不支援圓角設置,但是你也可以在Advanced/高級標籤中,找到border並設置整個元素的border radius屬性進行設置。
你是否想擺脫主題的限制,自己製作文章詳情頁的範本? 本文將教你使用Elementor Pro製作文章詳情頁的Single Post範本,我會介紹兩種範本庫及其使用方式,讓新手可以快速製作一個還不錯的範本,還會講到範本中常見的問題哦~
使用Elementor pro可以創作出多種多樣的頁腳,可以不再局限於主題自帶的頁腳了。 並且Elmentor Pro的範本庫里提供了多款頁腳範本,一鍵導入就可以直接用起來了,還可安裝Envota elements外掛,裡頭還有頁腳範本供選用。
使用Elementor pro可以創作出多種多樣的頁頭導航,可以不再局限於主題自帶的導航了。 並且Elmentor Pro的範本庫里提供了幾十款導航範本,一鍵導入就可以直接用起來了,還可安裝Envota elements外掛,裡頭還有十幾款頁頭。
Elementor的theme style主題樣式可設置各種元素的默認樣式,例如背景,標題,按鈕,圖像和表單字段。這些設置將覆蓋主題自帶的樣式設置,從而使您可以使用Elementor為非Elementor構建的元素設置樣式。

Elementor的中文语言包

本站提供Elementor和Elementor Pro的中文語言包,請用微信掃如下二維碼加學習交流群,在群內發送消息:@小助理 Elementor,即可獲得語言包下載連結。

点赞

0 / 5 0

Your page rank: