你是否想提高网站用户粘性?每个人再看过一篇文章之后都会默默对文章产生一个评价,而这些评价可以帮助你改善网站的用户体验,然而,不是所有用户都会去评论区留言,把他们的想法告诉你,因为这很麻烦。
很多的网站文章末尾都会有一个表态区,直接点击对应的按钮就能反映出用户对文章的看法,非常简单,用户也很乐意用这样的方式表达态度。
你也想要这样的功能?如果你使用的是 WordPress,那就简单了,有一个插件可以帮助你实现这个功能。
首先要安装并启用 Reaction Buttons 插件,启用后,进入后台的 “设置” → “Reaction Buttons” 进行插件设置。
第一个选项用来设置是否显示表态按钮。
接下来设置表态按钮出现的位置,可以在文章前、文章后,或者使用 [reaction_buttons] 简码手动调用。
然后进入第三个选项,设置按钮上方的引导语。
下一个选项可以设置都有哪些按钮,每个用逗号(“,”)隔开。
其它选项不再多做介绍。
保存之后,前台就能看到表态按钮了。
自定义按钮样式
这些按钮的设计非常简单,可能不符合你的网站的配色,如果你会使用 CSS,可以自定义按钮的样式。
首先到插件的设置页面,滚动到最下边,找到 “Use CSS”,在这里禁用默认的 CSS 样式(取消勾选)。
然后把自定义 CSS 代码放到主题或子主题的 CSS 文件中。
下边是我的自定义 CSS:
div.reaction_buttons:after {
content: '';
clear: both;
display: block;
height: 0;
}
div.reaction_buttons .reaction_buttons_tagline {
font-size: 18px;
border-bottom: 1px solid #E5E5E5;
line-height: 35px;
}
div.reaction_buttons .reaction_button {
background: #FAFAFA;
text-decoration: none;
display: block;
float: left;
color: #333;
margin-right: 10px;
padding: 5px 10px;
border: 1px solid #E5E5E5;
cursor: pointer;
}
div.reaction_buttons .reaction_button:hover {
opacity: .8;
}
显示出来是这个样子的: