在网站建设过程中,我经常会运用迅睿 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
的使用,我深刻体会到了它的强大与便捷。它为网站的头部设计提供了极大的灵活性和可扩展性。