在上一篇经验里,小泽分享了顶部导航栏标签的调用。如果你是刚刚接触phpcms v9,不知从何下手,可以关注一下小泽,跟着小泽学习,帮助你快速入门phpcms v9,就可以拥有自己的网站。下面小泽给大家讲解前台模板顶部导航栏显示当前栏目高亮效果:
3导航栏标签调用一级导航栏
第一步: 首先,去下载phpcms v9系统文件,直接放在本地运行环境里并且打开。这里小泽用phpstudy集成环境举例子。
2怎么安装下载开源网站后台管理系统
1如何加载模板套自己的前端模板
1模板配置图片样式路径加载方法
第二步: 因为小泽在上一篇经验里讲解了顶部导航栏标签的调用,为了节省大家宝贵的学习时间,这里就不再详细讲解。首先找到默认模板头部的文件即header.html,并且用开发工具打开:
位置:D:\phpStudy\WWW\ae\phpcms\templates\default\content
第三步: 接下来,找到自己前台头部模板即header.html文件:
位置:D:\phpStudy\WWW\ae\phpcms\templates\ae\content
第四步:用开发工具打开header.html文,然后就是要模仿嵌套导航栏。可以看出,默认的模板是没有当前栏目高亮效果的,我们可以通过二次开发。示范代码如下:
{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
<li {if !isset($catid)}class="current"{/if}>
<a href="index.php">首页</a>
</li>
{loop $data $r}
{php $arr=explode(',',$r[arrchildid])}
<li {if in_array($catid,$arr)}class="current"{/if}>
<a href="{$r[url]}">{$r[catname]}</a>
</li>
{/loop}
{/pc}
通过上面步骤的二次开发,就可以完美实现导航栏当前栏目高亮的效果:
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!