WordPress主題製作全過程(六):製作footer.php

青灯夜游
發布: 2023-02-21 10:32:21
轉載
2049 人瀏覽過

前面跟大家介紹了《WordPress主題製作全過程(五):製作header.php#》,本文繼續跟大家介紹如何製作footer.php,下面一起來看看吧~

上節內容我們已經弄好了部落格的頁頭header.php,今天我們就一起來製作頁腳footer.php。 footer.php與header.php差不多,寫這個檔案的目的也是為了精簡程式碼,提高程式碼的重用性,Aurelius主題目錄中的所有頁面的頁腳程式碼幾乎都是一樣的,我們就把這些程式碼提取出來放到footer.php。

在Aurelius主題目錄中新建文件footer.php,我們提取出index.php中的頁腳碼拷貝到footer.php中(如果以後你製作自己的主題,可以根據需要決定哪些是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(); ?>
登入後複製

好,現在打開你的部落格主頁,看看我們製作的主題是否還可以正常工作,答案是可以的,跟原來幾乎沒什麼兩樣,頁腳還是跟原來一樣。現在來加入上你的部落格版權宣告資訊和wp_footer()函數,將footer.php中所有程式碼刪除,改成:

<!-- Footer -->
	<p class="grid_12 footer clearfix"> 
	<span class="float">版权所有 © 2010 <?php bloginfo(&#39;name&#39;); ?>
		  |  Powered By <a rel="external" title="WordPress主页" class="link" href="http://wordpress.org/">WordPress</a>
		  |  Design By QwibbleDesigns  |  
		Code By <a href="https://www.ludou.org/">Ludou</a>
	</span> 
	<a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
<?php wp_footer(); ?>
</body>
</html>
登入後複製

這裡用到了我們上次學到的bloginfo('name')函數來輸出你的部落格標題,wp_footer()wp_head()差不多,都是用於提高你的主題相容性,畢竟有很多外掛程式要在頁腳輸出一些東西才能正常運作。現在你的頁腳應該是有模有樣了吧,以下是我更改後的效果:

WordPress主題製作全過程(六):製作footer.php

footer.php中加入了作者的訊息,當然包括我的信息,如果你覺得Code By Ludou這幾個字特別礙眼,你可以將其刪除,但是請不要刪除設計師和WordPress的信息,畢竟這是對他們最起碼的尊重!

好了,footer.php的製作就這麼簡單。

最後提供經過本次修改後的Aurelius主題文件,你可以用文字編輯器打開看看,跟你修改的文件比較比較,看看你改得怎麼樣?

WordPress主題製作全過程(六):製作footer.php

推薦學習:《WordPress教學

以上是WordPress主題製作全過程(六):製作footer.php的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:ludou.org
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板