杨泽业:给你的mipcms网站自定义导航
网站服务商杨泽业:给你的mipcms网站自定义导航前天有人在群里面,提到怎么在mipcms的网站导航里面,显示自己想要的分类,隐藏不想显示的分类。还有添加自定义的单页面上去,让
前天有人在群里面,提到怎么在mipcms的网站导航里面,显示自己想要的分类,隐藏不想显示的分类。还有添加自定义的单页面上去,让自己的网站,更偏向于自己想要的结果。我们要充分的利用好最重要,最有限的位置,传达最该传递的信息。
关于这一件事情,杨泽业还是有所研究的,开始是我一个建站培训的客户有这个需求,我就开始研究,最终还是研究出来了,下面我就把自定义的代码,直接发出来,你用你自己的具体链接,替换一下即可。
当然在贴出代码之前,还是想讲讲实现的原理,让每件事知其然,知其所以然。在mipcms的导航栏中,主要分为3部分,第一部分为左侧的网站标题,第二部分在中间为主导航后台调用的文章分类,除了文章分类在开头添加了首页和结尾添加了搜索,第三部分是导航的右侧为后台的登陆地址。
在这里我们主要是把第二部分中间主导航调用的分类,或者删除,或者使用<!-- 屏蔽内容-->屏蔽掉即可。网站服务商杨泽业认为:
1、首页这个链接那是多余的,点击网站标题,或者网站服务商这样的网站logo就是首页,根本没有必要保留首页这个链接,浪费宝贵的位置。
2、搜索这个链接也是多余的,默认使用百度站内搜索,可惜的是,你本身发了几十个文章,收录几个文章,这个百度站内搜索,在网站的初期那是毫无意义,只能让自己更加尴尬,所以我是毫不犹豫的删除掉的。
3、登陆这个链接也是多余,自己登陆过几次就知道网站后台地址了,没有必要放在导航的这个重要位置了,所以理应删除。
4、首页、搜索、登陆要不要保留在于自己的个人爱好了,但是,主导航后台调用的文章分类是不可能留的了,建议删除吧。
我们要删除的主导航里面调用的文章后台分类的代码如下:(/template/模板名称/main/header.html)
温馨提醒:我下面的教程是自定义的导航内容,如果你想添加单页面内容到导航的话,就不用删除,在导航代码后台添加自定义页面进来即可。
{mipcms:articlecategory value="v" type='menu'}
<li class='mipmb-dropdown-item {if condition="$categoryurlName==$v['url_name']"}active{/if}'>
<a href="{$v.url}" data-type="mip" data-title="{$v['name']}" title="{$v['name']}">{$v['name']}</a>
{if condition='$v.sub'}
<ul class="mipmb-dropdown-list">
{volist name='$v.sub' id="val"}
<li>
<a href="{$val.url}" data-type="mip" data-title="{$val.name}" title='{$val.name}'>{$val.name}</a>
</li>
{/volist}
</ul>
{/if}
</li>
{/mipcms:articlecategory}
换成自定义的,代码如下:
<li class='mipmb-dropdown-item '>
<a href="/a/" data-type="mip" data-title="A" title="A">A</a>
<ul class="mipmb-dropdown-list">
<li><a href="/a1/" data-type="mip" data-title="A1" title='A1'>A1</a></li>
<li><a href="/a2/" data-type="mip" data-title="A2" title='A2'>A2</a></li>
<li><a href="/a3/" data-type="mip" data-title="A3" title='A3'>A3</a></li>
<li><a href="/a4/" data-type="mip" data-title="A4" title='A4'>A4</a></li>
<li><a href="/a5/" data-type="mip" data-title="A5" title='A5'>A5</a></li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="/b/" data-type="mip" data-title="B" title="B">B</a>
<ul class="mipmb-dropdown-list">
<li><a href="/b1/" data-type="mip" data-title="B1" title='B1'>B1</a></li>
<li><a href="/b2/" data-type="mip" data-title="B2" title='A2'>B2</a></li>
<li><a href="/b3/" data-type="mip" data-title="B3" title='A3'>B3</a></li>
<li><a href="/b4/" data-type="mip" data-title="B4" title='A4'>B4</a></li>
<li><a href="/b5/" data-type="mip" data-title="B5" title='A5'>B5</a></li>
</ul>
</li>
<li class='mipmb-dropdown-item '>
<a href="/c/" data-type="mip" data-title="C" title="C">C</a>
<ul class="mipmb-dropdown-list">
<li><a href="/c1/" data-type="mip" data-title="C1" title='C1'>C1</a></li>
<li><a href="/c2/" data-type="mip" data-title="C2" title='C2'>C2</a></li>
<li><a href="/c3/" data-type="mip" data-title="C3" title='C3'>C3</a></li>
<li><a href="/c4/" data-type="mip" data-title="C4" title='C4'>C4</a></li>
<li><a href="/c5/" data-type="mip" data-title="C5" title='C5'>C5</a></li>
</ul>
</li>
上面的代码,我在另一个演示网站是测试过的,只是本站用不着自定义而已,本站的网站分类本来就很少,所以用不着,但是本站写出来的教程,那可是绝对测试过的。上面的A、B、C代表的大分类,A1,A2,A3,A4,A5大分类下面的小分类。所以大小分类的数量和内容完全自己灵活填写,这就非常的方便有这个需求的人了。
好了,今天的教程就到此结束,欢迎你关注杨泽业的其他mipcms栏目教程,让你的网站做得更好!有需要建站一对一指导的,也欢迎联系杨泽业哦,指导费50元一个小时,100元2-3小时。
猜你喜欢