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; ?>&title=<?php echo $title; ?>&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)+'&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.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; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&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; ?>&title=<?php echo $title; ?>&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; ?>&title=<?php echo $title; ?>&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; ?>&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; ?>&title=<?php echo $title; ?>&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; ?>&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; ?>&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>

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

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

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

wordpress html音乐,给你的WordPress博客文章中插入背景音乐的方法（纯代码，非插件）...
前一段时间,我分享了在WordPress文章日志中插入音频MP3(纯代码,免插件)这篇文件 ,曾介绍过如何在wordpress文章中加入MP3音频,今天要说的和这个基本相同.只不过上个文章中的MP3是 ...
文章马伊琍离婚后微博评论太多了...用代码来解决吧
上周末文章同学的一条微博:"吾愛伊琍,同行半路,一别两宽,餘生漫漫,依然親情守候." 紧接着马伊琍的一条微博:"你我深爱过,努力过,彼此成就过.此情有憾,然无对错.往后, ...
WordPress在博客文章中添加代码片段
我是通过WordPress插件CodeColorer来达到目的的, 安装好CodeColorer后,可以在设置->codecolorer中看到使用方法: [cc lang="编程语言 ...
怎样在公众号文章中添加**报名表
政府或者企业类公众号因为需要想在公众号文章中添加一个**报名表 (如:招聘报名表.参赛报名表等) 不止让用户浏览还需要下载并编辑但是公众号文章编辑页面不能添加可编辑文件给公众号运营者增加了执 ...
美图秀秀想让妹纸留下来分享美图，社交梦能如愿以偿吗？
日前美图秀秀开始内测名为"MT社交圈"的新功能,我受邀参加内测,体验发现这是一款基于图片和短视频内容的社区,用户可以发布图片和短视频两类内容,可以对他人的内容进行点赞.评论和转发, ...
【网页分享到微博、微信、qq空间、qq】
网页分享到微博.微信.qq空间.qq 参考文章实现功能获取当前网址 document.location.href 1.微博分享 2.微信分享 3.qq空间分享 4.qq分享参考文章参考文章实 ...
新浪微博--分享到微博的简单使用
新浪微博分享到微博方法,以下均为新浪微博提供的JS方法(我用的是.net平台) 方法1: 这个方法比较简单,只需要在你想放分享到微博的地方放入一下代码就可以了: <script type= ...
在WordPress文章中插入表格的四种方法，史上最全
https://boke112.com/4553.html/all td, tr {border: 1px solid #000000;text-align: center;padding: 10px ...
利用MySQL语句批量替换指定wordpress文章中的图片路径
天花了很多时间将SAE服务器中的图片下载到本地,然后删掉,但是有一个问题就是,所有文章中的图片路径还是以前的,没有根据域名来.导致下午某些时间段图片都是无法显示的,后来想到用MySQL直接批量替换,执 ...

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

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

最新文章

热门文章