杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来的详细教程

  • 时间:
  • 浏览:401次
  • 来源:网站服务商官网 网址:https://www.wzfws.com

网站服务商杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来


昨天我在本站发布了《给你的mipcms添加个性化的自定义模板,让你的网站运营更轻松》的文章,这篇文章是今天分享的前提,除非你的网站内容比较单一,本教程只有在不同的模板里面调用不同的标签分组才有意义。


有本次分享内容的出现,需要感谢北凉网的布衣站长,这是他很久很久之前研究出来告诉我的。现在我就吧代码贴出来:


<div class="mip-box">
    <div class="mip-box-heading">
        <h3 class="title">自定义分组标签名称</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
            {miptag:tags value="v" limit='20' cid="1"}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.name}" title="{$v.name}">{$v.name}</a></li>
            {/miptag:tags}
        </ul>
    </div>
</div>

咦!大家有没有发现,这个代码很熟悉呢?


没有错,认真一看,其实上面的代码就是最新标签的调用文件tags-new.html里面的代码,只是标题自己自定义一下,真正的代码调用部分只是比默认的最新标签里面多了一个参数cid="1"。其实就是多了这么一点点,我们大部分都想不到,即说明我们思维不够灵活,也说明我们做类似的东西不够多,修改经验不够丰富。


当然我们除了按最新的展示,也可以按热门的展示哦,代码就是要tags-hot.html里面的代码,其实相比最新的tags-new.html,也仅仅是在value="v"后面多了一个orderBy='relevance_num'的参数而已。


<div class="mip-box">
    <div class="mip-box-heading">
        <h3 class="title">自定义分组标签名称</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
            {miptag:tags value="v" orderBy='relevance_num' limit='20' cid="1"}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.name}" title="{$v.name}">{$v.name}</a></li>
            {/miptag:tags}
        </ul>
    </div>
</div>


至于你想在你自己的网站里面按最新还是按最热门,就看你自己的爱好了。


接下来,我再讲讲代码里面需要修改的参数值。 {miptag:tags value="v" limit='20' cid="1"}代码中的:

limit='20' 就是显示多少个的意思,这个大家根据自己 的网站,自己决定,我是设置50个的,10,20,30,50,100等自己可以随意设置。

cid="1"就是调用后台设置的分类的id了。


代码调用的原理,就讲完了,接下来开始实操的部分了:


一、添加标签分类


操作方法:后台--标签--分类管理--添加分类。

温馨提醒:这里面的标签分类也是可以分为大分类和小分类的。添加了小分类的大分类是不能用的。以我本站为例,为了不让过多的分类显示起来太乱,我是添加了大分类和小分类的。

1.1、添加一个叫做【客户】的大分类:

分类:顶层分类

分类名称:客户

URL别名:kehu(点击获取拼音,自动生成)

添加以后,会自动生成一个ID:1


1.2、添加一叫做【景安虚拟主机】的小分类

分类:选择【客户的分类

分类名称:景安虚拟主机

URL别名:jinganxunizhuji(点击获取拼音,自动生成)

添加以后,会自动生成一个ID:2


1.3、添加一个叫做【阿里云虚拟主机】的小分类

分类:选择【客户】的分类

分类名称:阿里云虚拟主机

URL别名:aliyunxunizhuji(点击获取拼音,自动生成)

添加以后,会自动生成一个ID:3


1.4、添加一个叫做【西部数码虚拟主机】的小分类

分类:选择【客户】的分类

分类名称:西部数码虚拟主机

URL别名:xibushumaxunizhuji(点击获取拼音,自动生成)

添加以后,会自动生成一个ID:4


添加分类就已经完成了,接下来,就去修改标签的分类了。


二、修改标签分类。


2.1、修改标签。操作方法:后台--标签--全部标签--选择一个标签编辑,如下方的【卖家内参网】标签。


卖家内参网标签

分类:我们选择,具体的景安虚拟主机

标签名称:卖家内参网

标签别名:maijianeicanwang(点击获取拼音,自动生成)我建议所有的标签都要有别名,而不是系统生成的这个字符串

标签描述:简单介绍一下改标签的实际意义。如果暂时没有时间写就先空着,有空回头再补上。这样解释一下,用户体验更好,对搜索引擎来说也是更好,对于自己来说,很多的标签都可以添加自己的小广告哦!


标签分类添加,具体标签属性也修改了,接下来就制作标签调用模板了。


三、制作分类标签模板


制作分类标签模板,这里我就按最新的显示了,新建一个客户标签模板页面文件tags-kehu.html代码如下:


<div class="mip-box">
    <div class="mip-box-heading">
        <h3 class="title">景安香港/美国虚拟主机客户标签</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
            {miptag:tags value="v" limit='50' cid="2"}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.name}" title="{$v.name}">{$v.name}</a></li>
            {/miptag:tags}
        </ul>
    </div>
</div>



<div class="mip-box">
    <div class="mip-box-heading">
        <h3 class="title">阿里云国内虚拟主机客户标签</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
            {miptag:tags value="v" limit='50' cid="3"}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.name}" title="{$v.name}">{$v.name}</a></li>
            {/miptag:tags}
        </ul>
    </div>
