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

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

昨天我在本站发布了《给你的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/

猜你喜欢