在 WordPress 中使用 Elementor 的初學者指南

什么是 Elementor?

Elementor是WordPress的拖放式頁面生成器。該插件可幫助您使用可視化編輯器創(chuàng)建精美的頁面。它專為快速創(chuàng)建動態(tài)網(wǎng)站而設計。

這款WordPress插件是一款全能型工具,它讓網(wǎng)站設計變得簡單又高效。想要讓網(wǎng)站更具動態(tài)感,有豐富的字體選擇、精美的背景圖片,都能夠隨心所欲地打造出與品牌形象完美契合的網(wǎng)站。

圖片[1]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

為什么要使用 Elementor

Elementor適用于團隊中所有類型的專業(yè)人士。如果你不精通技術,可視化編輯器可讓你靈活拖動 90 多個小工具中的任何一個來創(chuàng)建內(nèi)容,如按鈕、星級評分和進度條。對于 WordPress 開發(fā)人員來說,它仍然是一個具有腳本優(yōu)化、自定義屬性和回滾版本的首選平臺。

“這是一個使用 Elementor 編輯的餐廳網(wǎng)站。”

圖片[2]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

Elementor 是免費的嗎?

Elementor提供免費版本和多種付費套餐。免費版本包含在網(wǎng)站上創(chuàng)建強大用戶體驗所需的所有功能,包括拖放編輯器、40 多個基本 widget 和 30 多個模板。如果想使用更高級的功能,如添加表單和自定義 CSS,可以升級到專業(yè)(Pro)版本。Elementor 的分級定價如下:

1 個站點每年 59 美元。

3 個站點每年 99 美元。

25 個站點每年 199 美元。

1,000 個站點每年 399 美元

如何安裝 Elementor

與其他WordPress 插件一樣,安裝 Elementor 既快速又簡單。有兩種方法:

通過 Elementor.com 安裝 Elementor

1. 訪問Elementor.com并單擊“開始”

圖片[3]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

2.填寫電子郵件地址和密碼以創(chuàng)建帳戶。

圖片[4]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

3.回答一些關于該網(wǎng)站面向誰以及有多少建設網(wǎng)站的經(jīng)驗的問題

圖片[5]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

4.選擇想要如何構建站點

可以購買 Elementor Pro 插件或包含該插件以及 WordPress 安裝和托管的捆綁包。還可以查看其他付費套餐或從基本免費版本開始。 對于此演示,我們選擇免費的就好:

圖片[6]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

5.由于 Elementor 要求有一個激活的 WordPress 網(wǎng)站,需要在其檢查器中輸入網(wǎng)站域名。

圖片[7]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

6.確認站點的兼容性后,單擊安裝 Elementor

圖片[8]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

7. 如果被引導至網(wǎng)站的管理員登錄頁面,繼續(xù)登錄。如果已經(jīng)登錄,則會直接進入 Elementor 插件頁面。點擊右下角的立即安裝。

圖片[9]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

8.隨后,將看到一個帶有確認信息的頁面。點擊激活插件。

圖片[10]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

完成之后,就可以開始使用 Elementor 頁面編輯器了。

通過 WordPress 儀表板安裝 Elementor

第 1 步:在儀表盤中,單擊插件>添加新插件。

第2步:在搜索字段中,輸入 Elementor 并找到Elementor Website Builder

圖片[11]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

第3步:點擊立即安裝。安裝完成后,點擊激活。

圖片[12]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

頁面生成器將自動添加到側邊欄。不過,這個側邊欄菜單項只能用于訪問 Elementor 的后臺設置,而不能用于編輯頁面。

圖片[13]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

如何在 WordPress 中使用 Elementor

有了 Elementor,就可以將自己的設計構想變?yōu)楝F(xiàn)實。通過實時編輯,可以在設計過程中查看每個元素,從而輕松完成設計過程。讓我們一起來看看如何使用 Elementor 編輯器。

Elementor教程

Elementor為用戶提供了直觀的設計,可以在較短時間內(nèi)學會編輯器的基礎知識。

1.首先,創(chuàng)建一個新頁面或帖子,然后單擊“使用 Elementor 編輯”。

圖片[14]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

第 2 步: 將進入 Elementor 頁面編輯器。這就是頁面的樣子。

圖片[15]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

3.在左側,將看到 Elementor 側邊欄,上面有你可以用來構建網(wǎng)頁的所有拖放功能

