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开启AMP 加速移动网页。

    现在随便在Google移动端中搜索,经常会见到一些AMP标识的网页,并且越来越多的网站开始在移动端使用AMP技术,有很多好处,今天我们就说下如何给你的WordPress开启AMP 什么是AMP 在开始之前,我们先为大家介绍下AM...

    2022年10月25日
    026
  • wordpress禁止PC首页访问,不影响蜘蛛抓取的方法。

    今天来分享一个禁止用用户访问,只允许蜘蛛访问的代码方法。 一、wordpress 禁止PC首页访问 不影响蜘蛛抓取的方法 function block_homepage_for_pc() { if ( ! is_admin() && ! is_feed() ) { $user_agen...

    2023年9月4日
    026
  • WordPress文章发布失败或更新失败解决方法。

    最近朋友的WordPress网站出现了一个问题,无法发布文章与修改文章,点击发布后会显示发布失败,修改旧文章或保存草稿则会提示更新失败,所有的内容都无法更新了,经过一番查找才解决,这里分享下方法 方法一:使...

    2022年10月24日 wordpress开发
    024
  • WordPress修改古腾堡编辑器默认宽度方法。

    对于使用WordPress写博客的人,我们使用最多的就是它的编辑器了,新版的古腾堡编辑器为我们提供了许多特色模块 但是它有一个缺点就是编辑器的宽度并不像经典编辑器那样是全宽的,在很多主题中,后台编辑界面和实...

    2022年10月25日
    037
  • WordPress图片设置技巧。

    WordPress本身是很强大的程序,它有很多功能但是并没有一次性将其展现给我们,需要我们自己去研究发现,今天就和大家分享一些WordPress图片设置的技巧 修改WordPress默认图片尺寸 许多人都会忽略WordPress的图片...

    2022年10月25日
    035
  • WordPress升级了 4.9.1 修复4个安全问题和多个Bug

    WordPress 4.9.1已经发布。这是WordPress 3.7以来所有版本的安全和维护版本。我们强烈鼓励您立即更新您的站点。 WordPress版本4.9和更早的版本受到四个安全问题的影响,这些问题可能被作为多向量攻击(multi-vect...

    2017年12月1日
    0193
  • WordPress文章添加表格的6种方法。

    在网站文章上添加表格是非常常见的一件事,尤其是对于很多专业的网站来说,表格是必不可少的,但是问题来了,Wordpress默认编辑器中并没有表格添加功能,该如何添加表格呢? 今天,我们将给大家分享6个方法添加Wo...

    2022年10月25日 wordpress开发
    034
  • 免费的WordPress沙箱测试工具poopy.life。

    相信对于Wordpress使用者来说,测试主题和插件是每个人都会做的事情,但是总是用自己的站点进行测试并不是一个很好的选择,因为每次安装新的东西,可能都会在数据库留下痕迹,而新建站点的话也比较麻烦,就算很熟...

    2022年10月25日 wordpress开发
    021

联系我们

QQ:951076433

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