制作頭部文件 · 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的標準，直接跳過，講制作底部文件。