一款给WordPress添加评分功能的插件

4.3
(71)

几天前,发现一款可以给wordpress添加评分功能的,Rate my Post插件,设计的非常人性化,不仅可以在文章开头显示目前的评分结构,还可以在文章结尾处加载评分按钮。而且,支持ajax评分,即页面无需刷新,评分后,结果自动计算。除此之外,它的ajax功能还支持那些开了缓存的网站(比如,本站就有缓存功能,访客每次访问的都是服务器上的纯静态文件)。

一款给Wordpress添加评分功能的插件

当然,样式什么的不美观都是可以调整的,所以本文在分享这个插件的同时,也分享下这个插件的设置方法,以及适配的css,让这个评分看起来更加美观。

插件下载什么的,直接在WP后台插件安装处搜素Rate my Post即可,下面给出几个设置过程的截图:

这几个设置,看上面的图片设置就好,其他我没截图的地方,可以自行考虑。其中,标题、副标题留空是为了看着美观;自定义结果文本处需要修改为以下内容:

共计{{votecount}}人评分,平均{{avgrating}}分

还有比较重要的一点就是:富文本摘要的结构化数据类型,要选择CreativeWorkSeries。这个富文本也就是指的是schema标准,这套标准里包含各种网站类型的评分,而这套标准在谷歌搜素引擎里适用。其他的富文本选项,都是一些书籍、菜谱,不适合选择的。设置完后,等谷歌更新完你的收录,就有评分结果了,如下所示:

一款给Wordpress添加评分功能的插件

最后,再给出本站针对该插件写的CSS样式吧:

.rmp-widgets-container.rmp-wp-plugin.rmp-main-container p {
    text-align: center!important;
}
.rmp-results-widget, .rmp-widgets-container {
    border: dashed 2px #666;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.rmp-results-widget:before {
    content: "本文评分:";
}
.rmp-results-widget:after {
    content: "前往文末评分";
    float: right;
}
.rmp-widgets-container:before {
    content: "点击评分:";
    position: absolute;
    left: 10px;
}

以上CSS放置于主题自定义CSS选项中即可,justnews主题为插入代码,自定义CSS中。最后,修改完的样式如下:

共计71人评分,平均4.3

到目前为止还没有投票~

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/377.html

(10)
微信公众号
古哥的头像古哥管理团队
上一篇 2020年10月11日 15:12
下一篇 2020年10月12日 21:52

你可能感兴趣的文章

发表回复

登录后才能评论
微信小程序
微信公众号