前一篇《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
教程转自露兜博客
原创文章,作者:jamestackk,如若转载,请注明出处:https://blog.ytso.com/248092.html