前面給大家介紹了《WordPress主題制作全過程(五):制作header.php》,本文繼續(xù)給大家介紹如何制作footer.php,下面一起來看一下吧~
上節(jié)內(nèi)容我們已經(jīng)弄好了博客的頁頭header.php,今天我們就一起來制作頁腳footer.php。footer.php與header.php差不多,寫這個文件的目的也是為了精簡代碼,提高代碼的重用性,Aurelius主題目錄中的所有頁面的頁腳代碼幾乎都是一樣的,我們就把這些代碼提取出來放到footer.php。
在Aurelius主題目錄中新建文件footer.php,我們提取出index.php中的頁腳代碼拷貝到footer.php中(如果以后你制作自己的主題,可以根據(jù)需要決定哪些是footer代碼):
<!-- Footer --> <p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong> QwibbleDesigns <strong>Code By</strong> <a href="https://www.ludou.org/">Ludou</a></span> <a class="float right" href="#">top</a> </p> </div> <!--end wrapper--> </body> </html>
再用文本編輯器打開index.php、archive.php、contact.php、full_width.php、page.php和single.php,刪掉以上類似代碼,改成:
<?php get_footer(); ?>
好,現(xiàn)在打開你的博客主頁,看看我們制作的主題是否還可以正常工作,答案是可以的,跟原來幾乎沒什么兩樣,頁腳還是跟原來一樣。現(xiàn)在來添加上你的博客版權(quán)聲明信息和wp_footer()
函數(shù),將footer.php中所有代碼刪除,改成:
<!-- Footer --> <p class="grid_12 footer clearfix"> <span class="float">版權(quán)所有 ? 2010 <?php bloginfo('name'); ?> | Powered By <a rel="external" title="WordPress主頁" class="link" href="http://wordpress.org/">WordPress</a> | Design By QwibbleDesigns | Code By <a href="https://www.zztuku.com/">zzTuKu.Com</a> </span> <a class="float right" href="#">top</a> </p> </div> <!--end wrapper--> <?php wp_footer(); ?> </body> </html>
這里用到了我們上次學(xué)到的bloginfo('name')
函數(shù)來輸出你的博客標(biāo)題,wp_footer()
和wp_head()
差不多,都是用于提高你的主題兼容性,畢竟有很多插件要在頁腳輸出一些東西才能正常工作。現(xiàn)在你的頁腳應(yīng)該是有模有樣了吧,下面是我更改后的效果:
footer.php
中加入了作者的信息,當(dāng)然包括我的信息,如果你覺得Code By Ludou這幾個字特別礙眼,你可以將其刪除,但是請不要刪除設(shè)計師和WordPress的信息,畢竟這是對他們最起碼的尊重!
好了,footer.php的制作就這么簡單。
最后提供經(jīng)過本次修改后的Aurelius主題文件,你可以用文本編輯器打開看看,跟你修改的文件比較比較,看看你改得怎么樣?
aurelius_footer.zip
WordPress主題制作全過程完整列表:
WordPress主題制作全過程(一):基礎(chǔ)準(zhǔn)備
WordPress主題制作全過程(二):主題文件構(gòu)成
WordPress主題制作全過程(三):HTML靜態(tài)模板制作
WordPress主題制作全過程(四):小試牛刀
WordPress主題制作全過程(五):制作header.php
WordPress主題制作全過程(六):制作footer.php
WordPress主題制作全過程(七):制作sidebar.php
WordPress主題制作全過程(八):制作index.php
WordPress主題制作全過程(九):制作single.php
WordPress主題制作全過程(十):制作comments.php
WordPress主題制作全過程(十一):制作page.php