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

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;
}

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部