WordPress主题制作课程#7：制作页脚文件footer.php

WordPress教程 3606

前一篇《WordPress主题制作课程#6：制作头部文件header.php》中的介绍已经制作完成 header.php 文件，这里将介绍如何制作wordpress主题的页脚文件footer.php。footer.php文件和header.php文件的制作目的差不多，因为网站所有页面底部内容相同，制作 footer.php 就是为了代码的重复使用从而精简代码。

接着上一篇教程中创建的主题目录 wp-content\themes\Aurelius ，在该目录下新建一个 php文件 footer.php，提取 index.php 文件中的页脚代码复制粘帖到 footer.php 文件中：

1
2
3
4
5
6

<!-- 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="#">主题作者</a></span> <a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
</body>
</html>

提示：每个网页的代码都不相同，当独立制作自己的wordpress主题时，请根据具体需要选择哪些代码放到footer.php文件中。

再用文本编辑器notepad++打开 index.php、archive.php、contact.php、full_width.php、page.php 和 single.php，删掉以上类似代码，改成：

1

<?php get_footer(); ?>

保存文件后，打开博客首页，看看制作的主题是否可以正常工作，答案当然还是可以的，而且和原来的一模一样。

直接添加博客版权声明信息以及 wp_footer() 函数，将footer.php中所有代码删除，改成：

1
2
3
4
5
6
7
8
9
10
11
12
13

<!-- 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="http://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主题制作课程#7：制作页脚文件footer.php

footer.php 中加入了主题作者的信息，如果觉得 Code By Ludou 这几个字特别碍眼，可以将其删除，但请不要删除设计师和WordPress的信息，保留版权是一种尊重！

到这里，footer.php 文件就制作完成。

完整文件下载：aurelius_footer.zip

教程转自露兜博客

精品推荐：