PbootCMS 主题模板开发和仿站之导航菜单列表标签调出和样式设置

这里老蒋在修改主题移植至PbootCMS需要用到导航调用标签。这里参考PbootCMS 的文档设置导航,顺带将导航菜单列表标签调出来,这里记录下来以后需要用到的时候直接复制。官方的文档还是比较齐全的,虽然 PbootCMS 作为企业网站交互功能还没有开发,但是基本的企业建站功能还是完全满足的。

1、调用代码样式

{pboot:nav}
<a href="[nav:link]">[nav:name]</a>
{/pboot:nav}

2、控制参数

num=* 数量,非必填,用于控制输出的数量

parent=* 父菜单编码,非必填,用于控制输出列表的父菜单编码,默认0,即从一级菜单开始输出

parent={sort:pcode} 可用于输出当前栏目的同级菜单

parent={sort:scode} 可用于输出当前栏目的子菜单

parent={sort:tcode} 可用于输出当前栏目顶级菜单的子菜单

3、常见标签

[nav:n] 序号,从0开始
[nav:i] 序号,从1开始
[nav:pcode] 父栏目编码
[nav:scode] 当前栏目编码
[nav:name] 栏目名称
[nav:subname] 栏目副名称
[nav:link] 栏目链接
[nav:type] 栏目类型,1单页、2列表
[nav:outlink] 后台设置的跳转链接
[nav:listtpl] 列表页模板
[nav:contenttpl] 详情页模板
[nav:ico] 栏目缩略图
[nav:pic] 栏目大图
[nav:keywords] 栏目关键字
[nav:description] 栏目描述
[nav:soncount] 当前栏目子栏目的数量,无子栏目时为0
[nav:rows] 输出栏目下内容数量(V1.3+)
[nav:def1] 栏目描述1(V3.0.6+)
[nav:def2] 栏目描述2(V3.0.6+)
[nav:def3] 栏目描述3(V3.0.6+)

4、常见案例

4.1 高亮菜单

使用判断语句:{pboot:if('[nav:scode]'=='{sort:tcode}')}class="active"{/pboot:if}

首页特殊用法:{pboot:if(0=='{sort:scode}')}class="active"{/pboot:if}

4.2 二级带单嵌套

{pboot:nav}                   

  <a href= "[nav:link]">[nav:name]</a>

  {pboot:2nav parent=[nav:scode]}

    <a href= "[2nav:link]">[2nav:name]</a>

  {/pboot:2nav}

{/pboot:nav}

4.3 三级菜单嵌套

{pboot:nav}                   

  <a href= "[nav:link]">[nav:name]</a>

  {pboot:2nav parent=[nav:scode]}

    <a href= "[2nav:link]">[2nav:name]</a>

    {pboot:3nav parent=[2nav:scode]}

      <a href= "[3nav:link]">[3nav:name]</a>

    {/pboot:3nav}

  {/pboot:2nav}

{/pboot:nav}

在基础上,我们后面只要修改CSS样式调整即可。

本文出处:老蒋部落 » PbootCMS 主题模板开发和仿站之导航菜单列表标签调出和样式设置 | 欢迎分享( 公众号:老蒋玩运营 )