justnews主题文章列表页如何显示文章tag标签?

今天在浏览站长之家文章的时候,发现他的文章列表页会显示该文章的tag标签,看起来挺不错的,如图:

justnews主题文章列表页如何显示文章tag?-1

而秒鲨号用的是justnews主题,那么如何实现在文章列表页显示文章tag标签?在摸索了半天后,终于搞定了,接下来把代码分享给大家,首先我们需要在主题文件夹找到loop-default.php文件,在/wp-content/themes/justnews/templates/文件夹里,打开后在第67行添加代码:

<div class="item-tagli">                
            <?php
   the_tags('', '');
if(taxonomy_exists('special')) echo get_the_term_list($post, 'special', '<span class="entry-specials">', '', '</span>');
 ?></div>

保存文件后,打开主题设置,插入代码,自定义CSS,写入展示tag标签的css样式:

.item-tagli{
    display: inline-block;
}
.item-tagli a {
    display: inline-block;
    padding: 0 8px;
    background: #EAFAE2;
    border-radius: 2px;
    line-height: 18px;
    font-size: 12px;
    font-weight: 400;
    color: #06c;
    margin-right: 8px;
}

保存设置,接着打开网站首页或者其他分类页面查看,文章的tag标签成功的显示到了文章列表页,如图:

justnews主题文章列表页如何显示文章tag标签?

加入的那段代码匹配文章tag标签的也会匹配文章所在的专题并显示专题名称在文章列表页,如果不想显示专题,把那段代码if后面的删除即可。

以上就是justnews主题如何实现文章列表页显示tag标签的全部内容,感兴趣的小伙伴可以去试试~

本内容由作者【无涯探索】自发贡献,版权归原作者所有,秒鲨号仅提供存储服务,不承担相应的法律责任。如您发现有涉嫌抄袭侵权的内容,请发送举报信息至邮箱:ddzpay@hsrjtk.com,我们将尽快核实处理。
更多精彩内容请点击→最新资讯

Like (0)
Previous 2024年5月21日 15:44:02
Next 2024年5月21日 15:59:06

相似推荐

发表回复

Please Login to Comment
微信客服