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

overme9个月前 (10-17)网页设计759
现在手机普及,工作繁忙,很多人上网都使用手机进行。在这样的背景下,做好移动端网站的优化是非常重要的。

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

相关文章


		Discuz帖子内容页标题版块名称去除方法

Discuz帖子内容页标题版块名称去除方法

如下图红框所示,Discuz默认的帖子内容页标题格式中,带有版块名称. 这样的内容页标题结构,导致标题过长,百度等搜素引擎收录时,标题看不到站点名称. 如何去除标题中的版块名称呢? 试着修改h...

如何去掉Discuz标题中的Powered by Discuz

使用Discuz系统的网站,默认每个页面标题后面会出现”Powered by Discuz!“字样的信息,使得页面标题比较冗长。 为优化标题结构,在此分享Discuz标题结构优化方法。 操作方法如...


		如何在DISCUZ发帖页添加自定义字段

如何在DISCUZ发帖页添加自定义字段

使用DISCUZ系统仿站时,发帖时如果要新增一些参数,怎么样才能实现这样的效果呢? 下面我爱自学网分享在网络上收集到的发帖内页添加字段的方法,供参考。 第一步:使用管理员用户名密码登录DISCUZ...

Discuz使用电脑访问discuz手机版或触屏版教程

一、discuz电脑无法访问标准手机版的方法: 现在需要修改2个文件,即可用电脑浏览discuz的手机版本: 1、文件./source/function/function_core.php 查找...


		Discuz图片水印设置方法教程

Discuz图片水印设置方法教程

发布图片时,为了防止侵权盗用,或是为了宣传网址引流,需要添加在图片上添加水印。 在此分享Discuz系统图片水印设置方法: Discuz论坛的水印设置很简单,使用制作的水印图片覆盖系统水印地址,然...


		Discuz网站SEO优化,archiver功能开启还是关闭

Discuz网站SEO优化,archiver功能开启还是关闭

部分使用Discuz的朋友,认为静态链接利于搜索引擎爬虫抓取,因此开启了archiver功能。 Discuz archiver功能缺点:页面中的keywords,description都是相同的,...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。