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

先申明：轉自http://www.wordpress.org.cn/
網站上線，想通過微信分享，給網站帶來些流量？
- B3 I6 O  X- `  z9 n0 G% W- Y# Q找了很久關於微信縮略圖的獲取解決方法，終於找到，同時可以實現微信圖片標題描述。親測已經通過！
, |0 K0 }4 n) ^. G
+ y5 q4 R2 {! V1 Y6 f0 t, L7 P3 {掃一掃試試
用微信掃瞄，然後分享文章試試。分享後就能看到效果
& o7 |+ L3 J5 {$ r


, u3 X& L" v/ R  H# @4 P; uTips：
為了更便於各位測試自己的網站，貼上網站二維碼生成網址：
http://s.jiathis.com/qrcode.php?url=http://www.pptfans.cn
只要把紅色網址部分修改成你自己的網址，用瀏覽器打開就完美生成二維碼了。

先放出成功的案例（以下是成功後的手機截圖）
- i- P9 W6 [1 y" H" g直接分享給好友：

# s% a) N. e0 \( u# p# S# [
, Q$ ?' L5 y2 m9 f
分享到朋友圈（這個才是我的目的，哈哈）！
2 T- ]: F) T1 L1 D: ]

好了，你是否也想試試？

8 O  H; ?" g; h( \- U4 G實現微信圖片標題描述的javascript源代碼
以下貼出javascript代碼，把javascript代碼貼到網站head部分，如果不成功，你也可以參考我的網站哦。

• <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>
  

, w/ l4 k2 X+ ~* M[color=rgb(51, 102, 153) !important]複製代碼
- o" _' Z4 I! |, V[color=rgb(51, 102, 153) !important]
/ o+ \$ T- D3 ]8 I' G

: d/ `+ [  H) i9 N

這樣轉貼，行不行，如有問題，請版主刪除
- y4 |  q4 }4 K; s

圖片看不到啊。。。。。。
1 }9 F  z9 s1 e

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

我這邊能看到，我找找原因
6 u2 T: z8 P" d& g2 y

同看不到圖片                                         
" e/ R7 X, {+ \' a* T0 g

我也是看不到圖片，應該是LZ自己的問題了
! u) j# Y$ o- X7 d+ h9 ]1 I

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

圖片看不到，另外，其實用個插件也沒什麼的
0 e8 K" k; S# T( b  ]

看不到~~~~~~~~~~~~~~~~~~~~~~~~~~~
5 G1 y! z; W* [* ^% D) r