如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)

大家好,我們又見(jiàn)面了,之前講述了ROW(排),Column(柱子),以及一些基本的模塊設(shè)置,大家可以根據(jù)鏈接查看,今天我們講一講怎么DIY(自己添加),以及模塊的介紹,通過(guò)這些步驟和功能的了解,您可以更靈活地搭建和美化自己的網(wǎng)站。

步驟網(wǎng)站前端→滑動(dòng)到網(wǎng)站頁(yè)腳的前面

圖片[1]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[2]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,這就是所有你能添加的模塊了

步驟Add Element→WooCammerce

圖片[3]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,這是WooCommerce插件的元素,一些產(chǎn)品的展示

今天我們主要講述主題的元素,其他的元素都是WPBakery Page Builder編輯器帶的,和WooCammerce插件帶的


主題元素

步驟Add Element→Theme elements

圖片[4]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如上圖,這是主題元素,每一個(gè)主題不一樣,具體的功能也不一樣,這是Basel主題的功能。我們講述一些常用的功能,其他的功能大家按照翻譯的意思理解就行

圖片[5]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Slider:滑塊(也就是海報(bào))

圖片[6]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Brands(品牌):輪播品牌:(和輪播分類(lèi)是一樣的意思,只是內(nèi)容不一樣)

圖片[7]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Section title(文章標(biāo)題),你可以用來(lái)做某一個(gè)模塊的標(biāo)題或者某個(gè)文本的標(biāo)題,都是可以的

圖片[8]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Blog(博客):來(lái)顯示網(wǎng)站的咨詢和文章的,可以參考下方的數(shù)據(jù)參考

圖片[9]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[10]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Button(按鈕):比如跳轉(zhuǎn)按鈕,基本上很多個(gè)模塊都可以用,如下圖,除了主題的按鈕,編輯器也有,具體使用那種就看你的需要他能不能達(dá)到?jīng)Q定

圖片[11]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[12]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

步驟添加Google Map→Google Map Settings

圖片[13]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Google Map(谷歌地圖):如果你需要一個(gè)顯示地點(diǎn)的功能,則需要谷歌地圖,需要地圖的API,以及經(jīng)緯度,如下圖

圖片[14]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[15]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

WC products widget(產(chǎn)品小部件):你可以理解為產(chǎn)品的小功能,你可以拿來(lái)做產(chǎn)品折扣窗口,刺激消費(fèi),如下圖,圖片加部件的形式,就會(huì)有創(chuàng)意

圖片[16]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Testimonials(評(píng)價(jià)):可以用于產(chǎn)品評(píng)論的展示。增加網(wǎng)站的信任度

圖片[17]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Promo Banne(促銷(xiāo)橫幅):你可以理解為大海報(bào)

圖片[18]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

增加網(wǎng)站的的美觀,不會(huì)顯示的很單調(diào),如上圖

圖片[19]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Images gallery(圖片庫(kù)):用于圖片的展示以及輪播,根據(jù)需要使用,編輯器也會(huì)自帶圖片功能,根據(jù)需要和效果去決定使用哪一個(gè)

圖片[20]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Product categories(產(chǎn)品類(lèi)別):展示產(chǎn)品分類(lèi),讓客戶從前端能看到你的品類(lèi),直觀和清晰,如下圖

圖片[21]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[22]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

Products (grid or carousel)(產(chǎn)品展示,風(fēng)格有網(wǎng)格輪播還有更多):用于產(chǎn)品的展示,建議使用主題產(chǎn)品功能,而不是WooCommerce插件的,因?yàn)樗J(rèn)是網(wǎng)絡(luò)格式,風(fēng)格比較單一,如下圖

圖片[23]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)
圖片[24]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

AJAX Products tabs(阿賈克斯產(chǎn)品標(biāo)簽):你可以理解為一個(gè)模塊同事展示多個(gè)不同的產(chǎn)品類(lèi)別和方式

圖片[25]-如何DIY添加模塊和使用Basel主題功能 – 完整指南(09)-光子波動(dòng)網(wǎng) | 專業(yè)WordPress修復(fù)服務(wù),全球范圍,快速響應(yīng)

如果你不想一個(gè)模塊展示一種產(chǎn)品類(lèi)別或風(fēng)格,可以嘗試這種展示方法,如上圖,展示的是新產(chǎn)品,特色產(chǎn)品,以及最佳銷(xiāo)售的產(chǎn)品,這是按照產(chǎn)品的銷(xiāo)售風(fēng)格,你也可以展示不同類(lèi)目的方法

到這里,講述了基本的Basel主題選項(xiàng)的功能,當(dāng)然還有沒(méi)有講述了,希望大家去多多了解,不懂的隨時(shí)聯(lián)系我們,新手基本上夠用了。到這里你能自己去構(gòu)建屬于自己的Basel主題網(wǎng)站了。

總結(jié)

以上就是關(guān)于Basel主題常用功能的介紹,希望對(duì)大家有所幫助。當(dāng)然,Basel主題還有許多其他功能,歡迎大家多多探索和了解。如果在使用過(guò)程中有任何疑問(wèn),隨時(shí)聯(lián)系我們。下一期,我們將深入講解Basel主題在網(wǎng)站后端的設(shè)置及功能展示??梢远嗔粞晕覀兊摹?strong>WP主題裝修”專題,敬請(qǐng)期待!


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

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容