WordPress 实战：在wordpress文章中加入分享到微博及社交网站的按钮（代码实现，非插件）

随着现在微博和一些社交网站的流行，为了便于网站中文章的分享和转载，很多站长在自己的网站中都加入了分享按钮，轻轻一点，文章自动转发到你想要发布的网站上，确实很方便。我的妍熙饭yanxifan.com近日也弄了一个，感觉效果不错。所以把方法分享出来。大家可以看一下文章下面的分享效果。在wordpress中，其实有很多插件可以实现该功能，但插件毕竟是插件，总有出问题的时候，所以我们还是推荐用代码的方法来实现。具体的方法请看下文：

在wordpress文章中加入分享到微博及社交网站的按钮的方法：

一、将分享按钮的图片包下载并上传到你的网站，路径可以自定义。点击这里下载

二、新建一个名为shareto.php的文件，将下面的代码复制进去后，上传到你的主题目录下
请注意：以下代码中的网站信息和图片的地址都是我网站的，请改为你自己网站的上传路径的

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

<?php $permalink = urlencode (get_permalink ( $post -> ID ) ) ; $title = urlencode ( $post -> post_title ) ; $title = str_replace ( '+' , '%20' , $title ) ; //$title = $title+"%20@iostoy%20"; $sitename = "妍熙饭" ; $domainurl = "http://www.yanxifan.com/" ; ?> <h3>我要分享到：</h3> <ul>     <li><a title="新浪微博" rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?url= <?php echo $permalink ; ?>&amp;title= <?php echo $title ; ?>&amp;content=utf-8" target="_blank"><img title="新浪微博" src="http://www.yanxifan.com/images/bookmark/sina.png" alt="新浪微博" /></a></li>     <li><a title="腾讯微博" rel="nofollow" target="_blank" href="javascript:window.open('http://v.t.qq.com/share/share.php?title='+' <?php echo $title ; ?>'+encodeURIComponent(document.title)+'&amp;url='+encodeURIComponent(' <?php echo $permalink ; ?>')+'&amp;jumpback=2&amp;noui=1','favit','width=700,height=546,left=50,top=50,toolbar=no,menubar=no,location=no,scrollbars=yes,status=yes,resizable=yes');void(0)" >         <img title="腾讯微博" src="http://www.yanxifan.com/images/bookmark/tqq.png" alt="腾讯微博" />     </a></li>     <li><a title="网易微博" rel="nofollow" href="http://t.163.com/share/popup?sourceUrl= <?php echo $domainurl ; ?>&amp;source= <?php echo $sitename ; ?>&amp;title= <?php echo $title ; ?>&amp;link=%20 <?php echo $permalink ; ?>&amp;content=utf-8" target="_blank"><img title="网易微博" src="http://www.yanxifan.com/images/bookmark/t163.png" alt="网易微博" /></a></li>     <li><a title="鲜果" rel="nofollow" href="http://www.xianguo.com/service/submitdigg/?link= <?php echo $permalink ; ?>&amp;title= <?php echo $title ; ?>&amp;content=utf-8" target="_blank"><img title="鲜果" src="http://www.yanxifan.com/images/bookmark/xianguo.png" alt="鲜果" /></a></li>     <li><a title="豆瓣" rel="nofollow" href="http://www.douban.com/recommend/?url= <?php echo $permalink ; ?>&amp;title= <?php echo $title ; ?>&amp;n=1" target="_blank"><img title="九点" src="http://www.yanxifan.com/images/bookmark/douban9.png" alt="九点" /></a></li>     <li><a title="人人" rel="nofollow" href="http://share.renren.com/share/buttonshare.do?link= <?php echo $permalink ; ?>&amp;title= <?php echo $title ; ?>" target="_blank"><img title="人人" src="http://www.yanxifan.com/images/bookmark/renren.png" alt="人人" /></a></li>       <li><a title="抽屉" rel="nofollow" href="http://dig.chouti.com/digg.action?newsURL= <?php echo $permalink ; ?>&amp;title= <?php echo $title ; ?>&amp;content=utf-8" target="_blank"><img title="抽屉" src="http://www.yanxifan.com/images/bookmark/chouti.png" alt="抽屉" /></a></li>     <li><a title="百度搜藏" rel="nofollow" href="http://cang.baidu.com/do/add?it= <?php echo $title ; ?>&amp;iu= <?php echo $permalink ; ?>" target="_blank"><img title="百度搜藏" src="http://www.yanxifan.com/images/bookmark/baidu.png" alt="百度搜藏" /></a></li>       <li><a title="Twitter" rel="nofollow" href="http://twitter.com/home?status= <?php echo $title ; ?>%20-%20 <?php echo $permalink ; ?>" target="_blank"><img title="Twitter" src="http://www.yanxifan.com/images/bookmark/twitter.png" alt="Twitter" /></a></li>     <li><a title="Facebook" rel="nofollow" href="http://www.facebook.com/share.php?u= <?php echo $permalink ; ?>&amp;t= <?php echo $title ; ?>" target="_blank"><img title="Facebook" src="http://www.yanxifan.com/images/bookmark/facebook.png" alt="Facebook" /></a></li> </ul>

三、修改你的主题的CSS样式文件,在你主题的style.css最后加上以下样式代码

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

/************************************************ *   shareto                                 * ************************************************/ #share {         -moz-border-radius : 5px 5px 5px 5px ;         -webkit-border-radius : 5px ;         float : left ; }   #share li   {         float : left ;         margin : 6px 0 0 5px ;         padding : 4px 0 4px 8px ;         list-style-type : none ;         background : none ; }

四、修改你的日志文件single.php。把以下代码加到你想放的位置

1 2 3

<div id="share"> <?php include(TEMPLATEPATH."/shareto.php");?> </div>

五、完成以上几步后请刷新你的文章页面查看效果。

好了，是不是很简单呢，而且效果也很不错，需要此功能的朋友们可以马上去试试看。如有不明白的请留言