1. 程式人生 > >wordpress部落格新增微博、微信分享等等

wordpress部落格新增微博、微信分享等等

參考:

在使用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; ?>&amp;title=<?php echo $title; ?>&amp;sel=&amp;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們新的引流推廣方式。

各種分享網頁開始添加了這新一渠道的分享方式,可是各大分享網的分享按鈕樣式都很大眾也很土氣,在如今扁平化趨勢下,分享按鈕也應該有著屬於自己的獨特風格,現在我就教大家怎麼實現這一效果。

<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這張圖你可以根據自己的喜好來選擇和製作。