Z-BlogPHP主题制作教程#7:header.php模版

学习如何制作模版一般有两种方式:①看明白别人的,拿过来复制粘贴,②自己慢慢累码。由于不知道这两种方式大家更乐意接受哪种,我还是按传统点的来一点点累码吧。

最简单的网页开头是这样的:<!DOCTYPE>、<html>和<head>三个标签。它们构成了最基础的html的开头。

Markup

<!DOCTYPE html><html><head>     <meta charset="UTF-8">     <title>……</title></head>


Z-BlogPHP模版要调用两个最基础的文件:common.js和c_html_js_add.php,于是我们在上面添加上这两段代码:

Markup

<!DOCTYPE html><html><head>     <meta charset="UTF-8">     <title>……</title>     <!-- 下面两个调用是ZBlog-PHP主题必须的 -->     <script src="{$host}zb_system/script/common.js" type="text/javascript"></script>     <script src="{$host}zb_system/script/c_html_js_add.php" type="text/javascript"></script>     {$header}</head>

细心的人会发现里面多了一个{$header}的调用,注意,它不是指调用的header.php文件({template:header}),而是输出了一个$header变量。这个变量是用来给那些插件用的,没有这个代码,你的主题会无法正常使用一些插件。


让我们来完善下header.php吧

  • {$language}是主题的语言包,用来可以来重新定义下<html>标签,并且可以完善Content-Type和Content-Language两个属性;

  • <link>来调用我们的主题的CSS文件,这里我用了三个输出:

    • {$host}:网站的网址,包含末尾的/;

    • {$theme}:主题包的名称,也是你主题文件夹的名称;

    • {$style}:你主题的CSS的名称。

  • {$title}是网站的名称,我们就简单调用它来补充网站的<title>吧。

通过它们我们可以基本做出一个标准而又简单的header.php文件了:

Markup

<!DOCTYPE html><html xml:lang="{$language}" lang="{$language}"><head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <meta http-equiv="Content-Language" content="{$language}" />     <title>{$title}</title>     <link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css" type="text/css" media="all"/>     <!-- 下面两个调用是ZBlog-PHP主题必须的 -->     <script src="{$host}zb_system/script/common.js" type="text/javascript"></script>     <script src="{$host}zb_system/script/c_html_js_add.php" type="text/javascript"></script>     {$header}</head>


当然,这还有许多地方要改善的,作为基础教程我这里有不详细说明了。大家可以可以参考下别人的header.php文件。


转载请说明出处内容投诉
zblog资源网 » Z-BlogPHP主题制作教程#7:header.php模版

发表评论

欢迎 访客 发表评论

加入会员,享受更优质的zblog技术服务!

马上加入 会员说明 联系客服