Kadence教学:如何在Kadence主题中创建和设置通知栏

WordPress网站建设过程中,添加一个通知栏可以有效提升网站的转化率,特别是当需要推广促销活动、在线课程、服务,或是免费资源(如电子书、清单等)时。使用Kadence主题,商家可以轻松地设置一个引人注目的通知栏。

安装Kadence主题和插件

首先,需要安装Kadence主题及其高级插件。Kadence提供了强大的自定义选项,可以通过访问Kadence官网购买插件,或选择购买Kadence Pro包以获得更多功能。

WordPress后台的插件管理界面,点击“添加新插件”,上传并安装Kadence高级插件。安装后,激活插件并输入许可证密钥。

激活Kadence主题的元素选项

Kadence主题设置中,激活元素选项是必要的,以启用通知栏功能。以下是操作步骤:

前往“外观”>“Kadence”。

启用“元素”选项。

启用后,商家将在设置中看到一个新选项——“元素”。点击添加新元素,便可开始添加通知栏。

设计通知栏

使用Kadence的列布局功能设计通知栏。操作步骤如下:

创建一个新元素,选择“固定”布局来制作粘性通知栏。

添加一个两列布局,并调整准备设置按钮和倒计时的区块大小。

设置背景颜色、字体颜色等,以与网站整体风格相匹配。

设置完之后就是这个样子:

在通知栏中添加倒计时和文本内容

首先,设置背景颜色并添加倒计时内容。步骤如下:

点击并添加一个新块,搜索并选择倒计时块。

为促销活动设置倒计时,例如一个为期七天的倒计时。

添加前置文本

在倒计时前添加说明文本,步骤如下:

在倒计时布局中,搜索并添加前置文本。输入文本内容,例如:“时间快要结束,赶快享受年度最佳优惠,25%折扣”。

将文本设置为行内模式,使倒计时和文本在同一行显示。

调整文本颜色

如果需要,可以调整文本的颜色,以确保其与背景的对比度合适,步骤如下:

在行布局设置中,将文本颜色设置为白色,以确保文本清晰可见。

这样,就可以完成倒计时和文本的设置,让它们在通知栏中按需显示。

添加按钮

在通知栏中,按钮将引导用户进一步操作,例如链接到促销页面或联系页面。

添加一个按钮并设置按钮文本,如“立即获取折扣”。

在按钮设置中,链接到目标页面(例如促销页面或联系方式页面)。

设置通知栏的位置

将通知栏固定在页面顶部,并设置延迟显示距离。这样,在用户滚动页面时,通知栏仍能保持可见。

在元素设置中,选择“固定在顶部”。

设置延迟显示的像素值,例如100像素,让通知栏在页面滚动一定距离后显示。

选择“跨所有页面显示”,使通知栏出现在网站的每一页。

设置通知栏过期时间

可为通知栏设置过期时间,确保其在促销结束后自动消失。这对限时活动非常适用。

启用“过期设置”选项。

设置通知栏的过期日期,例如七天后,促销结束时,通知栏会自动消失。

发布并查看效果

完成所有设置后,点击“发布”,然后检查网站效果。滚动页面查看固定在顶部的通知栏,确保其按照设定正确显示。

总结

通过使用Kadence高级插件和Kadence Blocks,商家可以轻松设置一个功能强大的通知栏,用于宣传促销、引导用户注册或推送其他信息。简化的设置步骤使得创建通知栏更加高效,能够有效提升转化率并吸引更多访客参与活动或订阅服务。

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注