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

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

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

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

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

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

為什么選擇Elementor page builder？

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

如何安裝Elementor？

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

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

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

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

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