给wordpress加上收藏分享bookmark图标(非插件)

分类: wordpress, 插件 |
发表于

以前是用中文版share-this插件来实现的,

效果是:

sharethis插件

后来发现还是在单页文章下面列出一排漂亮的收藏分享图标比较爽

于是就搞了这个东东,和我有一样想法的继续看

1:下载这个东西:bookmark.rar 解压后把里面的东西上传到/wp-content/themes/“你当前使用的主题对应的文件夹”/

2:然后在后台的“外观”–>“主题编辑器”里修改你当前模板的CSS 样式表 (style.css)文件,在此文件里加入下面代码:
#post-info {
border:1px solid #CDCDCD;
float:left;
list-style:none;
margin:0 20px;
*margin:0 10px;
padding:5px;
width:558px;
}
#post-info ul {
margin:0px;
padding:0 15px;
}
#post-info li {
list-style:none;
padding-left:12px;
*padding-left:0px;
}
#post-info img {
margin:0px;
}
#post-info a img {
border:2px solid #CDCDCD;
}
#post-info a:hover img {
border:2px solid #0085CF;
}

3:然后修改你的模板在你想要显示收藏分享图标的地方加入下面代码就可以了~

<div id=”post-info”>
<li>标签 : </font><?php the_tags(”, ‘ , ‘ , ”); ?></li>
<li>原文链接 : </font><a href=”<?php the_permalink() ?>”><?php the_permalink() ?></a></li>
<li>转载原创文章请注明 : </font><a href=”<?php bloginfo(’url’);?>” target=”_blank”><?php bloginfo(’name’);?></a></li>
<li><?php include (TEMPLATEPATH . ‘/bookmark.php’); ?></li>
</div>

效果是这样的:

分享收藏图标

声明这个东东我是在别人的模板里拿过来用的,并不是自己做的~

而且这个方法和那些一直提供插件的比麻烦很多,所以大家闲麻烦可以用插件来解决分享收藏的问题。

Tags: ,

相关日志

  • 标签 :  ,
  • 原文链接 : http://www.lidiy.com/wordpress-share-collect-method.html
  • 转载原创文章请注明 : Lidiy’s blog
  • 收藏到 : Google书签 新浪ViVi 365Key网摘 天极网摘 我摘 POCO网摘 博采网摘 YouNote网摘 和讯网摘 博拉网 igooi网摘 I2Key网摘 天下图摘 百特门网摘 Del.icio.us Yahoo书签 奇贴 QQ娱乐摘 添加到Digg! 添加到Facebook!
  • 18 Responses to “给wordpress加上收藏分享bookmark图标(非插件)”

    1. ...... zEUS. 说:

      不过样式和主题还不是很兼容,大框框整体过于居右了…

      [回复]

      ankey 在 07月 2, 2008 7:54 am回复您:

      是啊啊这就是从你的一个主题里拿出来的呵呵~

      [回复]

    2. apollools 说:

      不是插件最好,速度快!现在最怕被插进来个js~

      [回复]

    3. ...... zhaojian 说:

      你好你好,为什么放到我的博客上之后那些图标都读不出来呢?而且上面的几个链接都指向的不对,比如我的站点www.zhaojiansky.cn,他指向www.zhaojiansky.cn/”my 。
      这个应用很好,很想安装,期待解答。我的QQ277297429

      [回复]

      ankey 在 12月 5, 2008 7:00 pm回复您:

      应该不会,如果图标都不显示,你看看你下载的bookmark.rar,是不是把 解压后把里面的东西上传到/wp-content/themes/“你当前使用的主题对应的文件夹了~

      [回复]

    4. ...... 大学生乱弹琴 说:

      有时间尝试一下!谢谢谢谢分享

      [回复]

    5. ...... 愉快 说:

      你好你好,我使用这个方法
      其他的都能正常显示,就是最下面一排图标显示不出来,请问你还知道为什么啊啊?

      [回复]

      愉快 在 01月 16, 2009 3:34 pm回复您:

      我存放的文件夹也都正确,就是最后一排图标不能显示

      [回复]

      lidiy 在 01月 16, 2009 3:38 pm回复您:

      我觉得你还是图片放的位置不对
      是要放在你当前使用的主题下面的~!
      你再试试

      [回复]

      愉快 在 01月 16, 2009 3:39 pm回复您:

      我重新复制了一遍,又可以了.谢谢谢谢

      [回复]

      愉快 在 01月 16, 2009 3:42 pm回复您:

      是单引号的问题,应该英文状态下双引号那个键上的’
      不是Tab上面那个键上的`
      一个是竖着,一个是斜着,导致不能调用

    6. ...... YIMO 说:

      谢谢谢谢博主,应用了!呵呵

      [回复]

    7. ...... Yangtx 说:

      酷!感谢分享!

      [回复]

    8. ...... 懒懒 说:

      刚开了自己的博客,一直找适合的插件,如果可以的话,想转载下几篇插件文章,作为备忘,我会加上链接的,^_^

      [回复]

    9. ...... 哈根达斯月饼 说:

      加上这个代码博客显得会专业一点。

      [回复]

    10. ...... ccc 说:

      支持下你~~

      [回复]

    11. ...... 日本 说:

      支持下你

      [回复]

    12. ...... Aniway 说:

      支持一下 我已经安装上了。博主可以自己修改一下样式表啊啊,你那个都跑右边去了。

      [回复]

    写下你的评论