杨泽业：给你的mipcms网站自定义导航

网站服务商杨泽业：给你的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小时。

猜你喜欢