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

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

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

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

  1.   <!-- Footer -->   
  2.     <p class="grid_12 footer clearfix"> <span class="float"><strong>Design By</strong> QwibbleDesigns&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Code By</strong> <a href="http://www.ludou.org/">Ludou</a></span> <a class="float right" href="#">top</a> </p>   
  3. </div>   
  4. <!--end wrapper-->   
  5. </body>   
  6. </html>  

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

  1. <?php get_footer(); ?>  

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

接下来修改footer.php文件,将里面的代码替换成:

  1. <!-- Footer -->   
  2.     <p class="grid_12 footer clearfix">    
  3.     <span class="float">版权所有 &copy; 2010 <?php bloginfo('name'); ?>   
  4.         &nbsp;&nbsp;|&nbsp;&nbsp;Powered By <a rel="external" title="WordPress主页" class="link" href="http://wordpress.org/">WordPress</a>   
  5.         &nbsp;&nbsp;|&nbsp;&nbsp;Design By QwibbleDesigns&nbsp;&nbsp;|&nbsp;&nbsp;   
  6.         Code By <a href="http://www.ludou.org/">Ludou</a>   
  7.     </span>    
  8.     <a class="float right" href="#">top</a> </p>   
  9. </div>   
  10. <!--end wrapper-->   
  11. <?php wp_footer(); ?>   
  12. </body>   
  13. </html>  

这里用到了我们上次学到的bloginfo('name')函数来输出你的博客标题,wp_footer()和wp_head()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是露兜博主更改后的效果:

底部信息示意图

好了,footer.php文件里面的代码可以自由发挥。。自由修改。。
下面提供露兜博主此次修改后的文件:
下载该文件

已有0评论

暂时木有评论.

发表评论