导读:制作 footer 文件上节内容我们已经弄好了博客的页头 header php,今天我们就一起来制作页脚 footer php 。 footer php 与 header 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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Code By</strong> <a href=「https://www.weixiaoduo.com/」>Weixiaoduo</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,删掉以上类似代码,改成:

好,现在打开你的博客主页,看看我们制作的主题是否还可以正常工作,答案是可以的,跟原来几乎没什么两样,页脚还是跟原来一样。现在来添加上你的博客版权声明信息和 wp_footer()函数,将 footer.php 中所有代码删除,改成:

<!– Footer –>
<p class=」grid_12 footer clearfix」>
<span class=」float」> 版权所有 &copy; 2010 <?php bloginfo(『name』); ?>
&nbsp;&nbsp;|&nbsp;&nbsp;Powered By <a rel=」external」 title=」WordPress 主页」 class=」link」 href=」http://WordPress.org/」>WordPress</a>
&nbsp;&nbsp;|&nbsp;&nbsp;Design By QwibbleDesigns&nbsp;&nbsp;|&nbsp;&nbsp;
Code By <a href=」https://www.weixiaoduo.com/」>Weixiaoduo</a>
</span>
<a class=」float right」 href=」#」>top</a> </p>
</div>
<!–end wrapper–>
<?php wp_footer(); ?>
</body>
</html>

这里用到了我们上次学到的 bloginfo('name')函数来输出你的博客标题,wp_footer()wp_head()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧:

footer.php 中加入了作者的信息,当然包括我的信息,如果你觉得 Code By Ludou 这几个字特别碍眼,你可以将其删除,但是请不要删除设计师和 WordPress 的信息,毕竟这是对他们最起码的尊重!

好了,footer.php 的制作就这么简单。

最后提供经过本次修改后的 Aurelius 主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较,看看你改得怎么样?