给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!
  • 3 Responses to “给wordpress加上收藏分享bookmark图标(非插件)”

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

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

      [回复]

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

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

      [回复]

    2. apollools 说:

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

      [回复]

    写下你的评论