Blog > 互联网产品设计 > WordPress与饭否

WordPress与饭否

很多朋友都会将饭否信息加在blog上。但大多都是放在侧边栏中。其实选择Wordpress的朋友可以将更新信息放到博客Logo下的description标签中。就像下面的“第一次被挂马了……”不过我们在这里只更新一条。

饭否与wordpress

方法其实很简单:

首页,登录反否,点击【插件】->【Javascript插件】。复制【1、你的消息】下的JS代码(当然你也可以选择好友的消息)

以5key的为例,记得这里的fanfou_count=修改为1。

Wordpress与饭否

接下来我们修改wordpress的主题,代开header.php文件,找到,用上面代码段将其替换。

功能我们已经实现了,可是饭否的logo以及更多链接影响了美观。

饭否与wordpress

没关系,来调整一下CSS就行了。打开CSS文件,找到.description。增加代码段,限制高度,将多余的部分隐藏起来。

height:15px;
overflow:hidden;

现在你可以更新一下自己的反否试试了。有问题给我留言 :)

  1. 这个在我的老博客也是这么做的。。。呵呵,http://eric.yamodo.cn

  2. 呃,一般这种带广告的外挂,我都是查看ID或class然后display:hidden的
    比如google的分享列表比如饭否比如mybloglog哈

  3. 在搜索引擎看的只是一段js。如果想为搜索引擎保留副标题。可以在

    中加上个span。加上真正的副标题。然后通过css将span隐藏起来不显示。

  4. height:15px;
    这样似乎就限制了在饭否上的信息必须控制在1行,超过就不行了歪!
    嘿嘿!不过这个设想太酷了!

  5. “接下来我们修改wordpress的主题,代开header.php文件,找到,用上面代码段将其替换。”

    弱弱地问一句:饭否的js替换header.php里的哪一部分啊?

  6. 你好我在css里边找不到.description,我需要怎么样改变css的代码使得多余的部分隐藏呢? 非常期待你的帮助。谢谢

  7. Pingback: 话桑麻 » 饭否to副标题