PbootCms导航菜单标签的这些小技巧你都知道吗

简介: PbootCms导航菜单标签的这些小技巧你都知道吗

这里我把一些小白常遇到的问题理一理,希望对新手有些帮助,当然,最好还是提升下自身的基础知识储备,早日走向大神之路。

<span style="font-size:14px;">
    {pboot:nav}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

控制参数

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

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

以下三个常用于导航的循环嵌套中

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

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

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

场景1

后台有10个一级栏目,只需要显示前5个,这样写

<span style="font-size:14px;">
    {pboot:nav num=5}
        <a href="[nav:link]">[nav:name]</a>
    {/pboot:nav}
</span>

HTML

复制

场景2

那剩下的5个导航菜单我要在其他位置显示该怎么办呢?

可以使用if判断标签来实现

解释一下上面的代码:(新手好好看,思路是最主要的)

首先调用10个菜单,然后使用if判断,当循环到第六个的时候开始显示。那么这样显示的结果就是从第六个开始到第十个导航菜单。

相关文章
|
5月前
|
前端开发
wordpress主题导航菜单栏目增加角标
wordpress主题导航菜单栏目增加角标
78 1
|
前端开发
bootstrap 组件 警告框 徽章 面包屑导航 按钮 按钮组 学习总结
bootstrap 组件 警告框 徽章 面包屑导航 按钮 按钮组 学习总结
标签页+标签编辑页
标签页+标签编辑页
106 0
|
前端开发 JavaScript
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
277 0
制作四个选项卡页 Tab,用户可以通过切换不同的 Tab 页查看不同类别的新闻信息,每个 Tab 有对应的内容版块,点击某个选项卡时,显示对应的内容版块,隐藏其他内容版块,并且为了突出当前的选项卡,还
|
存储 JavaScript
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
tab栏切换制作(点击那一栏显示那一栏的内容,其他栏的内容隐藏)
pbootcms当前位置面包屑中的首页如何改成英文
pbootcms当前位置面包屑中的首页如何改成英文
394 0
在不同的页面上显示不同的Joomla模板样式
模板样式是Joomla中非常强大的功能。它们允许您将同一模板的不同版本分配给特定页面。 在本教程中,我将向您展示如何分配两种模板样式。我们将为主页分配一种样式,为站点的其余部分分配另一种样式。 第1步.复制模板样式安装模板时,默认情况下会生成单个模板样式。
|
前端开发
关于网站下拉导航的设置
网站的导航很多都是下拉的方式,如下图所示: 就是一种下拉菜单,导航的数据是以ul、li相互嵌套的方式存在的。 ------------------------------------------ <div class="head"> <div class="logo"></d.
1093 0
|
Web App开发 前端开发 JavaScript