WooCommerce特色类别区块设置使用图文教程
在许多WordPress WooCommerce网店中,有一类产品比其他任何产品都卖得好。如果你的电子商务商店…
在许多WordPress WooCommerce网店中,有一类产品比其他任何产品都卖得好。如果你的电子商务商店也是如此,WooCommerce特色类别区块可以帮助你把这些顶级商品介绍给更多的人。
在这篇文章中,搬主题将向你介绍如何在WooCommerce中使用特色类别区块,搬主题将介绍如何配置这个区块,并讨论使用它的技巧,最后将回答关于如何在你的店面中包含一个特色类别区块的最常见问题。
如何在你的文章或页面上添加WooCommerce特色类别区块
特色类别区块显示一个行动呼吁(CTA),鼓励访问者浏览一个特定的产品类别。你可以把这个块放在你网站的任何地方。然而,它特别适合于主要的商店页面或你的主页。
要添加这个元素,打开你想放置它的页面或文章的块状编辑器。选择添加新块的选项,并使用搜索栏寻找 “特色类别”选项。
一旦你添加了这个区块,WooCommerce会要求你选择它应该具有什么产品类别。你会看到一个搜索栏和一个包括你商店所有现有产品类别的列表。然而,请记住,这个块只能让你选择一个单一的类别。
如果你找不到你想要的特定产品,你可能需要手动添加它。一旦你选择或添加一个产品类别,列表将消失。在它的位置上,你会看到一个具有纯色背景的元素,一个标题,和一个CTA。
特色类别区块在设计上看起来非常简单。然而,你可以通过配置其设置来改变和改进该块的风格。
WooCommerce特色类别区块设置和选项
特色类别块包括两个设置集合。如果你在编辑器中把鼠标放在该区块上,一个格式化菜单就会出现在它上面。该菜单使你能够改变该块的宽度(1)、对齐方式(2)和使用替换选项(3)的特色类别。
如果你对区块的格式感到满意,你可以选择它并点击区块编辑器屏幕右上角的齿轮图标。这将打开整个页面和你选择的块的设置菜单。
选择 “区块”标签,你就可以切换一个选项,显示特色类别的描述,并改变区块的背景颜色。下面是我们切换显示描述设置(1)和改变其背景颜色(2)后的块的样子。
值得注意的是,你不能改变文本的颜色。然而,你可以通过点击CTA来修改它的风格。这样做将显示一个新的设置标签,只针对该按钮。
值得注意的是,你不能改变文本的颜色。然而,你可以通过点击CTA来修改它的风格。这样做将显示一个新的设置标签,只针对该按钮。
使用WooCommerce特色类别区块的技巧及最佳设置
WooCommerce特色类别区块有一个非常直接的设计。这意味着它不应该在你的网站上的任何地方显得不合适。然而,将该块放在你的主页或主要商店页面上是最合理的。这是因为这些页面是用户希望看到产品和类别建议的地方。同样的,特色类别区块并没有标明访客在看什么的标题。如果你想让潜在客户注意,我们建议在该块上方添加一个标题(如 “精选类别”)。
特色类别区块的背景应该与页面的其他部分相匹配或形成对比。你使用哪种方法取决于你的设计感觉,但重要的是,CTA要从块的其他部分突出出来。否则,用户可能不知道他们看到的是一个可以选择的按钮。
使用特色类别区块的一个缺点是,它很难适应行和列的设计。由于该块不能让你修改其文本的风格,如果它与其他东西共享一行,该元素在水平方向上没有空间是很常见的。
如果你能熟练使用CSS,你可以修改该区块的文本样式。否则,我们建议在使用特色类别区块时坚持使用单栏设计。
关于WooCommerce特色类别区块的常见问题
如果你对WooCommerce中的特色类别块仍有任何疑问,本节将为你解答。让我们先来谈谈WooCommerce的一般分类。
如何添加新的WooCommerce产品类别?
如果你没有看到一个你想要的WooCommerce产品类别,你可以随时创建一个新的类别。要做到这一点,请在您网站的仪表板上进入产品>类别选项卡,并使用左侧的菜单,根据需要添加类别。
可以改变特色类别区块内的文字风格吗?
特色类别区块不允许你改变其内部文字的大小或风格。然而,你可以修改该区块所包含的CTA的设计和文本风格。
可以在WooCommerce中显示一个以上的特色类别吗?
特色类别区块只能让你显示一个单一的WooCommerce产品类别。如果你想引起对更多类别的注意,你可以在任何文章或页面上添加该块的多个实例。
最后总结
如果你有一个特定的产品类别,在你的商店里比其他任何东西都卖得好,而且你想让更多的人关注它,WooCommerce区块使你能够做到这一点。特别是,WooCommerce特色类别区块使你能够使用标题、描述和一个引人注目的CTA来展示一个特定的产品类别。
你可以定制特色类别区块的背景颜色,以及CTA按钮的样式。其结果是一个吸引访客眼球的元素,鼓励他们浏览该类别,希望能带来额外的销售。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!