</div>



<div class="mip-box">
    <div class="mip-box-heading">
        <h3 class="title">西部数码国内/香港空间客户标签</h3>
    </div>
    <div class="mip-box-body">
        <ul class="list-unstyled tags">
            {miptag:tags value="v" limit='50' cid="4"}
                <li class="m-b-sm"><a href="{$v.url}" data-type="mip" data-title="{$v.name}" title="{$v.name}">{$v.name}</a></li>
            {/miptag:tags}
        </ul>
    </div>
</div>


四、上传分类标签模板


将上面制作的tags-kehu.html的模板文件,上传到/template/default/block/文件夹里面。


五、修改代码,调用分类标签,在前台展示。


具体的分类标签,需要在不同的模板里面调用才有意义。除非,你整个网站内容比较相近,否则就需要新建单独的模板。


5.1、在本站【客户见证栏目的文章列表页面模板article-kehu.html(如果没有新建独立分类列表页面模板的就是article.html),把里面的{include file='block/tags-hot'}改成{include file='block/tags-kehu'}。


5.2、在本站【客户见证】栏目的文章详情页面模板articleDetail-kehu.html(如果没有新建独立详情页面模板的就是articleDetail.html),把里面的{include file='block/tags-new'}改成{include file='block/tags-kehu'}。


5.3、ftp上传上面修改的页面模板,前台刷新即可查看效果了。


到此为止,本文的主题分享《给你的网站添加自定义标签分组,并且在前台显示出来的详细教程》就结束了,具体怎么把自己的分类标签,设置的更加合理,更加有吸引力,我在讲两个标签设置分组案列,给大家参考,让大家更加容易理解标签分组的意义所在。


参考案例一:影视栏目分类下的标签分组:


假如你的网站是一个综合网站,其中有一个影视的栏目分类,那么这个栏目分类的右侧的标签这样分组更加科学、合理:

A、按影视名称分类标签:包青天,新白娘子传奇,西游记,天道

B、按影视人物分类标签:孙悟空,白素贞,展昭,丁元英

C、按演员人物分类标签:何家劲,赵雅芝,赵丽颖, 徐少华

D、按导演人物分类标签:杨洁,冯小刚,徐峥,周星驰


参考案例二:1-12年级教学辅导类网站标签分组:


假如你的网站是一个1-12年级教学辅导类网站,那么这个网站的右侧标签分组可以这样:

A、语文栏目分类右侧标签分类:

一年级语文分类标签:XXX,XXX,XXX

二年级语文分类标签:XXX,XXX,XXX

……

十二年级语文分类标签:XXX,XXX,XXX


B、数学栏目分类右侧标签分类:

一年级数学分类标签:XXX,XXX,XXX

二年级数学分类标签:XXX,XXX,XXX

……

十二年级数学分类标签:XXX,XXX,XXX


这两个案列仅供大家参考,扩展一下思维,希望大家可以举一反三,让自己的网站更具特色,用户体验更好,在众多的网站中,脱颖而出!


客户见证栏目参考:https://www.wzfws.com/news/kehu/

本文地址:https://www.wzfws.com/biaoqianfenzu.html


网站服务商经典语录
欢迎关注我的微信和微信公众号

猜你喜欢

景安虚拟主机免费一键开启https安全访问的方法

今天在杨泽业网站建设交流群(群号:187388018)群友普密斯精密仪器问我:“群主,你网站上有把mipcms加上https的教程吗?”我回答说:“没有,你遇到什么问题了,直接

2019-06-20  分类:基础知识  浏览:426次


阿里云虚拟主机免费开启https安全访问的方法

网站服务商杨泽业提醒你:阿里云的虚拟主机里面可以直接免费开通https安全访问哦,更快去试试吧!

2019-05-25  分类:基础知识  浏览:536次


西部数码虚拟主机价格西部数码空间价格

另外西部数码(west.cn)的虚拟主机,开通赠送一个月备案时间。说实在的如果长期经营的话,一次性购买多年的也是超级划算的。空间容量上:额外赠送基准空间的20%时间长度上:买2

2018-10-04  分类:虚拟主机  浏览:398次


阿里云虚拟主机价格万网虚拟主机价格

做网站就必有虚拟主机或者服务器来存放网页内容,虚拟主机是最经济的建站方式。即买即用无需配置,在众多的国内虚拟主机服务商中,我主推阿里云(万网)和西部数码这两家的虚拟主机。PS:

2018-10-04  分类:虚拟主机  浏览:380次


杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来的详细教程

网站服务商杨泽业:给你的网站添加自定义标签分组,并且在前台显示出来昨天我在本站发布了《给你的mipcms添加个性化的自定义模板,让你的网站运营更轻松》的文章,这篇文章是今天分享

2018-09-21  分类:mipcms  浏览:402次


锦通快运使用网站服务商提供的阿里云虚拟主机

锦通快运是我多年的客户之一,公司成立之初,就开通了官方网站。空间类型:阿里云虚拟主机网站名称:锦通快运网站网址:http://www.jtky56.com网站简介:“锦通快运”

2018-09-21  分类:客户见证  浏览:331次