您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress主题制作全之footer.php的制作方法
书雪2023-10-28WordPress教程已有人查阅
导读上节内容我们已经弄好了博客的页头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.php中加入了作者的信息,当然包括我的信息,如果你觉得Code By Ludou这几个字特别碍眼,你可以将其删除,但是请不要删除设计师和WordPress的信息,毕竟这是对他们最起码的尊重!
好了,footer.php的制作就这么简单。
最后提供经过本次修改后的Aurelius主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较,看看你改得怎么样?
在Aurelius主题目录中新建文件footer.php,我们提取出index.php中的页脚代码拷贝到footer.php中(如果以后你制作自己的主题,可以根据需要决定哪些是footer代码):
<!-- Footer -->
<p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong> QwibbleDesigns <strong>Code By</strong> <a href="https:// .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,删掉以上类似代码,改成:
<?php get_footer(); ?>
好,现在打开你的博客主页,看看我们制作的主题是否还可以正常工作,答案是可以的,跟原来几乎没什么两样,页脚还是跟原来一样。现在来添加上你的博客版权声明信息和wp_footer()函数,将footer.php中所有代码删除,改成:
<!-- 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="https:// .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从数据库获取数据的方法实例
一、获取单一数据,在一般sql语句就只返回一个数值时使用。这个函数直接返回值,可以直接使用。
wordpress安装步骤教程
1.下载 新版的 WordPress (这里演示为WordPress 3.5 官方中文版),解压后,将WordPress文件夹里面的所有文件,上传到你的主机空间域名所绑定的根目录。
阿里云怎么搭建wordpress个人博客
原文服务器准备部分去掉了,记录重要部分留作回头整理。备注:一键安装包是需要购买的,本着分享精神分享出来给大家。其他的免费还是去官网下载较新的版本比较好接下来就是重要的部分。
wordpress插件怎么汉化
翻译或者说本地化 WordPress 插件和主题可以让更多的国家和地区的人使用,而 WordPress 对 i18n 的支持使这一切都变得非常简单,插件和主题的作者非常容易就能让人们把他们的插
相关源码
-
(自适应)英文电子芯片电子元件网站pbootcms模板下载基于PbootCMS内核开发的电子元件类企业专用模板,采用响应式设计技术,适配电子元器件、集成电路、半导体等行业的品牌展示与技术文档发布需求。前端布局针对芯片参数表格与产品规格书展示进行深度优化。查看源码 -
(自适应)蓝色环保科技设备带三级栏目网站模板下载该模板为环保科技企业设计,提供专业的产品展示与技术服务平台。采用响应式布局,适配环保设备、清洁技术等应用场景,通过可视化后台可快速搭建符合行业特性的展示网站。查看源码 -
帝国cms7.5女性护肤搭配美妆潮流网站源码带数据4.5G本模板专为女性美容护肤行业设计,提供美容护肤、发型设计、女性健康、时尚化妆、娱乐新闻、服饰搭配等女性潮流资讯内容展示。采用帝国CMS7.5开发,同步生成电脑端和手机端,满足用户对美容时尚信息的获取需求。查看源码 -
(PC+WAP)蓝色智能环保机械设备网站营销型pbootcms模板下载本模板基于PbootCMS系统开发,为环保设备制造企业设计,特别适合展示环保机械、智能装备等产品。采用响应式技术,确保各类设备参数和技术方案在不同终端上都能清晰展示。查看源码 -
(PC+WAP)货物运输快递物流汽车贸易pbootcms模板下载为货运代理、汽车贸易及快递企业设计的全终端适配网站系统,整合运单追踪与车辆展示核心功能模块原生开发的DIV+CSS架构,支持WebP图像压缩技术。查看源码 -
(响应式)轴承机械五金零件产品pbootcms落地推广单页源码下载为轴承、机械零件等工业产品打造的响应式单页模板,基于PbootCMS内核开发,助力企业快速构建专业级产品展示页面。模板采用工业风设计语言,突出产品参数与性能优势,适用于设备制造商、零部件供应商等B2B场景推广。查看源码
| 分享笔记 (共有 篇笔记) |

