WordPress主题制作(五):制作底部模板footer.php

2022-12-15 14:35:17 浏览数 (1)

上一节我们制作了header,同样的,我们可以把尾部几乎相同的代码写到footer.php中,这样就可以实现整站页尾内容一致,达到简化代码的目的。

首先,新建一个文件footer.php,然后将index.php的尾部代码移动到改文件中

代码语言:javascript复制
<!-- Footer -->
	<p class="grid_12 footer clearfix"><strong>Code By</strong> <a href="https://www.yiiven.cn/">Yiven</a></span> <a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
</body>
</html>

然后再将其他页面的尾部代码修改为

代码语言:javascript复制
<?php get_footer(); ?>

这样我们就把footer.php制作完成了。

当然,我们也可以按照自己的需求,对footer.php进行相应的修改。比如加上版权信息

代码语言:javascript复制
<!-- 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>
		Code By <a href="https://www.yiiven.cn/">Ludou</a>
	</span> 
	<a class="float right" href="#">top</a> </p>
</div>
<!--end wrapper-->
<?php wp_footer(); ?>
</body>
</html>

WordPress主题: 6 / 14

  • WordPress主题制作:开始前的准备
  • WordPress主题制作(一):主题文件结构
  • WordPress主题制作(二):模板和模板文件
  • WordPress主题制作(三):牛刀小试
  • WordPress主题制作(四):制作头部模板header.php
  • WordPress主题制作(五):制作底部模板footer.php
  • WordPress主题制作(六):制作侧边栏模板sidebar.php
  • WordPress主题制作(七):制作基础模板Index.php
  • WordPress主题制作(八):制作文章单页模板single.php
  • 计划: WordPress主题制作(九):制作评论区模板comments.php
  • 计划: WordPress主题制作(十):制作单页(非文章)模板page.php
  • 计划: WordPress主题制作(十一):制作静态首页front-page.php
  • 计划: WordPress主题制作(十二):创建您自己的小工具
  • 计划: WordPress主题制作(十三):创建后台主题选项

本文采用 「CC BY-NC-SA 4.0」创作共享协议,转载请标注以下信息:

原文出处:Yiiven https://cloud.tencent.com/developer/article/2193198

0 人点赞