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

  • 时间:
  • 浏览:362次
  • 来源:网站服务商官网 网址: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


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

猜你喜欢

视频教程:在自己的电脑上安装phpstudy软件,创建本地网站环境,搭建各种网站

我们做网站的人经常要安装各种网站程序,看看这个网站程序适合不适合自己的要求,这个网站源码到底是否可用等,本地安装测试,要比上传到虚拟主机或者服务器上面修改要方便得多。php中文

2019-07-24  分类:基础知识  浏览:215次


免费在线智能AI文章伪原创工具源码

免费在线智能AI文章伪原创工具源码出售本工具源码不写入数据库,上传到任意支持php的网站空间即可,部分空间需要开启相关的参数,才能正确使用。伪原创工具的工作原理是:使用谷歌翻译

2019-07-19  分类:小工具  浏览:285次


网站服务商diy模板更新

更新的地方有:1、6月19日增加了两个栏目单页面模板。2、6月22日修改了文章详情页的字体大小和间距。3、6月23日调整了上一篇、下一篇和猜你喜欢的位置。4、6月24日,在上一篇、下一篇的上方,增加一个回到目录的提示与地址。

2019-07-01  分类:本站公告  浏览:268次


杨泽业:mipjz网站的MIP数据提交到神马搜索的实现方法

今天早上研究了一下,怎么把mipjz程序的文章链接和标签链接推送到神马搜索里面。我们的程序是mip的,神马搜索页也支持MIP数据提交。神马搜索里面只是提供了api,没有提交的入

2019-07-01  分类:mipcms  浏览:352次


工信部批复设立中国自己的域名根服务器

6月26日,工信部发布通告《工业和信息化部关于同意中国互联网络信息中心设立域名根服务器(F、I、K、L根镜像服务器)及域名根服务器运行机构的批复》及《工业和信息化部关于同意互联

2019-06-28  分类:行业资讯  浏览:256次


给你的网站添加百度商桥的在线沟通的功能

今天我访问我的一个买了我的mip网站模板的客户的网站,发现了他的网站添加了百度商桥的在线沟通的功能。我认为添加了商桥的代码,肯定就不能通过百度mip的验证了。但是,我错了。我经

2019-06-21  分类:基础知识  浏览:390次


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

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

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


网站服务商diy模板618更新:全站删除文章缩略图,让网站访问更加快速

网站服务商讯:网站服务商站长杨泽业基于mipjz官方模版制作的diy模板,在2019年6月18日进行更新:全站删除文章缩略图,让网站访问更加快速。本次删除的缩略图的地方有首页列

2019-06-17  分类:本站公告  浏览:254次


给网站添加网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:基础知识  浏览:302次


网站地图

网站地图,又称站点地图,它就是一个引导页面,让用户或者搜索引擎更加方便的找到自己需要的内容,搜索引擎蜘蛛非常喜欢网站地图。网站地图分为html地图和xml地图。html地图给用

2019-06-10  分类:建站百科  浏览:194次