WordPress主题制作课程#7：制作页脚文件footer.php
作者：xlnxin发布时间：2021-04-15分类：WordPress教程浏览：484
前一篇《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 <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">版权所有 © 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="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() 差不多，都是用于提高主题兼容性，因为有很多插件要在页脚输出一些东西才可以正常工作。
下面是更改后的效果：
footer.php 中加入了主题作者的信息，如果觉得 Code By Ludou 这几个字特别碍眼，可以将其删除，但请不要删除设计师和WordPress的信息，保留版权是一种尊重！
到这里，footer.php 文件就制作完成。
完整文件下载：aurelius_footer.zip
教程转自露兜博客
- WordPress教程排行
- 最近发表