WordPress主题制作全过程(六):制作footer.php

上篇内容《WordPress主题制作全过程(五):制作header.php》我们已经弄好了博客的页头header.php,今天我们就一起来制作页脚footer.php。footer.php与header.php差不多,写这个文件的目的也是为了精简代码,提高代码的重用性,Aurelius主题目录中的所有页面的页脚代码几乎都是一样的,我们就把这些代码提取出来放到footer.php。

在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://www.cwhello.com/">重蔚自留地</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">版权所有 © 2023 <?php bloginfo('name');?>
          |  Powered By <a rel="external" title="重蔚自留地" class="link" href="http://wordpress.org/">WordPress</a>
          |  Design By QwibbleDesigns  |  
        Code By <a href="https://www.cwhello.com/">重蔚自留地</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主题文件,你可以用文本编辑器打开看看,跟你修改的文件比较比较,看看你改得怎么样?

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/263622.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2022年5月14日 08:27
下一篇 2022年5月15日 01:46

相关推荐

  • WordPress设置留言嵌套层级方法。

    wordpress可以在同一条留言中进行嵌套评论,不过默认情况下最多只能嵌套5条评论,当你想直接对第5层级的留言进行回复时,会发现没有回复按钮了,想要继续以嵌套的形式进行回复,就要增加嵌套的层级,下面我们就教大…

    2022年10月25日
    022
  • WordPress常用的函数、方法汇总

    选择使用 WordPress来搭建博客,主要原因便在于 WordPress有较高的流行度,还有各种围绕其进行的开发的扩展功能应有尽有,基本上可以说我们在博客建设中所需的任何功能,都已有人想到并得到实现,让你不必在博客具…

    2019年5月14日
    0340
  • Word发布Wordpress博客文章

    Office作为我们的常用办公软件,也能实现离线发布Wordpress博客的功能,既方便又快捷,还能解决了Wordpress本身编辑器不够强大的问题,利用Office word2013的编辑功能让文章更具有用户体验。 # 软件准备 Word软件一…

    2024年6月28日 wordpress开发
    04
  • WordPress图片懒加载设置。

    WordPress网站中图片一直是优化的重点,除了要做好图像基本的优化外(比如图片裁切、图片压缩),还有一个关键点就是在网页中的优化,图片懒加载就是一个非常流行的方法,能够有效的提升网站速度,今天我们就教大家如…

    2022年10月24日
    016
  • Simple Slug Translate 把WordPress固定链接自动翻译成英文。

    默认情况下, 如果你在固定链接中添加了文章名, WordPress就会使用标题中文作为固定链接,如果想要使用英文的URL,就需要手动更改链接地址,但是有时候我们就是懒得弄这些,该怎么办呢? 今天为大家介绍一款插件 – …

    2022年10月24日 wordpress开发
    023
  • wordpress自定义字段(1):什么是自定义字段?

    在本文开篇前,我们得首先了解一个概念——wordpress自定义字段。那么,什么是wordpress自定义字段?wordpress自定义字段,就是额外给wordpress文章添加的一个元素,如:产品价格。wordpress自定义字段存放在数据库的…

    2019年10月12日
    0628
  • wordpress更换域名后文章图片不显示的解决方法

    原先搭建网站的时候忘记在域名前面加www.了。于是昨天把域名在前面改成了http://www.cwhello.com之后博客内容的图片就不显示了,看到图片的链接还是http://cwhello.com。于是又是改七牛那边的操作,又是改博客本地…

    2015年12月4日
    0419
  • 关于怎样在WordPress上注册和管理账户。

    在WordPress上注册账户,需填写邮箱、用户名和密码等信息。管理账户可通过登录后台进行,包括编辑资料、更改密码等操作。 WordPress是一个开源的内容管理系统,它允许用户创建和管理自己的网站,在WordPress上注册…

    2024年7月20日
    00

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息