• 亦之博客- 最专业的wordpress主题免费收集分享平台,WordPress免费主题应有尽有!http://yizhiboke.com
  • 公告:网站最近做了下固定链接,如有访问却看不到的文章可以在网址后缀加.html.
  • 秀人蜜| 秀人网倾力打造最有视觉效果的美女图片网站——www.xiuren.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏 亦之博客
  • 一秒钟记住我们的网址:www.yizhiboke.com

WordPress主题制作教程(七):制作底部文件-footer.php

WordPress主题制作 admin 2年前 (2017-06-11) 518次浏览 已收录 0个评论 扫描二维码

前面教程(五)我们将所有模板文件公用的头部代码放到一个文件中(header.php),同样的道理,我们的底部信息,像版权申明等也基本上是所有页面公用的,所以我们也将这部分代码提取出来放在一个单独的php文件中。

在我们的主题文件夹content\themes\Aurelius新建一个footer.php文件。

然后用编辑器打开index.php文件将里面的代码:

<!-- 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>  

剪切了,然后粘贴到footer.php中,同样剪切了代码之后,我们需要加载这个footer.php,在index.php文件的最后面添加代码:

<!--?php get_footer(); ?-->  

与get_header()函数对应,这个函数就是加载主题文件夹中的footer.php文件。
接下来将archive.php、contact.php、full_width.php、page.php和single.php中对应的代码也改了。

接下来修改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="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()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是露兜博主更改后的效果:
WordPress主题制作教程(七):制作底部文件-footer.php
下载该文件

转载:阿树工作室-wordpress主题定制,制作教程


喜欢 (4)
[36980974@qq.com]
分享 (0)
admin
关于作者:
网络虽无边,处处皆是缘。君若有空余,不妨常来玩 www.yizhiboke.com
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址