几天前,发现一款可以给wordpress添加评分功能的,Rate my Post插件,设计的非常人性化,不仅可以在文章开头显示目前的评分结构,还可以在文章结尾处加载评分按钮。而且,支持ajax评分,即页面无需刷新,评分后,结果自动计算。除此之外,它的ajax功能还支持那些开了缓存的网站(比如,本站就有缓存功能,访客每次访问的都是服务器上的纯静态文件)。
当然,样式什么的不美观都是可以调整的,所以本文在分享这个插件的同时,也分享下这个插件的设置方法,以及适配的css,让这个评分看起来更加美观。
插件下载什么的,直接在WP后台插件安装处搜素Rate my Post即可,下面给出几个设置过程的截图:
这几个设置,看上面的图片设置就好,其他我没截图的地方,可以自行考虑。其中,标题、副标题留空是为了看着美观;自定义结果文本处需要修改为以下内容:
共计{{votecount}}人评分,平均{{avgrating}}分
还有比较重要的一点就是:富文本摘要的结构化数据类型,要选择CreativeWorkSeries。这个富文本也就是指的是schema标准,这套标准里包含各种网站类型的评分,而这套标准在谷歌搜素引擎里适用。其他的富文本选项,都是一些书籍、菜谱,不适合选择的。设置完后,等谷歌更新完你的收录,就有评分结果了,如下所示:
最后,再给出本站针对该插件写的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中。最后,修改完的样式如下:
原创文章,作者:古哥,转载需经过作者授权同意,并附上原文链接:https://iymark.com/articles/377.html