WordPress 主题教程 #7:尾部
2007年06月13日
尾部(footer)是从零开始创建 WordPress 主题系列教程的第七篇,这篇教程将会很简单,去只要在侧边栏下增加个 DIV 标签,然后输入一些版权信息。其实你完全可以不用我说明就能自己去做,可以先自己尝试下,然后返回这里再仔细检查下。
第1步:增加个 DIV 标签
在侧边栏的 DIV 标签下输入以下代码:
<div id=”footer”>
</div>

第2步:添加版权信息
把尾部的文本放入段落标签中,你可以输入任何你想要的东西,这里是我的:
<p>
Copyright © 2007 <?php bloginfo(’name’); ?>
</p>

保存并刷新浏览器,结果如下:

© 用于显示版权符号,还记得在 header 的时候使用的 bloginfo() 函数吗?这里再次使用,“name”是用于调用博客标题,而“url”调用博客的地址。
如果你想你的博客标题成为一个链接,查下头部就知道怎么做了。
WordPress 主题教程
- WordPress 主题教程:从零开始制作 WordPress 主题
- WordPress 主题教程 #1:介绍
- WordPress 主题教程 #2:模板文件和模板
- WordPress 主题教程 #3:开始 Index.php
- WordPress 主题教程 #4a:Header 模板
- WordPress 主题教程 #4b:Header 模板 2
- WordPress 主题教程 #5:主循环
- WordPress 主题教程 #5b:日志内容
- WordPress 主题教程 #5c:日志元数据
- WordPress 主题教程 #5d:Else,日志 ID,链接标题
- WordPress 主题教程 #5e:日志导航链接
- WordPress 主题教程 #6:侧边栏
- WordPress 主题教程 #6b:页面链接列表
- WordPress 主题教程 #6c:存档和链接列表
- WordPress 主题教程 #6d:搜索框和日历
- WordPress 主题教程 #6e:窗体化侧边栏
- WordPress 主题教程 #7:尾部
- WordPress 主题教程 #8:验证 XHTML
- WordPress 主题教程 #9:Style.css 和 CSS 介绍
- WordPress 主题教程 #10:十六进制颜色代码和样式化链接
- WordPress 主题教程 #11:宽度和布局
- WordPress 主题教程 #12:日志样式化和其他杂项
- WordPress 主题教程 #13:样式化侧边栏
- WordPress 主题教程 #14:底部和拆分 Index
- WordPress 主题教程 #15:子模板文件
- WordPress 主题教程 #16:留言模板
- erdaoo 的 WP Theme 教程学习笔记
- WordPress 主题教程电子书下载
翻译自:http://www.wpdesigner.com/2007/03/07/wp-theme-lesson-7-footer/,并根据中文习惯和个人理解做了修改!
12 条评论 添加你的评论 →

1. 紫天 | 2007:06:13 - 21:24:36 | #
步子有点跟不上了…转了后,慢慢消化。
有个问题想问….
丹尼鱼,这个每次发表文章都是自己第一个回复的。这个…
应该不是插件效果吧。
2. Denis | 2007:06:13 - 22:01:54 | #
这个是pingback,你把你的blog的pingback功能给关闭了,不然你转载我的文章,我这里会显示的。
3. chenchen | 2007:08:30 - 23:24:26 | #
似乎我在footer裏面加了,但是我的頁面上體現不出來。
4. Denis | 2007:08:30 - 23:27:08 | #
@ chenchen,你加了什么?
5. chenchen | 2007:08:30 - 23:39:51 | #
Copyright © 2007
在sidebar的最後,加上了這些。
6. chenchen | 2007:08:30 - 23:42:31 | #
[div id="footer"]
[p]
Copyright © 2007
[p]
[/div]
代替[]
7. Denis | 2007:08:30 - 23:53:28 | #
那是因为你的 HTML 代码完全乱了
8. 巴士飞扬 | 2007:09:03 - 16:46:47 | #
不错的博客,我喜欢你,鱼
我最爱吃的菜就是--鱼。哈哈
9. 胡戈戈 | 2008:01:31 - 10:52:04 | #
鱼是肉啊,不是菜
10. Y215 | 2008:06:03 - 00:49:56 | #
LZ你好,请问底部版权这行字的高低位置要在哪个文件里控制呢?比如说靠底部显示!
弄好久久都不会哦~~~拜托了!
11. lovecrock | 2010:01:14 - 09:46:13 | #
我也一直喜欢水煮鱼的这款blixed,一直搜藏着,最近用了你最新的CSS,发现在IE下,侧边栏的标签的背景图片不见了,上网查了一下,是因为IE的一个bug造成的,
background:url(images/spring_flavour/post_yellow.gif)no-repeat left center;
url()后面没有空格的话,IE就会不显示背景图片,我试了一把,价格空格就可以了。
12. Denis | 2010:01:14 - 13:01:05 | #
哈哈,还真的是,我的主题基本上都是在 firefox 下测试,基本 IE 我看下布局不乱就可以了!