您的位置:首页 > 移动开发 > 微信开发

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

2014-09-11 22:01 232 查看
参考:

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)文件。把以下代码加到你想放的位置。

<div id=”share”>

<?php include(TEMPLATEPATH.”/share.php”);?>

</div>

三. 刷新文章页面看看效果和测试。
PS:如果碰到中文有乱码问题

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

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

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

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

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

<a class="jiathis_button_weixin" title=”微信” rel=”nofollow”><img title=”分享到微信” src=”images/weixin.png” alt=”微信二维码” /></a>

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

<script type=”text/javascript” src=”http://v3.jiathis.com/code/jia.js?uid=1″ charset=”utf-8″></script>

<script type="text/javascript" src="http://v3.jiathis.com/code/plugin.client.js" charset="utf-8"></script>

这样既可,weixin.png这张图你可以根据自己的喜好来选择和***。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: