Elementor Flexbox Container Flexbox Container是現(xiàn)在Elementor最新的布局方式。（之前是Section）Flexbox Container相對(duì)于之前的Section更加靈活。不僅允許您創(chuàng)建更復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)，還可以幫助您更有效地設(shè)計(jì)頁(yè)面布局。自由度更高：通過(guò)容器嵌套子容器，你可以設(shè)置更加復(fù)雜的布局方式，并且靈活控制小部件的方向，對(duì)齊方式，長(zhǎng)度和位置。適靈活應(yīng)屏幕尺寸：容器使您可以靈活地重新排序網(wǎng)頁(yè)元素，使它們更容易調(diào)整以適應(yīng)不同的屏幕尺寸。使用容器，您可以確保頁(yè)面元素以正確的順序顯示，無(wú)論屏幕尺寸如何，從而帶來(lái)更好的用戶體驗(yàn)。

Elementor全局設(shè)置 如果你想搭建一個(gè)專業(yè)的頁(yè)面，那么你要對(duì)你的網(wǎng)頁(yè)的寬度，字體，配色要統(tǒng)一。雖然ELementor默認(rèn)設(shè)置了這些元素。但是如果我們想要自己的樣式。我們就要先對(duì)我們的ELementor進(jìn)行全局設(shè)置。在我們進(jìn)入ELementor編輯區(qū)域之后，點(diǎn)擊左上角小圖標(biāo)，在下一個(gè)界面我們選擇site setting。在site setting里面可以設(shè)置比較常見(jiàn)的三種設(shè)置Global Font(全局字體) Global Color(全局字體) Layout(容器寬度，內(nèi)邊距等) Elementor 小部件介紹 Elementor 小部件是你構(gòu)建頁(yè)面的元素，常用的小部件有標(biāo)題，文本，圖像，圖標(biāo)，分割線，按鈕等等。通過(guò)拖拽這些小部件到容器中，添加小部件內(nèi)容，然后更改樣式，布局來(lái)創(chuàng)建漂亮的頁(yè)面。ELementor提供的小部件遠(yuǎn)不止這些，你也可以嘗試ELementor Pro來(lái)解鎖更多小部件，比如，分享按鈕，輪播，表單等等。

Elementor樣式 當(dāng)我們把小部件放到容器后，小部件面板將更改為顯示“內(nèi)容”、“樣式”和“高級(jí)”選項(xiàng)卡。通過(guò)這三個(gè)選項(xiàng)我們就可以自定義小部件。Content：這個(gè)選項(xiàng)卡主要就是添加小部件的內(nèi)容；Style: 這個(gè)選項(xiàng)主要可以調(diào)整我們小部件的樣式；Advanced: 這個(gè)選項(xiàng)卡所有小部件都是相同的，我們可以設(shè)置我們小部件的寬度，內(nèi)邊距，外邊距等等。

Elementor VS ELementor Pro 在使用ELementor的時(shí)候很多小工具或者模板都會(huì)有一個(gè)小鎖子圖標(biāo)說(shuō)明我們需要購(gòu)買ELementor pro也就是ELementor付費(fèi)版才能解鎖這些小部件。那么我們到底需不需要購(gòu)買Elmentor pro呢？不著急我們先來(lái)看看ELementor Pro提供了哪些？Elementor Pro提供了哪些實(shí)用小工具？90+ WidgetsTheme BuilderPremium Support300+ Pro Templates & BlocksSliders & CarouselsCustom CSSScrolling EffectsAnimated HeadlinesFlip Box更多功能官網(wǎng)查看這里我總結(jié)了幾個(gè)我們?cè)谟肊lementor搭建外貿(mào)獨(dú)立站的時(shí)候幾個(gè)實(shí)用或者常用的功能：Slide（大圖輪播）：首頁(yè)大圖部分是我們網(wǎng)站首頁(yè)重要的部分也是吸引用戶的關(guān)鍵點(diǎn)有時(shí)候單張不能表達(dá)我們的服務(wù)優(yōu)勢(shì)或者產(chǎn)品優(yōu)勢(shì)我們可以用Slide添加多張圖片輪播展示更多信息。Header&Footer: 免費(fèi)版本的Elementor是不支持頁(yè)眉和頁(yè)腳的編輯的。我們只能通過(guò)主題自定義來(lái)添加頁(yè)眉和頁(yè)腳相對(duì)來(lái)說(shuō)Elementor的設(shè)置更加靈活。我們可以做出更多布局的頁(yè)眉和頁(yè)腳。Product Page：通常我們搭建獨(dú)立站都要用到Woocommerce來(lái)管理我們的產(chǎn)品可惜的是默認(rèn)情況我們發(fā)布的產(chǎn)品會(huì)自動(dòng)生成產(chǎn)品分類頁(yè)面和產(chǎn)品詳情頁(yè)面通過(guò)自定義修改非常有限。那么Elementor Pro是可以設(shè)計(jì)產(chǎn)品分類頁(yè)面和產(chǎn)品詳情頁(yè)面的。那么Elementor Pro到底值不值的買完全取決于你的需求。

Elementor是一款功能強(qiáng)大的網(wǎng)頁(yè)設(shè)計(jì)構(gòu)建器，通過(guò)拖拽+調(diào)整樣式的方式來(lái)設(shè)計(jì)頁(yè)面，即使是不懂代碼的人也可以設(shè)計(jì)出各種網(wǎng)頁(yè)布局。如果你想更加靈活的運(yùn)營(yíng)Elementor，設(shè)計(jì)出一個(gè)更加專業(yè)的網(wǎng)站頁(yè)面，那么你必須了解和掌握Elementor的使用。

Elementor是最流行的WordPress插件之一，也是目前市面上最受歡迎的Page Builder. 目前在官網(wǎng)顯示Elementor下載量超過(guò)了500萬(wàn)，也就是說(shuō)全球有百萬(wàn)用戶在使用Elementor來(lái)設(shè)計(jì)自己的網(wǎng)站頁(yè)面。

為什么選擇Elementor page builder？

可視化編輯器：和其它很多Page builder不同的是，Elementor設(shè)計(jì)區(qū)和視圖區(qū)在同一個(gè)頁(yè)面，通過(guò)設(shè)置可以實(shí)時(shí)查看效果，所見(jiàn)即所得，設(shè)計(jì)效率高。豐富的小部件：ELementor內(nèi)嵌了40+小部件，其中有文本，圖片，按鈕，icon,視頻等基本元素，還包含了圖片box, icon Box, 進(jìn)度條，客戶說(shuō)，圖片集，計(jì)數(shù)器，選項(xiàng)卡等組合組件，讓頁(yè)面設(shè)計(jì)更加靈活和輕松。響應(yīng)式設(shè)計(jì)：ELementor支持電腦，平板，手機(jī)分離式樣式設(shè)計(jì)，可以調(diào)整各個(gè)終端設(shè)備而互不影響。通過(guò)對(duì)不同客戶端的設(shè)置，讓網(wǎng)站完美展示在各個(gè)設(shè)備上。

如何安裝Elementor？

在安裝ELementor之前，首先我們要確保我們購(gòu)買了域名和主機(jī)，并且上線了WordPress網(wǎng)站。登錄WordPress后臺(tái)，依次點(diǎn)擊Plugin-->add new, 在右側(cè)搜索框內(nèi)輸入ELementor，找到ELementor插件，點(diǎn)擊install。安裝成功后，點(diǎn)擊active啟用插件。啟用插件成功之后，Elementor會(huì)自動(dòng)跳轉(zhuǎn)到Elementor向?qū)?。我們可以點(diǎn)擊右上角叉號(hào)關(guān)閉向?qū)?，直接進(jìn)入后臺(tái)。我們可以在后臺(tái)左側(cè)菜單看到Elementor和Template兩個(gè)選項(xiàng)。

Elementor Flexbox Container Flexbox Container是現(xiàn)在Elementor最新的布局方式。（之前是Section）Flexbox Container相對(duì)于之前的Section更加靈活。不僅允許您創(chuàng)建更復(fù)雜的網(wǎng)頁(yè)設(shè)計(jì)，還可以幫助您更有效地設(shè)計(jì)頁(yè)面布局。自由度更高：通過(guò)容器嵌套子容器，你可以設(shè)置更加復(fù)雜的布局方式，并且靈活控制小部件的方向，對(duì)齊方式，長(zhǎng)度和位置。適靈活應(yīng)屏幕尺寸：容器使您可以靈活地重新排序網(wǎng)頁(yè)元素，使它們更容易調(diào)整以適應(yīng)不同的屏幕尺寸。使用容器，您可以確保頁(yè)面元素以正確的順序顯示，無(wú)論屏幕尺寸如何，從而帶來(lái)更好的用戶體驗(yàn)。

Elementor全局設(shè)置 如果你想搭建一個(gè)專業(yè)的頁(yè)面，那么你要對(duì)你的網(wǎng)頁(yè)的寬度，字體，配色要統(tǒng)一。雖然ELementor默認(rèn)設(shè)置了這些元素。但是如果我們想要自己的樣式。我們就要先對(duì)我們的ELementor進(jìn)行全局設(shè)置。在我們進(jìn)入ELementor編輯區(qū)域之后，點(diǎn)擊左上角小圖標(biāo)，在下一個(gè)界面我們選擇site setting。在site setting里面可以設(shè)置比較常見(jiàn)的三種設(shè)置Global Font(全局字體) Global Color(全局字體) Layout(容器寬度，內(nèi)邊距等) Elementor 小部件介紹 Elementor 小部件是你構(gòu)建頁(yè)面的元素，常用的小部件有標(biāo)題，文本，圖像，圖標(biāo)，分割線，按鈕等等。通過(guò)拖拽這些小部件到容器中，添加小部件內(nèi)容，然后更改樣式，布局來(lái)創(chuàng)建漂亮的頁(yè)面。ELementor提供的小部件遠(yuǎn)不止這些，你也可以嘗試ELementor Pro來(lái)解鎖更多小部件，比如，分享按鈕，輪播，表單等等。

Elementor樣式 當(dāng)我們把小部件放到容器后，小部件面板將更改為顯示“內(nèi)容”、“樣式”和“高級(jí)”選項(xiàng)卡。通過(guò)這三個(gè)選項(xiàng)我們就可以自定義小部件。Content：這個(gè)選項(xiàng)卡主要就是添加小部件的內(nèi)容；Style: 這個(gè)選項(xiàng)主要可以調(diào)整我們小部件的樣式；Advanced: 這個(gè)選項(xiàng)卡所有小部件都是相同的，我們可以設(shè)置我們小部件的寬度，內(nèi)邊距，外邊距等等。

Elementor VS ELementor Pro 在使用ELementor的時(shí)候很多小工具或者模板都會(huì)有一個(gè)小鎖子圖標(biāo)說(shuō)明我們需要購(gòu)買ELementor pro也就是ELementor付費(fèi)版才能解鎖這些小部件。那么我們到底需不需要購(gòu)買Elmentor pro呢？不著急我們先來(lái)看看ELementor Pro提供了哪些？Elementor Pro提供了哪些實(shí)用小工具？90+ WidgetsTheme BuilderPremium Support300+ Pro Templates & BlocksSliders & CarouselsCustom CSSScrolling EffectsAnimated HeadlinesFlip Box更多功能官網(wǎng)查看這里我總結(jié)了幾個(gè)我們?cè)谟肊lementor搭建外貿(mào)獨(dú)立站的時(shí)候幾個(gè)實(shí)用或者常用的功能：Slide（大圖輪播）：首頁(yè)大圖部分是我們網(wǎng)站首頁(yè)重要的部分也是吸引用戶的關(guān)鍵點(diǎn)有時(shí)候單張不能表達(dá)我們的服務(wù)優(yōu)勢(shì)或者產(chǎn)品優(yōu)勢(shì)我們可以用Slide添加多張圖片輪播展示更多信息。Header&Footer: 免費(fèi)版本的Elementor是不支持頁(yè)眉和頁(yè)腳的編輯的。我們只能通過(guò)主題自定義來(lái)添加頁(yè)眉和頁(yè)腳相對(duì)來(lái)說(shuō)Elementor的設(shè)置更加靈活。我們可以做出更多布局的頁(yè)眉和頁(yè)腳。Product Page：通常我們搭建獨(dú)立站都要用到Woocommerce來(lái)管理我們的產(chǎn)品可惜的是默認(rèn)情況我們發(fā)布的產(chǎn)品會(huì)自動(dòng)生成產(chǎn)品分類頁(yè)面和產(chǎn)品詳情頁(yè)面通過(guò)自定義修改非常有限。那么Elementor Pro是可以設(shè)計(jì)產(chǎn)品分類頁(yè)面和產(chǎn)品詳情頁(yè)面的。那么Elementor Pro到底值不值的買完全取決于你的需求。