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

最新推荐文章于 2025-05-09 10:55:14 发布

转载最新推荐文章于 2025-05-09 10:55:14 发布 · 1.2w 阅读

my blog 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种在WordPress网站上实现一键分享至多个社交平台的方法。通过上传特定的PHP文件和自定义图片，用户可以轻松地将文章链接分享到包括微博、豆瓣等在内的多个社交平台。

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

shareto

修改步骤如下：

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

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

<?php
//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=<?php echo $permalink; ?>&title=<?php echo $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='+'<?php echo $title; ?>'+encodeURIComponent(document.title)+'&url='+encodeURIComponent('<?php echo $permalink; ?>')+'&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=<?php echo $domainurl; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&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=<?php echo $permalink; ?>&title=<?php echo $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=<?php echo $permalink; ?>&title=<?php echo $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=<?php echo $permalink; ?>&title=<?php echo $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=<?php echo $permalink; ?>&title=<?php echo $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=<?php echo $title; ?>&iu=<?php echo $permalink; ?>" 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=<?php echo $permalink; ?>&title=<?php echo $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=<?php echo $title; ?>%20-%20<?php echo $permalink; ?>" 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=<?php echo $permalink; ?>&t=<?php echo $title; ?>" 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">
<?php include(TEMPLATEPATH."/shareto.php");?>
</div>

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

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