第1步：開啟 XAMPP 和打開 index.php
- – 啟動 Xampp
- – 打開 Tutorial 的主題文件夾
- – 打開瀏覽器，在地址欄輸入 http://localhost/wordpress
- – 返回主題文件夾，用記事本打開 index.php
第2步：給博客的標(biāo)題添加 H1 的標(biāo)簽
現(xiàn)在，index.php 的代碼是：
<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>給它添加 <h1> 和 </h1> 標(biāo)簽。H1 標(biāo)簽意思是標(biāo)題一。HTML 一共可以有7級標(biāo)題：H1，H2，H3，H4，H5，H6。按照默認(rèn)，H1是字體最大而H6是則最小。添加之后的的 index.php 文件是：
<h1><a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1>保存，返回瀏覽器并刷新。
第3步：添加博客描述
調(diào)用博客的描述，則在博客標(biāo)題鏈接的下面輸入以下代碼：
<?php bloginfo(’description’); ?>現(xiàn)在變成了：
<h1><a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1><?php bloginfo(’description’); ?>保存并刷新瀏覽器，可以看到在博客標(biāo)題鏈接的下面出現(xiàn)博客的描述，我們可以看到 WordPress 管理后下修改博客的描述。
<?php – 開始 PHP 代碼bloginfo(’description’) – 調(diào)用博客信息，這里的是描述; – 停止調(diào)用?> 結(jié)束 PHP 代碼第4步：DIV 標(biāo)簽
下一步將介紹一個新的標(biāo)簽 — DIV。
給以上代碼添加 <div> 和 </div>標(biāo)簽： <div> <h1><a href=”?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a></h1><?php bloginfo(’description’); ?> </div>保存，刷新瀏覽器，應(yīng)該看到?jīng)]有任何變化
可以把 DIV 想像成一個無形的盒子 (box)。在這里它把博客標(biāo)題鏈接和博客描述從其他東西中區(qū)分開來。如果沒有對它進行樣式化，它無非是單獨的內(nèi)容，以后我們可以會用 style.css 這個文件去樣式化這個無形的盒子。我們可以給 DIV 附上 邊框（borders），填充（paddings）, 頁面空白（margins），背景顏色（background color），背景圖片（background images），以及其他一些東東。
第5步：添加 Header DIV 標(biāo)簽
添加 id=”header” 到 DIV 標(biāo)簽，如下：
<div id=”header”>保存并刷新瀏覽器。
同樣也沒有改變，這里給 DIV 標(biāo)簽指定了 ID ，因為將會有更多的 DIV 標(biāo)簽或者無形的盒子，我們可以使用 ID 來區(qū)分！
未經(jīng)允許不得轉(zhuǎn)載：445IT之家 » WordPress主題開發(fā)教程五：編寫Header模板（二）
