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

大家好,我们又见面了,之前讲述了ROW(排)Column(柱子),以及一些基本的模块设置,大家可以根据链接查看,今天我们讲一讲怎么DIY(自己添加),以及模块的介绍,通过这些步骤和功能的了解,您可以更灵活地搭建和美化自己的网站。

步骤网站前端→滑动到网站页脚的前面

图片[1]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[2]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这就是所有你能添加的模块了

步骤Add Element→WooCammerce

图片[3]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这是WooCommerce插件的元素,一些产品的展示

今天我们主要讲述主题的元素,其他的元素都是WPBakery Page Builder编辑器带的,和WooCammerce插件带的


主题元素

步骤Add Element→Theme elements

图片[4]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如上图,这是主题元素,每一个主题不一样,具体的功能也不一样,这是Basel主题的功能。我们讲述一些常用的功能,其他的功能大家按照翻译的意思理解就行

图片[5]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Slider:滑块(也就是海报)

图片[6]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Brands(品牌):轮播品牌:(和轮播分类是一样的意思,只是内容不一样)

图片[7]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Section title(文章标题),你可以用来做某一个模块的标题或者某个文本的标题,都是可以的

图片[8]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Blog(博客):来显示网站的咨询和文章的,可以参考下方的数据参考

图片[9]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[10]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Button(按钮):比如跳转按钮,基本上很多个模块都可以用,如下图,除了主题的按钮,编辑器也有,具体使用那种就看你的需要他能不能达到决定

图片[11]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[12]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

步骤添加Google Map→Google Map Settings

图片[13]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Google Map(谷歌地图):如果你需要一个显示地点的功能,则需要谷歌地图,需要地图的API,以及经纬度,如下图

图片[14]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[15]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

WC products widget(产品小部件):你可以理解为产品的小功能,你可以拿来做产品折扣窗口,刺激消费,如下图,图片加部件的形式,就会有创意

图片[16]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

图片[17]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Testimonials(评价):可以用于产品评论的展示。增加网站的信任度

图片[17]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Promo Banne(促销横幅):你可以理解为大海报

图片[18]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

增加网站的的美观,不会显示的很单调,如上图

图片[19]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Images gallery(图片库):用于图片的展示以及轮播,根据需要使用,编辑器也会自带图片功能,根据需要和效果去决定使用哪一个

图片[20]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Product categories(产品类别):展示产品分类,让客户从前端能看到你的品类,直观和清晰,如下图

图片[21]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[22]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Products (grid or carousel)(产品展示,风格有网格轮播还有更多):用于产品的展示,建议使用主题产品功能,而不是WooCommerce插件的,因为它默认是网络格式,风格比较单一,如下图

图片[23]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
图片[24]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

AJAX Products tabs(阿贾克斯产品标签):你可以理解为一个模块同事展示多个不同的产品类别和方式

图片[25]-如何DIY添加模块和使用Basel主题功能 – 完整指南(09)-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

如果你不想一个模块展示一种产品类别或风格,可以尝试这种展示方法,如上图,展示的是新产品,特色产品,以及最佳销售的产品,这是按照产品的销售风格,你也可以展示不同类目的方法

到这里,讲述了基本的Basel主题选项的功能,当然还有没有讲述了,希望大家去多多了解,不懂的随时联系我们,新手基本上够用了。到这里你能自己去构建属于自己的Basel主题网站了。

总结

以上就是关于Basel主题常用功能的介绍,希望对大家有所帮助。当然,Basel主题还有许多其他功能,欢迎大家多多探索和了解。如果在使用过程中有任何疑问,随时联系我们。下一期,我们将深入讲解Basel主题在网站后端的设置及功能展示。可以多留言我们的“WP主题装修”专题,敬请期待!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容