为 WordPress 添加分享到社交网站按钮(非插件)

相关代码和图片打包下载:

shareto

修改步骤如下：

零 : 把下载好的images下面的图标文件上传到你的空间中。

一 ：把写好的 shareto.php 上传到你的主题目录，然后把其中的图片的地址改为你自己上传的 如: /wp-content/themes/你的主题名字/ 下面:

//shareto.php
$permalink = urlencode(get_permalink($post->ID));
$title = urlencode($post->post_title);
$title = str_replace('+','%20',$title);

$sitename="cngump";
$domainurl="http://www.cngump.com/";
//把下面的图片url替换成自己的空间的url
?>

<h3>我要分享到：h3>
<ul>
    <li><a title="新浪微博" rel="nofollow" href="http://v.t.sina.com.cn/share/share.php?url=&title=&content=utf-8" target="_blank"><img title="新浪微博" src="http://www.cngump.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='+''+encodeURIComponent(document.title)+'&url='+encodeURIComponent('')+'&jumpback=2&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.cngump.com/images/bookmark/tqq.png" alt="腾讯微博" />
    a>li>
    <li><a title="网易微博" rel="nofollow" href="http://t.163.com/share/popup?sourceUrl=&source=&title=&link=%20&content=utf-8" target="_blank"><img title="网易微博" src="http://www.cngump.com/images/bookmark/t163.png" alt="网易微博" />a>li>
    <li><a title="鲜果" rel="nofollow" href="http://www.xianguo.com/service/submitdigg/?link=&title=&content=utf-8" target="_blank"><img title="鲜果" src="http://www.cngump.com/images/bookmark/xianguo.png" alt="鲜果" />a>li>
    <li><a title="九点" rel="nofollow" href="http://www.douban.com/recommend/?url=&title=&n=1" target="_blank"><img title="九点" src="http://www.cngump.com/images/bookmark/douban9.png" alt="九点" />a>li>
    <li><a title="人人" rel="nofollow" href="http://share.renren.com/share/buttonshare.do?link=&title=" target="_blank"><img title="人人" src="http://www.cngump.com/images/bookmark/renren.png" alt="人人" />a>li>
    <li><a title="抽屉" rel="nofollow" href="http://dig.chouti.com/digg.action?newsURL=&title=&content=utf-8" target="_blank"><img title="抽屉" src="http://www.cngump.com/images/bookmark/chouti.png" alt="抽屉" />a>li>
    <li><a title="百度搜藏" rel="nofollow" href="http://cang.baidu.com/do/add?it=&iu=" target="_blank"><img title="百度搜藏" src="http://www.cngump.com/images/bookmark/baidu.png" alt="百度搜藏" />a>li>
    <li><a title="Follow5" rel="nofollow" href="http://www.follow5.com/f5/discuz/sharelogin.jsp?url=&title=&content=utf-8" target="_blank"><img title="Follow5" src="http://www.cngump.com/images/bookmark/f5.png" alt="Follow5" />a>li>
    <li><a title="Twitter" rel="nofollow" href="http://twitter.com/home?status=%20-%20" target="_blank"><img title="Twitter" src="http://www.cngump.com/images/bookmark/twitter.png" alt="Twitter" />a>li>
    <li><a title="Facebook" rel="nofollow" href="http://www.facebook.com/share.php?u=&t=" target="_blank"><img title="Facebook" src="http://www.cngump.com/images/bookmark/facebook.png" alt="Facebook" />a>li>
ul>

根据你的图片路径在文中修改相应的img的url即可

二. 修改你的主题样式文件,在style.css最后加上以下样式，如：/wp-content/themes/你的主题名字/sytle.css

/************************************************
*   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;
}

三. 修改单编日志页面的index.php（main index template），有的主题是single.php。把以下代码加到你想放的位置。

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

四. 刷新文章页面看看效果和测试。

文章转自：http://www.cngump.com/2011/03/wordpress_share_to/