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

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

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

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

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

<!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文件了:

<!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文件。