首页 » WordPress » WordPress 主题教程 #7：尾部

WordPress 主题教程 #7：尾部

Denis 2007年06月13日

尾部（footer）是从零开始创建 WordPress 主题系列教程的第七篇，这篇教程将会很简单，去只要在侧边栏下增加个 DIV 标签，然后输入一些版权信息。其实你完全可以不用我说明就能自己去做，可以先自己尝试下，然后返回这里再仔细检查下。

第1步：增加个 DIV 标签

在侧边栏的 DIV 标签下输入以下代码：

<div id=”footer”>
</div>

add-footer.gif

第2步：添加版权信息

把尾部的文本放入段落标签中，你可以输入任何你想要的东西，这里是我的：

<p>
Copyright © 2007 <?php bloginfo(’name’); ?>
</p>

add-footer-text.gif

保存并刷新浏览器，结果如下：

footer.gif

© 用于显示版权符号，还记得在 header 的时候使用的 bloginfo() 函数吗？这里再次使用，“name”是用于调用博客标题，而“url”调用博客的地址。

如果你想你的博客标题成为一个链接，查下头部就知道怎么做了。

原文：link

标签：

分享到：

14 条评论 添加你的评论 →

  • 紫天 2007-06-13 21:24:36 #

    步子有点跟不上了…转了后，慢慢消化。

    有个问题想问….

    丹尼鱼，这个每次发表文章都是自己第一个回复的。这个…
    应该不是插件效果吧。

    支持 反对

  • Denis 2007-06-13 22:01:54 #

    这个是pingback，你把你的blog的pingback功能给关闭了，不然你转载我的文章，我这里会显示的。

    支持 反对

  • chenchen 2007-08-30 23:24:26 #

    似乎我在footer裏面加了，但是我的頁面上體現不出來。

    支持 反对

  • Denis 2007-08-30 23:27:08 #

    @ chenchen，你加了什么？

    支持 反对

  • chenchen 2007-08-30 23:39:51 #

    Copyright © 2007

    在sidebar的最後，加上了這些。

    支持 反对

  • chenchen 2007-08-30 23:42:31 #

    [div id="footer"]
    [p]
    Copyright © 2007
    [p]
    [/div]

    代替[]

    支持 反对

  • Denis 2007-08-30 23:53:28 #

    那是因为你的 HTML 代码完全乱了

    支持 反对

  • 巴士飞扬 2007-09-03 16:46:47 #

    不错的博客，我喜欢你，鱼
    我最爱吃的菜就是－－鱼。哈哈

    支持 反对

  • Y215 2008-06-03 00:49:56 #

    LZ你好，请问底部版权这行字的高低位置要在哪个文件里控制呢？比如说靠底部显示！
    弄好久久都不会哦~~~拜托了！ :oops:

    支持 反对

  • 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就会不显示背景图片，我试了一把，价格空格就可以了。

    支持 反对

    • Denis 2010-01-14 13:01:05 #

      哈哈，还真的是，我的主题基本上都是在 firefox 下测试，基本 IE 我看下布局不乱就可以了！ :-)

      支持 反对

    • J'ayuh 2010-05-21 12:00:20 #

      CSS缩写，url()后面本就应该有个空格嘛。
      这不应该算作IE BUG，最多说IE不是太智能，没有能力分割这个代码。

      支持 反对

发表评论

你必须 登陆 之后才能留言。你可以使用以下方式快速登陆我爱水煮鱼：

使用新浪微博登陆 使用腾讯微博登陆 使用豆瓣登陆

你也可选择直接在本站 注册。