最近访客
百度未收录

帝国cms模板开发教程(四):帝国cms页面头部模板开发

帝国cms模板页面的开发和其他建站程序一样,比如wordpress程序,也是对页面进行拆分调用,然后使用函数在独立的页面进行调用,这样就避免了在各个模板开发过程,重复写入头部、尾部、侧边栏等

比如首页,也是页面头部、页面尾部、首页主体(列表页+侧边栏形式)构成,所以我们先进行页面头部的开发。下面一起来学习帝国cms页面头部的开发学习吧! 

1、先了解帝国cms页面头部所在位置:

路径:后台–模板–公共模板变量–管理模板变量–页面头部

2、页面头部调用代码:

也就是模板变量名:

[!--temp.header--]

3、明确网页头部主要包含什么

比如:博客头部,主要由欢迎词、广告位、logo、网站名称、导航栏、搜索框组成,所以开发网页头部前需要明确头部主要都包含什么

帝国cms模板开发教程(四):帝国cms页面头部模板开发-狐狸库

3-1、网页三大标签:标题、关键词、描述

<title>[!--pagetitle--]</title>
<meta name=\"keywords\" content=\"[!--pagekey--]\" />
<meta name=\"description\" content=\"[!--pagedes--]\" />

3–2、网站名称

任何一个网站都有名称,比如:xingkongweb.com 网站名称:星空博客

网站名称调用

[!--pagetitle--]

拓展:页面头部支持的变量有

3-3、网站导航

一级栏目导航:

  • [!–class.menu–]

多级栏目导航

<nav>
<ul id=\"starlist\">
     <li><a href=\"[!--news.url--]\" title=\"首页\">网站首页</a></li> 
[e:loop={\"select classid,classname,islast,sonclass from {$dbtbpre}enewsclass where bclassid=0 and showclass=0 order by myorder,classid ASC\",0,24,0}]
<?php $classurl=sys_ReturnBqClassname($bqr,0);//取得栏目地址 ?>
  <?php
if($bqr[sonclass]==\'\' or $bqr[sonclass]==\'|\') //判断是否存在子栏目   另外加一句判断。坑爹的帝国cms,有时候会莫名其妙的把终极栏目记录了一个值“|”
{
        ?><li><a href=\"<?=$bqsr[classurl]?>\" ><?=$bqr[classname]?></a></li><?php
        }
else
        {
?>
  <li class=\"menu\"><a href=\"<?=$bqsr[classurl]?>\" ><?=$bqr[classname]?></a>
  <ul class=\"sub\">
      <?php       
    $newsclass=$empire->query(\"select classid,classname from \".$dbtbpre.\"enewsclass where bclassid=\".$bqr[classid].\" order by myorder,classid asc\");
while($classr=$empire->fetch($newsclass))
    {
        $classrurl=sys_ReturnBqClassname($classr,9); //取得子栏目地址
        ?><li><a href=\"<?=$classrurl?>\"><?=$classr[classname]?></a></li><?php
}
?>
   </ul><span></span></li>
  <?php
}
?>
[/e:loop]
</ul>
</nav> 

3-4、网站搜索

其中,为了避免搜索出错或者搜索不到内容

<form action=\"http://xingkongweb.com/e/search/index.php\" method=\"post\" name=\"searchform\" id=\"searchform\">

form action必须使用绝对地址,不能用相对地址。如果不知道什么是绝对地址,什么是相对地址?

参阅文章:html绝对地址和相对地址的区别

页面头部构成无非也就是网站名称、导航栏、搜索框组成。至于欢迎词、以及联系QQ微信之类,直接html代码使用div标签写入即可。

温馨提示:本文最后更新于2022/10/20 00:20:37。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容