Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

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

步骤网站前端→Revolution Slider(海报)

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

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

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

步骤Products (grid or carousel) Settings→General

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

Data source:产品数据来源

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

大家根据需要设置数据源

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

步骤Products (grid or carousel) Settings→Design

Products hover:鼠标悬停的样式

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)
Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

lmages size:图片尺寸可以不用动,因为Plugin WooCommerce能设置固定的尺寸,所有的产品图片都能自动裁剪的(后面我们会细说)

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

接下来我们讲下产品分类

步骤Product categories→笔符号(编辑)

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

如上图我们进入编辑

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Layout:分类的风格

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

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

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

步骤Product categories Settings→Categories

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

接下来我们讲述一下图片

步骤Single lmage→笔符号(编辑)

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

Vá para editar como acima

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

lmage source:图片来源,图中选择的是媒体库

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

lmage alignment:图片展示的位置

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

CSS Animation:这个就是模块的动画效果了,之前在ROW(排)a pazColumn(柱子)讲过。大家可以根据链接查看

步骤Single lmage→Design Options

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

步骤Section title Settings→General

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

步骤Text Block Settings→General

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Color Scheme:配色方案

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

前端的展示效果

步骤Button→笔符号(编辑)

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

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

Dominando o WPBakery Page Builder: um guia básico para renovar temas do Basel com facilidade (08)

Text:按钮名称

URL (Link):按钮跳转链接

Style:按钮的风格

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

Color:按钮的颜色

Size:按钮的大小

Alignment:按钮的位置

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

resumos

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


Contactar-nos
Não consegue ler o artigo? Contacte-nos para obter uma resposta gratuita! Ajuda gratuita para sítios pessoais e de pequenas empresas!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) Correio eletrónico: info@361sale.com
Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados
Publicado por photon fluctuations, retweetado com atribuição:https://www.361sale.com/pt/11744/

Como (0)
Anterior Terça-feira, 22 de junho de 2024, 12:37 p.m.
Seguinte 22 de junho de 2024 pm11:06

Recomendado

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

Contactar-nos

020-2206-9892

QQ咨询:1025174874

Correio eletrónico: info@361sale.com

Horário de trabalho: de segunda a sexta-feira, das 9h30 às 18h30, com folga nos feriados

Serviço ao cliente WeChat
Para facilitar o registo e o início de sessão de utilizadores globais, cancelámos a função de início de sessão por telefone. Se tiver problemas de início de sessão, contacte o serviço de apoio ao cliente para obter assistência na ligação do seu endereço de correio eletrónico.