這篇我們完成對(duì)主題的樣式化和開(kāi)始把 index.php 文件分成多個(gè)小文件。在這篇文章中，首先要對(duì) style.css 文件進(jìn)行修改，然后把index.php 分成一些新的文件。
打開(kāi) XAMPP，主題文件夾，F(xiàn)irefox，IE，index.php 和 style.css。
第1步：樣式化 footer
給 footer DIV 增加 10px 頂部填充。你還記得如何增加填充嗎？這次我不提供代碼。
第2步：設(shè)置 footer P 的行距
給 footer 里的所有的 P 標(biāo)簽 18px 行距。那是 #footer p{}.。（今天關(guān)于 CSS 的就這么多。）
第3步：header.php
- 創(chuàng)建一個(gè)新文件，把它命名為 header.php。
- 在 index.php 文件中，把 header DIV 以上所有東西都拷貝到 header.php 文件中。
這是我的 header.php 文件。不要從我的這里拷貝，從你自己的 index.php 文件拷貝。
第4步：在 index.php 中導(dǎo)入 header.php
為了使所有從 index.php 中拷出的內(nèi)容依然在 index.php 文件中，輸入以下代碼：
<?php get_header(); ?>
這是個(gè) WordPress 主題系統(tǒng)特別用來(lái)導(dǎo)入 header.php 文件的函數(shù)，而不用使用 PHP 的函數(shù)：<?php include (TEMPLATEPATH . ‘/header.php’); ?>.
保存并刷新瀏覽器，你應(yīng)該看到?jīng)]有變化。如果你的改變破壞了主題，那么肯定會(huì)有錯(cuò)誤。
第4步：sidebar.php
- 和第4步一樣，做更多相同的事情。這次，創(chuàng)建 sidebar.php 文件。
- 把 index.php 文件中的 Sidebar DIV 從開(kāi)始到結(jié)尾都復(fù)制到 sidebar.php 文件中。
- 那么，在 index.php 文件，將其取代為：<?php get_sidebar(); ?>.
- 保存并刷新瀏覽器，再一次，你應(yīng)該看到?jīng)]有變化。
- 這是我的 sidebar.php 文件。
第5步：footer.php
- 為 footer.php 重復(fù)上面的步驟。
- 這是我的 footer.php 文件。
教程回顧
- 創(chuàng)建了三個(gè)新文件：header.php，sidebar.php 和 footer.php。
- 使用了三個(gè)新的函數(shù)：get_header()，get_sidebar() 和 get_footer()。
- 下面是這節(jié)課結(jié)束之后的文件：index，style，header，sidebar，footer。
未經(jīng)允許不得轉(zhuǎn)載：445IT之家 » WordPress主題開(kāi)發(fā)教程二十三：底部和拆分 Index
