Tag: 网站模块设置

在之前的文章中，我们详细讲解了如何设置网站的ROW(排）和Column（柱子）。今天，我们将继续探讨模块的设置，特别是Revolution Slider（海报）的使用方法。通过颜色区分模块，我们可以更清晰地了解各个模块的功能和设置。

今天我们讲一讲模块的设置

步骤网站前端→Revolution Slider（海报）

如上图，你也可以用颜色来区分，模块都是绿色

之前也说过，海报（Revolution Slider）具体的设置不在编辑器，所以编辑没什么功能

在这里我们讲述一些网站前端基本需要的一些模块吧，比如产品，产品分类，图片，标题和文本，按钮这些基本的构建元素

步骤Products (grid or carousel)→笔符号（编辑）

如上图展示的网站产品模块的编辑

步骤Products (grid or carousel) Settings→General

如上图，我将一一说出产品的一些基本功能

Products view：产品的显示样式，有三种大家根据需要调整

Data source：产品数据来源

大家根据需要设置数据源

如果你不想用它的数据来源，你可以设置你想显示的分类以及标签，但（前提你有这个产品分类和产品标签），这里可以DIY，所以可玩性还是很不错的

ltems per page：产品模块的展示的数量，根据实际需要调整

步骤Products (grid or carousel) Settings→Design

Products hover：鼠标悬停的样式

Columns：产品从做到右的列数，如下图就是4列

lmages size：图片尺寸可以不用动，因为WooCommerce插件能设置固定的尺寸，所有的产品图片都能自动裁剪的（后面我们会细说）

Sale countdown：产品倒计时，大家可以根据需要设置

步骤Products (grid or carousel) Settings→Data Settings

如上图，可以设置产品数据源的一些具体细节，以及你可以单独排除一些产品，隐藏缺货产品等等，大家可以根据翻译理解，非常的简单，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲下产品分类

步骤Product categories→笔符号（编辑）

如上图我们进入编辑

如上图，并不是每一个模块的功能都有好几个，比如这个只有一个，这里可以设置标题和名字，当然你也可以单独设置单独的标题或者名字，不用在模块这里设置

我们重点讲一下圈的设置，其他的可以根据翻译理解，比较简单

Layout：分类的风格

Categories design：分类设计，你可以理解为分类名称的位置选择

Space between categories：类别之间的空间，你可以理解为第一个与第二分类之间的间隙

Slides per view：在分类模块展示的分类数量，大家根据需要调整

步骤Product categories Settings→Categories

如上图，你可以选择你战士的名称，输入分类名称或者ID都可以，如果你不选择它会按照默认的方式展示，如果你不喜欢就自己输入，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲述一下图片

步骤Single lmage→笔符号（编辑）

如上图进入编辑

我们讲一讲圈起来的元素，其他的根据翻译去理解就行，标题你可以在这里设置或者单独设置一个标题模块，但我一般不会使用模块里面的标题，因为非常的单一，如果选择标题模块就有很多风格选择，这个后面会讲述到

lmage source：图片来源，图中选择的是媒体库

lmage：在下面点击可以添加你需要展示的图片

lmage alignment：图片展示的位置

lmage style：图片的风格，一般是默认，大家根据需要调整

On click action：你可以理解为点击图片的反馈，上述是跳转链接的选项

Link Target：链接跳转的选项，上述是在现在的窗口，还有一个选项是新窗口打开

CSS Animation：这个就是模块的动画效果了，之前在ROW(排），和Column（柱子）讲过。大家可以根据链接查看

步骤Single lmage→Design Options

如上图，这个设置和之前的ROW(排），和Column（柱子）讲过。大家根据链接查看，请记住所有的选项都要Save changes（保存）才能生效

接下来我们讲述下标题和文本
步骤Section title→笔符号（编辑）

步骤Section title Settings→General

如上图，这是标题模块，我们在Title中换掉就行了，<strong>则是简码，不用管他，上述显示的“Best Sales“标题名称。其他的根据翻译理解

Design Options：设计选项都一样，就不必说了，大家可以看上面的图片模块也说过的
文本模块
步骤Text Block→笔符号（编辑）

步骤Text Block Settings→General

文本模块你可以根据需要去设定，比如上述是红色的字体

Color Scheme：配色方案

前端的展示效果

步骤Button→笔符号（编辑）

如上图，我们多讲述一个按钮模块

Text：按钮名称

URL (Link)：按钮跳转链接

Style：按钮的风格

Shape：你可以链接为按钮边框的样式

Color：按钮的颜色

Size：按钮的大小

Alignment：按钮的位置

好了，上述讲述了网站构建的一些基本元素，Basel主题基本的搭建元素，到这里大家基本上可以装修一个简单的网站了，上述讲述的是替换演示模版的一些模块。

总结

通过以上介绍，相信大家已经掌握了网站前端的一些基本模块设置。Basel主题提供了丰富的模块和设置选项，足以帮助你打造一个美观实用的网站。下一篇文章中，我们将进一步探讨自定义添加元素和Basel主题的其他高级功能，敬请期待。