论坛Mini模式添加标签教程（子比主题美化教程系列）-枫叶网

子比论坛Mini模式下标题自动获取并显示标签，给发布的帖子添加标签显示能让用户更直观的了解帖子的相关内容，进而增加用户的点击率和浏览量，也提升了用户体验与论坛美观度。有兴趣的朋友可以自行测试一下。

默认电脑版显示三个标签，如果有多个隐藏，鼠标放到标签抽屉效果拉出全部展示

手机版默认显示两个

现在是mini帖子模式才会显示，如果你不是mini模式自己添加

可以自行修改js CSS来适配自己想要的动画和样式

随机标签颜色，每次加载都不同

使用教程

1.文件路径： /wp-content/themes/zibll/inc/functions/bbs/inc/posts.php

搜索 $title = zib_bbs_get_posts_lists_title(‘forum-title flex ac’, ‘text-ellipsis’, $show_topping, true); 替换为下方代码。

$term_links = zib_bbs_get_posts_tag_link($post->ID, 'liuke-biaoqian');
    
    $term_html = '';
    if ($term_links) {
        $term_html .= '<div class="tag-wrapper">';
        $term_html .= '<div class="tag-container">' . $term_links . '</div>';
        $term_html .= '</div>';
    }
    $title = zib_bbs_get_posts_lists_title('forum-title flex ac', 'text-ellipsis', $show_topping, true);
    $title = preg_replace('/(<a.*?class=".*?text-ellipsis.*?".*?>.*?<\/a>)/', '$1' . $term_html, $title, 1);
    // $title             = zib_bbs_get_posts_lists_title('forum-title flex ac', 'text-ellipsis', $show_topping, true);

此处内容已隐藏，请付费后查看

文章版权声明 1 本网站名称：枫叶源码教程网
2 本站永久网址：https://www.fyw28.com
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长 QQ441350318进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END