欢迎访问服务器技术网-www.fuwuqijishu.com

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

网站建设 fuwuqijishu 2年前 (2022-09-04) 69次浏览 0个评论 扫描二维码

这里在修改主题移植至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样式调整即可。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Warning: error_log(/www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/#log/log-2215.txt): failed to open stream: No such file or directory in /www/wwwroot/fuwiqijishu/wp-content/plugins/spider-analyser/spider.class.php on line 2900