织梦CMS导航栏目的创建与配置
导航栏目是网站前端最重要的引导元素。织梦CMS通过栏目系统来管理导航菜单,每个需要在导航中显示的栏目都可以被灵活控制。
一、导航与栏目的关系
在织梦CMS中,导航菜单并非独立模块,而是直接由栏目系统驱动。在后台栏目管理中创建的栏目,默认会出现在前台的导航菜单中。
二、控制栏目在导航中的显示
编辑栏目时,在"栏目属性"区域有一个关键选项:"是否显示在导航"。该选项控制栏目是否出现在网站主导航菜单中。
使用场景:
- 设置为"是":栏目出现在前台导航中,用户可见可点击。
- 设置为"否":栏目不在导航中显示,但页面本身仍可正常访问(适合通过其他地方链接进入的栏目)。
三、导航栏的常用调用代码
{dede:channel type='top' row='8' currentstyle="<li class='cur'><a href='~typelink~'>~typename~</a></li>"}
<li><a href='[field:typelink/]'>[field:typename/]</a></li>
{/dede:channel}
参数详解:type='top'调用顶级栏目,row='8'限制显示8个,currentstyle设置当前页面高亮样式。
四、多级导航菜单
对于有下拉菜单需求的导航,可以嵌套调用子栏目:
{dede:channel type='top' row='10'}
<li>
<a href="[field:typelink/]">[field:typename/]</a>
{dede:channel type='son' noself='yes' row='6'}
<dd><a href="[field:typelink/]">[field:typename/]</a></dd>
{/dede:channel}
</li>
{/dede:channel}
五、导航栏目排序
栏目的显示顺序由"排序"字段决定,数值越小越靠前:
- 首页:排序值设为1
- 新闻中心:排序值设为2
- 产品中心:排序值设为3
建议:排序值之间预留间隔(如10、20、30),方便后续在中间插入新栏目而无需大量调整排序值。
六、二级导航的处理
对于需要二级导航的场景:
- 方式一:在子栏目模板中调用同级栏目列表。
- 方式二:创建单独的导航模板文件,判断当前栏目并显示其子栏目。
- 方式三:使用JS/CSS实现下拉菜单,通过CSS控制子级导航的显示和隐藏。