wordpress博客添加微博、微信分享等等

最新推荐文章于 2022-01-23 18:55:09 发布

割麦子的羽泉

最新推荐文章于 2022-01-23 18:55:09 发布

阅读量5.3k

点赞数

分类专栏： web前端文章标签： wordpress

web前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

参考：

http://icyou.org/1185

http://icyou.org/385

在使用WordPress过程中，有时为了方便阅读着分享到主流的社交网站或微薄，需要在文章旁边添加一些分享按钮。

修改步骤如下：

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

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

<?php
//shareto.php
$permalink = urlencode(get_permalink($post->ID));
$title = urlencode($post->post_title);
$title = str_replace(‘+’,’%20′,$title);

$sitename=”jimlung”;

$domainurl=”http://icyou.org/”;
//把下面的图片url替换成自己的空间的url
?>

<div>
<span>我要分享到：</span>
<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=”images/sina.png” alt=”新浪微博” /></a>
<a title=”QQ空间” rel=”nofollow” href=”http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&content=utf-8″ target=”_blank”><img title=”QQ空间” src=”images/qq.png” alt=”QQ空间” /></a>
<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=”images/tqq.png” alt=”腾讯微博” /></a>
<a href=”http://www.douban.com/recommend/?url=<?php echo $permalink; ?>&title=<?php echo $title; ?>&sel=&v=1″ target=”_blank” rel=”nofollow”><img title=”豆瓣” src=”http:images/douban.png” alt=”豆瓣” /></a>
<a title=”百度贴吧” rel=”nofollow” href=”http://tieba.baidu.com/i/app/open_share_api?link=<?php echo $domainurl; ?>&source=<?php echo $sitename; ?>&title=<?php echo $title; ?>&link=%20<?php echo $permalink; ?>&content=utf-8″ target=”_blank”><img title=”百度贴吧” src=”images/tieba.png” alt=”百度贴吧” /></a>
<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=”images/renren.png” alt=”人人” /></a>
<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=”images/twitter.png” alt=”Twitter” /></a>
<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=”images/facebook.png” alt=”Facebook” /></a>
</div>

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

二. 修改文章（content-single.php或者single.php）文件。把以下代码加到你想放的位置。

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

PS:如果碰到中文有乱码问题

因为使用的版本字符编码为UTF-8，所以才需要这样转换，如果是GBK或GB2312，应该是不需要转换的。

这里可以在线转换在地址：http://www.tool.la/UTF-8/

随着智能手机的普及，手机上各种即时通讯APP也是层出不穷，如微信、陌陌等，说到用户量最大、日常应用频率最高的还是非微信莫属，这从另一方面反应了手机用户群在不断的增加，这也是潜在的用户群，分享到微信朋友圈也逐渐成为SEOER们新的引流推广方式。

各种分享网页开始添加了这新一渠道的分享方式，可是各大分享网的分享按钮样式都很大众也很土气，在如今扁平化趋势下，分享按钮也应该有着属于自己的独特风格，现在我就教大家怎么实现这一效果。

在前几天的《如何为wordpress添加个性分享功能（非插件，亲测可用）》中的share文件最后一个div结束标签前加入以下代码：

div结束标签后加入以下代码：

这样既可，weixin.png这张图你可以根据自己的喜好来选择和制作。