wordpress免插件解決網站分享到微信

先申明：轉自http://www.wordpress.org.cn/
網站上線，想通過微信分享，給網站帶來些流量？
找了很久關於微信縮略圖的獲取解決方法，終於找到，同時可以實現微信圖片標題描述。親測已經通過！

* w! e! H  u3 o5 a0 m5 I掃一掃試試
8 a7 X3 q' K5 a8 r2 t用微信掃瞄，然後分享文章試試。分享後就能看到效果
0 t0 `/ k% v, ?


% p( ^2 ~9 l! m( NTips：
為了更便於各位測試自己的網站，貼上網站二維碼生成網址：
http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn
只要把紅色網址部分修改成你自己的網址，用瀏覽器打開就完美生成二維碼了。

; d1 ~7 _9 V7 `7 X* h* J, W. I先放出成功的案例（以下是成功後的手機截圖）
! a" T# i! A+ {直接分享給好友：



分享到朋友圈（這個才是我的目的，哈哈）！

: G6 L+ J* _" @
好了，你是否也想試試？

實現微信圖片標題描述的javascript源代碼
以下貼出javascript代碼，把javascript代碼貼到網站head部分，如果不成功，你也可以參考我的網站哦。

+ Z+ @' _6 {2 ~# u0 N9 X  ^/ T

• <script>
•         var imgUrl = "http://www.pptfans.cn/wp-content/themes/pptfans3.0/images/share-logo.jpg";
•         var lineLink = "http://www.pptfans.cn";
•         var descContent = '辦公必備的PPT資源站，高品質PPT教程、高質量PPT素材免費下載。';
•         var shareTitle = 'PPTfans-PPT超好資源整理';
•         var appid = '';
•         function shareFriend() {
•             WeixinJSBridge.invoke('sendAppMessage',{
•                 "appid": appid,
•                 "img_url": imgUrl,
•                 "img_width": "200",
•                 "img_height": "200",
•                 "link": lineLink,
•                 "desc": descContent,
•                 "title": shareTitle
•             }, function(res) {
•                 //_report('send_msg', res.err_msg);
•             })
•         }
•         function shareTimeline() {
•             WeixinJSBridge.invoke('shareTimeline',{
•                 "img_url": imgUrl,
•                 "img_width": "200",
•                 "img_height": "200",
•                 "link": lineLink,
•                 "desc": descContent,
•                 "title": shareTitle
•             }, function(res) {
•                    //_report('timeline', res.err_msg);
•             });
•         }
•         function shareWeibo() {
•             WeixinJSBridge.invoke('shareWeibo',{
•                 "content": descContent,
•                 "url": lineLink,
•             }, function(res) {
•                 //_report('weibo', res.err_msg);
•             });
•         }
•         // 當微信內置瀏覽器完成內部初始化後會觸發WeixinJSBridgeReady事件。
•         document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
•             // 發送給好友
•             WeixinJSBridge.on('menu:share:appmessage', function(argv){
•                 shareFriend();
•             });
•             // 分享到朋友圈
•             WeixinJSBridge.on('menu:share:timeline', function(argv){
•                 shareTimeline();
•             });
•             // 分享到微博
•             WeixinJSBridge.on('menu:share:weibo', function(argv){
•                 shareWeibo();
•             });
•         }, false);
• </script>
  

7 D. X3 ?) h* p0 Y; s7 [[color=rgb(51, 102, 153) !important]複製代碼
[color=rgb(51, 102, 153) !important]

9 _9 L* Z: A. s' f* a2 r2 a5 X1 O

這樣轉貼，行不行，如有問題，請版主刪除
* G8 R, C, P; G% k: v

圖片看不到啊。。。。。。

bayet 發表於 2014-9-2 10:46
圖片看不到啊。。。。。。

7 z) Q. r* \/ X( ^5 H3 a2 ?. ^我這邊能看到，我找找原因

) F+ y, Y  v$ C1 j

同看不到圖片                                         
0 P) b+ C" l" n- A5 b$ p; I' _& w4 S

我也是看不到圖片，應該是LZ自己的問題了

原文網站設置了防圖片盜鏈，所以我們在論壇上看不到圖片。需要我們自己去原文網站上看，或者樓主把圖片下載下來，再重新上傳到論壇上。

圖片看不到，另外，其實用個插件也沒什麼的
1 G; ]0 t9 I# H1 |, z1 v7 K

看不到~~~~~~~~~~~~~~~~~~~~~~~~~~~