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;

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

21条评论

  1. ERIC says:

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

  2. 5key says:

    哈哈。。。

    WP搞定了没

  3. kevin says:

    例子不好 案例老给我一种误解 加了饭否的插件后会被挂马

  4. 5key says:

    我汗~~ 为了不让饭否蒙冤,我换了。

  5. Denis says:

    其实采用读取 RSS 然后显示的方法更好,哈哈!

  6. 大猫 says:

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

  7. banlon says:

    这样的副标题会不会影响网站的搜索引擎排名?

  8. 5key says:

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

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

  9. 生活笔谈 says:

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

  10. lanker says:

    5key,你还是放弃了LBS,关注你的WP.

  11. 5key says:

    呵呵。LBS确实不错,可惜了。
    感谢关注:)

  12. aw says:

    辞职了?来和我一起做The enhancing spring吧,哈哈哈

  13. 5key says:

    哈哈。。等我把手上几个搞定先~

  14. 兔子 says:

    5key 什么时候帮我也做一个哈!

  15. vsky says:

    体验了一段时间的SNS,可是很快就到了我的疲劳期,呵呵~

  16. maius says:

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

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

  17. 5key says:

    找到

    替换即可 :)

  18. java says:

    这方法不错,很有个性!

  19. maius says:

    找到…?
    就是…么?
    我没找到这个东西啊。。

  20. Bryancat says:

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

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

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>