制作头部文件 · Z-Blog PHP主题制作教程

一般说来我们网站的所有页面的头部和底部基本相似，所以我们可以将这些相似的代码放到一个文件中，然后在每个模板文件载入这个头部和底部文件即可，这样我们就不需要给每个模板都把头部和底部文件都写一遍，而且修改方便，改了头部文件，所有页面都会生效。接着上一篇教程，我们在做主题文件夹zb_users\theme\主题文件夹下面新建一个头部文件header.php，然后将index.php中的头部代码提取(剪切)出来，写入这个文件： ~~~ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="textml; charset=utf-8"/> <meta http-equiv="Content-Language" content="zh-CN" /> <title>aaa-Good Luck To You!</title> <meta name="generator" content="Z-BlogPHP 1.2 Hippo Build 140220" /> <link rel="stylesheet" rev="stylesheet" href="style/default.css" type="text/css" media="all"/> </head> ~~~ 保存好头部文件，在index.php的前面加上代码： ~~~ {template:header} ~~~ {template:header}会自动载入主题文件夹中的header.php文件，所以头部文件的文件名命名为header.php然后使用{template:header}即可。现在头部文件已经制作好了，接下来的工作就是编辑头部文件header.php将里面的静态html代码换成动态的php代码。首先我们需要更改信息，一般我们将title信息改成这样的：文章页面标题 | 网站名称。将header.php中的<title>aaa-Good Luck To You!</title> 改成下面的代码：<title>{$name}-{$title}</title>。在首页中，{$name}是网站名，{$title}是副标题。然后就是修改css路径。在header.php文件中找到下面代码 ~~~ <link rel="stylesheet" rev="stylesheet" href="style/default.css" type="text/css" media="all"/> ~~~ 也许你会问，主题文件夹中不是有个style.css文件吗？为什么访问网站的时候没有加载样式表呢？因为这个样式表的路径./style.css其实是网站根目录，在以后的教程中我们会讲到，如果你不想让别人轻易看出你的网站是使用Z-Blog PHP程序，那么你可以改变图片、样式表等文件的路径，将图片、样式表都移到了网站根目录，在网页代码中就不会出现Z-Blog PHP站才有的/zb_users/theme/之类的路径。好了，将上面的代码改成： ~~~ <link rel="stylesheet" rev="stylesheet" href="{$host}zb_users/theme/{$theme}/style/{$style}.css" type="text/css" media="all"/> ~~~ {$host}是网站地址，{$theme}是主题文件名，{$style}是默认的css样式名。然后还有给很重要的js需要加载，如果没有这个js。文章页面将无法发表评论。代码如下： ~~~ <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> ~~~ 可以将本代码添加到</head>之前。到现在为止，你的主题虽然能够从后台控制头部代码了，但是还是只能看到一个页面，因为只有头部是动态的，其它位置都是静态的。本来下章准备讲关键词和描述，但想了想，这不符合Z-Blog PHP的标准，直接跳过，讲制作底部文件。