Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)

今天我們繼續(xù)講解Astra主題Elementor更多的設(shè)置和技巧,在使用Astra主題與Elementor構(gòu)建WordPress網(wǎng)站時,模塊之間的布局和間隙設(shè)置至關(guān)重要。一個良好的間隙布局可以顯著提升頁面的美觀度與用戶體驗。然而,很多人常常因為模塊擁擠而感到困擾。今天,我們將分享兩種簡單有效的方法,幫助你輕松調(diào)整模塊間隙,同時還會介紹如何保存模板以便在其他頁面重復(fù)使用。

圖片[1]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,如果每個模塊直接很擁擠,那我們應(yīng)該調(diào)整呢,有兩種方法

1.我們找到Spacer(墊片),就是間隔器直接拖動到,模塊的上面或者下面,或者單獨加一個容器,再加入這個Spacer,根據(jù)你的實際情況

圖片[2]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

然后我們會進入這個模塊的設(shè)置,再去調(diào)整Spacer(墊片)的具體間隔數(shù)值

圖片[3]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

2.第二種就是通過容器(Container)的高級布局功能

圖片[4]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

我們需要先斷開這個鏈接功能,如果不斷開四個方向都是鏈接的,就會造成容器偏移,請看如下第二張那個圖片

圖片[5]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[6]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

所以正確的設(shè)置是,比如我們想設(shè)置上面的空隙,斷開鏈接后,設(shè)置TOP(也就是上方)設(shè)置好你希望的效果,這是100的效果

這就是模塊的間隙的兩種調(diào)整方法

還有一個保存模塊,以便到其他地方使用的方法

比如我需要這個容器的內(nèi)容或者只需要某個模塊

圖片[7]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

鼠標右鍵點擊后,我們會有一個這樣的界面,選擇保存到模版Save as Template

圖片[8]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[9]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

填寫好模版的名稱,以便在插入模版的時候方便尋找,點擊Save保存

圖片[10]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,在需要插入的地方選擇Termplale模版

圖片[11]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

輸入模版的名稱就能插入了,是不是很方便,如果模塊相同的情況下,確實很方便,但有一個缺點,如果你需要修改模塊的內(nèi)容,需要去網(wǎng)站后端的elmentor模塊找到這個模塊去修改,大家根據(jù)實際情況來調(diào)整哦

圖片[12]-Astra主題與Elementor:模塊間隙調(diào)整與模板保存技巧(08)-光子波動網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

總結(jié)

通過掌握這兩種模塊間隙調(diào)整方法,以及學(xué)會保存和復(fù)用模板,你可以更加靈活地設(shè)計網(wǎng)頁布局,提高工作效率。希望今天的分享能夠幫助你在Astra主題與Elementor的使用過程中更得心應(yīng)手。下期我們將繼續(xù)探討更多Astra主題與Elementor的實用技巧,敬請期待!


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

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

    暫無評論內(nèi)容