Discuz手机版帖子内容页调用主题标签

现在手机普及，工作繁忙，很多人上网都使用手机进行。在这样的背景下，做好移动端网站的优化是非常重要的。

Discuz系统默认的手机端模板，帖子内容页底部是没有主题标签的。如果想要增加，该怎么做呢？
本文小编就分享，如何在Discuz手机版模板中调用主题标签。

如下图所示：电脑端是有主题标签显示的，而且还带有链接。

Discuz帖子内容页调用主题标签

电脑端主题标签调用代码

1. <!--{if $post['first'] && ($post[tags] || $relatedkeywords) && $_GET['from'] != 'preview'}-->
   
2. <div class="ptg mbm mtn">
   
3.         <!--{if $post[tags]}-->
   
4.         <!--{eval $tagi = 0;}-->
   
5.         <!--{loop $post[tags] $var}-->
   
6.         <!--{if $tagi}-->,<!--{/if}-->
   
7.         <a title="$var[1]" href="misc.php?mod=tag&id=$var[0]" target="_blank">$var[1]</a>
   
8.         <!--{eval $tagi++;}-->
   
9.         <!--{/loop}-->
   
10.         <!--{/if}-->
    
11.         <!--{if $relatedkeywords}-->
    
12.         <span>$relatedkeywords</span>
    
13.         <!--{/if}-->
    
14. </div>
    
15. <!--{/if}-->

复制代码

移动端主题标签调用，同样使用上方代码，做一些细微调整：

1. <!--{if $post['first'] && ($post[tags] || $relatedkeywords) && $_GET['from'] != 'preview'}-->
   
2. <div class="subject_tag"</font>>
   
3.         <!--{if $post[tags]}-->
   
4.         <!--{eval $tagi = 0;}-->
   
5.         <!--{loop $post[tags] $var}-->
   
6.         <!--{if $tagi}--><!--{/if}-->
   
7.            <span>$var[1]</span>
   
8.         <!--{eval $tagi++;}-->
   
9.         <!--{/loop}-->
   
10.         <!--{/if}-->
    
11.         <!--{if $relatedkeywords}-->
    
12.         <span>$relatedkeywords</span>
    
13.         <!--{/if}-->
    
14. </div>
    
15. <!--{/if}-->

复制代码

①：修改类名，方便后续使用CSS定义样式
②：主题标签之间以空格作为间隔
③：取消主题标签的链接，只显示文字信息

配合CSS样式修改：.plc .subject_tag{
        line-height: 32px;
}
.plc .subject_tag span{
        margin-left: 10px;
        text-align: center;
        background-color: blue;
}

点击阅读更多内容！