大家很多和我合作过的人都知道,我建站一定是会交付给你一个能直接拿询盘的完整的2B网站。
一个2B的外贸网站包括这些,当然还有没提到的一些细节上的东西:
头和脚 | 页眉、页脚 |
五个核心页 | Home、About、Product、Contact、Blog |
六个通用模板页 | 文章单页、文章汇总页、产品单页、产品汇总页、404页面、搜索结果页面、单页(可有可无,根据具体情况来看) |
外贸网站通用模板页解释
文章单页:控制每篇文章页面外观的通用模板
文章汇总页:将同一类的文章放在同一个页面的模板,不管你点击什么不同的文章分类,显示的具体文章不同,外观是相同的。
产品单页:控制每个产品页面外观的通用模板
产品汇总页:将同一类的产品放在同一个页面的模板,不管你点击什么不同的产品分类,显示的具体产品不同,外观是相同的。
404页面:用户在你的网站上点击了错误的链接,或者输错了你的链接,进入了一个本不存在的页面,我们会让他自动跳转到404页面上
搜索结果页面:如果你想方便你的用户去搜索网站上的内容,建议做一个这样的搜索结果页,不管用户怎么搜索,最终呈现的外观都是你做出来的样子。
单页:控制单个页面的模板,有可能写隐私政策或者退货方式的时候需要创建。
如何创建通用模板页
写字太多了,直接看图小箭头指的地方,输入通用模板名称

既然是通用模板了,那当然很多地方都需要长得一样才行,举个例子,就比如你正在看我的文章,你发现每个文章页长得都很相似,就只有里面的内容是不同的,这就是模板。
可视化编辑通用模板
举个例子,我现在要创建一个文章单页的模板,我们就需要先在文章单页模板中创建一个新的区段。


说明:页眉页脚不选会默认为整体布局样式中的页眉和页脚

好了,我们继续创建好区段之后,我们点击蓝色笔编辑,再进行实时编辑


就可以开始你的文章单页的制作了。
当你添加模块的时候,布局元素里面的这些东西都是通用模块,你要让页面显示文章就添加content内容模块,这个模块会控制显示出不同的文章出来。具体要做成什么样子就看你自己了。
这里面的细节很多,要一个个聊过去估计我还得码很多字,时间不多了,就先写到这里。

用布局生成器做产品汇总页(产品分类页)
之前有朋友遇到过产品分类页不会做的问题,这里正好简单讲一下用通用模板页来做产品分类。
很多朋友想要实现的效果是左边分类,右边产品。当用了默认的woocommerce,呈现出的效果并不好看,我们可以利用产品通用模板页来实现这个功能。
步骤一:布局生成器添加一个模板
就比如我新建一个名为“产品汇总模板”

步骤二:给模板添加条件

也就是告诉avada想让哪些特定的地方显示出这个模板的样子。

我们把和产品归档(汇总)相关的条件都勾选上。
步骤三:开始制作
添加(或者选择已经有的)内容区段,名称自己起啊。


然后点击蓝色的笔进行编辑

再进行实时编辑

由于我不喜欢默认的归档(汇总)的卡片样子,所以我在添加的时候左边放了竖着排列的菜单,右边选择了 文章卡片归档(汇总)模块,并且制作了一个相对好看的产品卡片样式



简单设计制作一下,根据你自己的需求来调整颜色,字体等等样式。

如果对本文有疑问,可以在下方评论区留言,看到后我会在这里回复你。
加微信咨询(为了方便大家添加微信,直接放在这里了):
