WordPress博客实现根据阅读和评论量赋热帖、精华图标功能-网站文章随阅读人数和评论量增加推荐、认证图标

原创

飞鱼籽

修改于 2024-08-07 14:01:28

210

修改于 2024-08-07 14:01:28

大家对于discuz论坛、吾爱破解、葫芦侠等社区一定不陌生，这些平台上的文章或者帖子往往会因为阅读量或评论数的增长而获得一些特殊的图标标识，如“热帖”、“优秀”、“认证”等。这些图标不仅美观，更重要的是，它们能够迅速帮助用户分辨出哪些内容受到了广大用户的喜爱和关注，对于投稿者来说，这无疑也是一种极大的鼓励和认可。

为了让这一功能更加灵活地运用到各种网站和平台上，仿照discuz论坛等知名社区，实现了一个类似的图标显示功能。当文章的浏览量达到一定的规定值时，系统会自动在文章顶部添加相应的图标。例如，当浏览量超过500时，文章顶部会出现“热帖”图标；浏览量超过1000时，则会添加“推荐”图标；而当浏览量飙升至10000以上时，文章将被冠以“优秀”图标，安鹿还特别设置了一个“精华”图标的触发条件，当文章的评论数超过50且浏览量同时超过1000时该图标便会自动出现在文章顶部，彰显其超凡的质量和受欢迎程度。大家可以按需修改阅读量和评论数，图标内容可以是热帖、优秀、精华等。

效果图

安卓

代码

//WordPress根据阅读和评论量赋热帖、精华图标功能
//www.anlu1314.com原创修改
add_filter('the_content', 'add_lu_content_beforde');
function add_lu_content_beforde( $content ) {
if( !is_feed() && !is_home() && is_singular() && is_main_query() ) {
$viewnum = (int) get_post_meta( get_the_ID(), 'views', true );
$commentnum = get_comments_number(); // 获取评论数

if ($viewnum > 1000 && $commentnum > 20 ) { // 评论数大于50且浏览量大于1000
$before_content = '<img style="position: absolute; right: 10px; pointer-events: none; z-index: 10;" src="https:///www.anlu1314.com/2023103006180099.gif" alt="精华" >'; // 图片地址修改成自己的，不要用安鹿的
$lu = $before_content . $content;
} elseif ($viewnum > 10000) { // 浏览量大于10000
$before_content = '<img style="position: absolute; right: 10px; pointer-events: none; z-index: 10;" src="https://www.anlu1314.com/2023103006180016.gif" alt="优秀" >'; // 第三个图片地址修改成自己的，不要用安鹿的
$lu = $before_content . $content;
} elseif ($viewnum > 1000) { // 浏览量大于1000
$before_content = '<img style="position: absolute; right: 10px; pointer-events: none; z-index: 10;" src="https://www.anlu1314.com/2023103006180059.gif" alt="推荐" >'; // 第二个图片地址修改成自己的，不要用安鹿的
$lu = $before_content . $content;
} elseif ($viewnum > 500) { // 浏览量大于500
$before_content = '<img style="position: absolute; right: 10px; pointer-events: none; z-index: 10;" src="https://www.anlu1314.com/2023103006180051.gif" alt="热帖" >'; // 图片地址修改成自己的，不要用安鹿的
$lu = $before_content . $content;
} else {
$lu = $content; // 内容保持不变
}
} else {
$lu = $content; // 如果请求不满足条件，内容保持不变
}
return $lu;
}
//WordPress根据阅读和评论量赋热帖、精华图标功能
//www.anlu1314.com原创修改