歡迎大家來到本期教程！今天我們將深入探討如何裝修和排版BoxShop主題，這是一個功能強大且靈活的WordPress主題。與之前的主題不同，這次我們會集中講解如何在后臺使用WPBakery Page Builder進行編輯和設(shè)置。在本指南中，我們將詳細分解每一個步驟，幫助你快速掌握如何高效地管理和自定義你的BoxShop主題，讓你的網(wǎng)站更具吸引力和功能性。

步驟：網(wǎng)站后端→pages→Home→WPBakery Page Builder

先找到pages（頁面）然后再去找尋HOME(首頁），如下圖

根據(jù)模版的不同，首頁名字也會有區(qū)別，請認準有Front Page（首頁），這種才是設(shè)置好的主頁，一般都是設(shè)置好的，如果沒有的話，要去其他地方調(diào)整一下

點擊編輯，進入，如上圖

然后我們會得到一個這樣的界面，其實也是WPBakery Page Builder 編輯器來編輯的，之前Basel主題也是WPBakery Page Builder編輯器，但是那是前端可視化編輯，而這個只支持后端編輯，你需要在后端設(shè)置保持好后，再去前端看下效果，這樣會有優(yōu)點和缺點，優(yōu)點是前后端分離，就不會出現(xiàn)誤操作導致的結(jié)果，缺點是不能看到直接的效果，更多Basel主題的WPBakery Page Builder編輯器可以通過鏈接查看

讓我們繼續(xù)

這是后端

對應前端的效果

設(shè)置好對應的圖片，圖片很簡單，就在這里詳細的講解了，可以去看看Basel主題的WPBakery Page Builder編輯器內(nèi)容就知道啦，或者大家翻譯下也是很好能理解的

這是一個多選項的產(chǎn)品的模塊，如果你需要添加選項，則需要添加Tabs（標簽），選擇+號添加，或者在選項后面的+號添加

選擇新選項，加入一個產(chǎn)品模塊

Section（部分）這里設(shè)置新選項的名稱，請確保下面的id每一個度不一樣，否則無法會導致無法跳轉(zhuǎn)

然后就實現(xiàn)這個效果了，如下圖

步驟：網(wǎng)站后端→pages→Home→TS Banner2

banner也就是圖片，可以理解為橫幅，這個沒什么說的，但只要注意一點，圖片的大小要一致，不然就看起來歪歪曲曲，可以使用一些圖片工具去裁剪到統(tǒng)一的規(guī)格

如上圖，這種看起來就比較好看，當然不同屏幕的顯示效果也是不一樣的，上圖是顯示器

下圖就是筆記本電腦屏幕，你需要做一個取舍，因為是自適應的

設(shè)置，主要是圖片的跳轉(zhuǎn)鏈接設(shè)置好就行

這里還有一個鼠標的觸碰效果，就是碰到圖片的，大家根據(jù)實際情況去調(diào)整

至于產(chǎn)品模塊，如上圖

選擇好產(chǎn)品名稱，你可以在產(chǎn)品模塊寫名稱，也可以當度加一個標題或文本去寫名稱，在選擇產(chǎn)品的分類，如果不選擇，則默認顯示所有的產(chǎn)品，自動排序，然后就是產(chǎn)品展示的樣式，以及一些展示的內(nèi)容和細節(jié)，大家根據(jù)翻譯即可

至于博客和視頻也非常的簡單。如上圖

步驟：網(wǎng)站后端→pages→Home→TS Blog

博客如果你不想展示特定的分類的博客的文章，就不要勾選，他默認是勾選了，所以在出現(xiàn)默認的文章刪掉了，但你新寫的博客不展示，那就是這里設(shè)置出了問題

步驟：網(wǎng)站后端→pages→Home→Video Player

這里插入的視頻是鏈接的形式，不是嵌入的簡碼，所以要看清楚

這個是就是主題自帶的訂閱模塊了，如下圖，他有幾種樣式選擇，但一般選擇默認的，比較符合這個模版

選擇好內(nèi)容和樣式就行，你如果需要背景圖片，也可以加，但建議是默認的

總結(jié)

本期教程就到這里了，希望通過這次的詳細講解，大家對BoxShop主題的裝修和排版有了更加清晰的理解和操作能力。在下一期，我們將繼續(xù)探討如何利用BoxShop主題自帶的功能進行自定義設(shè)置，打造更符合你需求的獨特網(wǎng)站。感謝大家的關(guān)注，我們下期再見！

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M解答！免費助力個人，小企站點！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時間：周一至周五，9:30-18:30，節(jié)假日休息