dede调用一二级菜单导航,bootstrap结合dede二级导航
dede调用指定的某个栏目:
代码:
{dede:type typeid='栏目id'} <a href="[field:typeurl/]">[field:typename/]</a> {/dede:type}
dede调用一级导航
效果:
方法一:
{dede:channel row='7' type ='top' } <li><a href="[field:typelink/]">[field:typename/]</a></li> {/dede:channel}
方法二:
<ul class="mobile_nav_box" id="navbarmobile"> <li class=""><a title="首页" href="{dede:global.cfg_basehost/}">首页</a></li> {dede:channelartlist type='top' typeid='top' row='6'} <li class=""> <a title="{dede:field name='typename'/}" href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> </li> {/dede:channelartlist} <div class="clear"></div> </ul>
dede调用二级导航
<div id="menu"> <ul> {dede:channelartlist typeid='top' row='6' orderby='sortrank'} <li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> <ul> {dede:channel row='15' type='son'} <li><a href='[field:typelink/]'>[field:typename/]</a></li> {/dede:channel} </ul> </li> {/dede:channelartlist} </ul> </div>
dede调用二级导航(有的显示二级有的不显示)
这就需要拼凑了,按照导航的id顺序排列。
<div id="menu"> <ul> {dede:channelartlist type='top' row='4' typeid="1"} <li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li> {/dede:channelartlist} {dede:channelartlist typeid='2,3,4,5' row='7' orderby='sortrank'} <li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a> <ul class="subnav"> {dede:channel row='10' type='son'} <li><a href='[field:typelink/]'>[field:typename/]</a></li> {/dede:channel} </ul> </li> {/dede:channelartlist} {dede:channelartlist type='top' row='4' typeid="6,7"} <li> <a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a></li> {/dede:channelartlist} </ul> </div>
dede结合bootstrap二级导航
效果:
代码:
<div class="collapse navbar-collapse align-self-end" id="navbarSupportedContent"> <ul class="navbar-nav"> <li class="nav-item mx-3"><a href="#" class="nav-link active">网站首页</a></li> {dede:channelartlist typeid='top' row='7' orderby='sortrank'} <li class="nav-item mx-2 dropdown"> <a class="nav-link dropdown-toggle" href="{dede:field name='typeurl'/}" id="navbarDropdown" role="button" data-toggle="dropdown"> {dede:field name='typename'/} </a> {dede:channel row='5' type='son'} <div class="dropdown-menu" aria-labelledby="navbarDropdown"> <a class="dropdown-item" href='[field:typelink/]'>[field:typename/]</a> <a class="dropdown-item" href="#">Action</a> </div> {/dede:channel} </li> {/dede:channelartlist} </ul> </div>
调用指定栏目的子栏目:
{dede:channel typeid ='3' type='son'} <li class="sidebarporductimg"><a href='[field:typelink/]'>[field:typename/]</a></li> {/dede:channel}