跳到主要内容

网站制作主题制作底部文件-footer.php

我们将所有模板文件公用的头部代码放到一个文件中(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&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>   
</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">版权所有 &copy; 2010 <?php bloginfo('name'); ?>   
        &nbsp;&nbsp;|&nbsp;&nbsp;Powered By <a rel="external" title="WordPress主页" class="link" href="http://wordpress.org/">WordPress</a>   

 
        &nbsp;&nbsp;|&nbsp;&nbsp;Design By QwibbleDesigns&nbsp;&nbsp;|&nbsp;&nbsp;   
        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()差不多,都是用于提高你的主题兼容性,毕竟有很多插件要在页脚输出一些东西才能正常工作。现在你的页脚应该是有模有样了吧,下面是露兜博主更改后的效果:

好了,footer.php文件里面的代码可以自由发挥…自由修改…

当然,这些修改还是非常简单的

本文来源:Wordpress主题制作教程 www.ashuwp.com/courses/simple/98.html

返回顶部