关于迅睿 CMS header.html 的使用心得记录

在网站建设过程中,我经常会运用迅睿 CMS 来搭建网站。其中,header.html 头部的设计尤为关键。

问题header.html 头部中栏目名称显示不一致或者左边栏或右边栏显示不一样以及栏目导航个性化不一样。

方法:通过迅睿 CMS 提供的功能,在 header.html 文件中使用if编写判断,操作简单便捷,解决了页面与页面之间的显示和排列不一样问题。

案例

在迅睿 CMS 的 header.html 中,我们可利用 if 判断语句实现不同情况下的内容显示。如:

{if $indexc}
  <div class="slide" id="lun2" style="position:relative; height:0px; padding-bottom:39.0625%">
    <div class="carouse" style="position:absolute; width:100%; height:100%; left:0px; top:0px;">
      {form form=pc_banner}
      {php $mval = $t['pc_banner'];}
      {loop $mval $v}
      <div class="slideItem">
        <a href="{$v[2]}">
          <img class="banner-img" src="{dr_get_file($v[3])}"></a>
      </div>
      {/loop}
      {/form}
      <a class="carousel-control left Next">
        <i class="iconfont icon-weibiaoti-"></i>
      </a>
      <a class="carousel-control right Previous">
        <i class="iconfont icon-jiantou-right"></i>
      </a>
    </div>
    <div class="dotList"></div>
  </div>
{else}
  <div class="dabt">
    <div class="wp">
      {if $catid==1}
      <p>{$cat.name}</p>
      {elseif $catid==2}
      <p>{$cat.name}</p>
      {elseif $catid==3}
      <p>{$cat.name}</p>
      {elseif $catid==4}
      <p>{$cat.name}</p>
      {elseif $catid==5}
      <p>{$cat.name}</p>
      {elseif $catid==6}
      <p>{$cat.name}</p>
      {/if}
    </div>
  </div>
{/if}
</div>

这样,我们就能根据不同条件,在迅睿 CMS 的 header.html 中智能地判断并显示相应的内容,实现了页面的精简化和代码简洁易维护。

实例效果图

实例效果图

通过这段时间对迅睿 CMS header.html 的使用,我深刻体会到了它的强大与便捷。它为网站的头部设计提供了极大的灵活性和可扩展性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

拼才会有未来

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值