子比美化:文章浏览量超过一定的数量出现自定义热帖图标

机器人
摘要
Mxchild
生成中...

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

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

效果图

子比美化:文章浏览量超过一定的数量出现自定义热帖图标

代码

将下面的代码放入到子比主题function.php文件中

//WordPress根据阅读和评论量赋热帖、精华图标功能
add_filter('the_content', 'add_nelson_content_beforde');
function add_nelson_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 ) { // 评论数大于20且浏览量大于1000
        $before_content = '<img style="position: absolute; right: 340px;top:40px; pointer-events: none; z-index: 10;" src="jinghua.gif" alt="精华" >'; 
        $nelson = $before_content . $content;
        } elseif ($viewnum > 500) { // 浏览量大于500
        $before_content = '<img style="position: absolute; right: 340px;top:40px; pointer-events: none; z-index: 10;" src="youxiu.gif" alt="优秀" >'; 
        $nelson = $before_content . $content;
        } elseif ($viewnum > 200) { // 浏览量大于200
        $before_content = '<img style="position: absolute; right: 340px;top:40px; pointer-events: none; z-index: 10;" src="tuijian.gif" alt="推荐" >'; 
        $nelson = $before_content . $content;
        } elseif ($viewnum > 100) { // 浏览量大于100
        $before_content = '<img style="position: absolute; right: 340px;top:40px; pointer-events: none; z-index: 10;" src="retie.gif" alt="热帖" >'; 
        $nelson = $before_content . $content;
        } else {
        $nelson = $content; // 内容保持不变
        }
    } 
    else {$nelson = $content; // 如果请求不满足条件,内容保持不变
    }
    return $nelson;
}

图片下载

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容