文本是《wordpress主题完整开发系列(共30篇)》专题的第 20 篇。阅读本文前,建议先阅读前面的文章:
- 1.S9社区专题之wordpress主题完整开发系列
- 2.如何轻松学会主题开发:实用案例分享
- 3.深入解析如何优化网页加载速度 – 最佳实践:优化 CSS 和 JavaScript 文件
- 4.让你的WordPress主题更强大!优化functions.php
- 5.如何使用条件标签函数打造智能化网站
- 6.定制专属您网站需求的文章类型和分类法
- 7.让你的网站更高效:如何利用模板循环技术来提升用户体验
- 8.从入门到精通:掌握模版文件继承规则
- 9.想要制作网站?了解模板文件吧!
- 10.如何避免模版文件包含漏洞?学习防御技巧
- 11.引领主题基础-打造精彩文章
- 12.打造高效开发环境,从设置开始
- 13.从零开始制作主题:主题开发入门
- 14.「必知!SEO优化中如何巧妙运用模板标签」
- 15.教你轻松制作自己的WordPress主题之制作page.php
- 16.「打造绝佳用户体验:WordPress comments.php主题制作教程」
- 17.\”WordPress主题制作全过程:如何制作一个完美的single.php页面\”
- 18.《详解WordPress主题制作(八):从零开始制作自己的index.php页面》
- 19.《最全面的WordPress主题制作教程(7):制作sidebar.php》
上节内容我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性,Aurelius主题目录中的所有页面的页脚代码几乎都是一样的,我们就把这些代码提取出来放到footer.php。
在Aurelius主题目录中新建文件footer.php,我们提取出index.php中的页脚代码拷贝到footer.php中(如果以后你制作自己的主题,可以根据需要决定哪些是footer代码):
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=“http://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,删掉以上类似代码,改成:
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主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较,看看你改得怎么样?
您已阅读完《wordpress主题完整开发系列(共30篇)》专题的第 20 篇。请继续阅读该专题下面的文章:
- 21.学习WordPress主题制作(五):打造独一无二的header.php文件
- 22.WordPress主题制作全记录(四):实践篇,零基础开始小试牛刀
- 23.《打造个性化WordPress主题(三):HTML静态模板制作详解》
- 24.打造个性博客,从WordPress主题制作开始——主题文件构成
- 25.全面解析WordPress主题制作流程(一):基础准备
- 26.如何优化WordPress主题首页模板?探究front-page.php、home.php、page.php、index.php的调用顺序
- 27.\”掌握WordPress函数load-{$variable} action的技巧\”
- 28.WordPress SEO技巧:如何设置最佳Keywords和Description
- 29.如何在WordPress中限制搜索结果- 排除或指定特定文章、页面和分类
- 30.解决 WordPress Gravatar 头像无法访问的方法-轻松解决头像加载问题