在開始拖放小部件之前,首先要了解 Elementor 編輯器由三個主要構建模塊組成: 節(jié)、列和部件。版塊是最大的構建模塊。

編輯器會用藍色框突出顯示部分和列,告訴你可以在哪里拖動部件。注意,不能將部件拖到導航欄或標題中。

圖片[16]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

可以使用藍色手柄控制版塊、列和部件。只需右擊手柄即可編輯塊。

圖片[17]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

4.準備好后,只需單擊、按住小部件并將其拖動到要添加新模塊的位置即可。

例如,當滾動到頁面底部時,可以選擇將小部件拖到新的空白區(qū)域中。

圖片[18]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

5.”可以搜索特定的小部件來自定義頁面。從基本元素(如標題或圖片庫)中進行選擇,或探索更高級的元素(如動畫標題和推薦輪播)。

圖片[19]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

6.點擊左上角的按鈕,然后點擊 “網(wǎng)站設置“。在這個菜單中,你可以設置頁面的默認顏色和字體。還可以在 Elementor 上為整個網(wǎng)站配置全局設置。

圖片[20]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

7. 最后,可以點擊面板底部的 “歷史 “圖標訪問 Elementor 內(nèi)置的 “修訂歷史 “部分。在 “操作 “選項卡下,可以跟蹤你的更改,在每個操作之間來回移動。在 “修訂 “選項卡下,可以在修訂之間切換,并返回到任何以前的版本。

圖片[21]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

如何在 Elementor 中構建你的首頁

Elementor 以其易用性從眾多競爭者中脫穎而出。在該平臺上創(chuàng)建你的第一個頁面,無需任何編碼技能,可以親自試一下。

1.進入 WordPress 面板。

2.單擊頁面,然后添加新內(nèi)容。

3.單擊使用 Elementor 編輯,進入頁面生成器。

4.Elementor 將加載如下內(nèi)容。

圖片[22]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

5.”接下來,添加標題、文本編輯器圖像小部件。

圖片[23]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

拖動到位后,就可以盡情編輯每個小部件了。點擊綠色的 “發(fā)布 “按鈕,完成!就在 Elementor 中創(chuàng)建了第一個頁面。

7.完成頁面設計后,可以預覽然后發(fā)布。首先,轉到 Elementor 編輯器左側的面板。

8.要單擊眼睛圖標預覽一下頁面。

9.發(fā)布的時候點擊綠色的發(fā)布按鈕即可。

Elementor模板

模板是預先設計好的頁面和塊,可以幫助你設計 WordPress 網(wǎng)站。頁面是完整的內(nèi)容布局,而塊是帶有預置部件的部分,如頁腳、頁眉和常見問題??梢酝ㄟ^頁面類型、模板名稱或標簽搜索特定模板。此外,所有模板都是移動響應式的。只需點擊一下,就可以將它們插入到任何頁面中。

1.在 Elementor 編輯器中,導航到頁面底部,其中有一個部分顯示“在此處添加小部件”。單擊白色文件夾。

圖片[24]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

2.將加載一個庫。要預覽模板,單擊圖像上的放大鏡圖標或者只是將鼠標懸停在其中一個上。

圖片[25]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

3.單擊綠色的“插入”按鈕”

4.如果未連接到 Elementor 的模板庫,系統(tǒng)會提示連接。Elementor 會自動重定向到其網(wǎng)站,可以在那里注冊或登錄。

圖片[26]-在 WordPress 中使用 Elementor 的初學者指南-光子波動網(wǎng) | 專業(yè)WordPress修復服務,全球范圍,快速響應

5.注冊或登錄后,連接確認。

6.返回正在編輯的頁面并插入所需的模板。

上面就是在WordPress 中使用 Elementor 的一個指南;這次我們是用Elementor免費的版本做的演示,后面我們會給大家分享”如何使用 Elementor 中的高級功能“。


聯(lián)系我們
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點!
客服微信
客服微信
電話:020-2206-9892
QQ咨詢:1025174874
郵件:info@361sale.com
工作時間:周一至周五,9:30-18:30,節(jié)假日休息
? 轉載聲明
本文作者:Harry
THE END
喜歡就支持一下吧
點贊0 分享
評論 搶沙發(fā)

請登錄后發(fā)表評論

    暫無評論內(nèi)容