Hello,每天都是新的开始,开开心心才是最重要的!

微信里面分享wordpress文章怎么带上带标题+图片+摘要+链接?

方法一,代码实现

网站在微信中分享给好友或朋友圈会碰到下面这种现象

而官方的应该是这样,或者下面还有小标记的

在微信公众平台官方QA找到了答案,最后针对Wordpress略作修改

官方的解释可以参考:微信JS-SDK说明文档

//分享链接的缩略图
var imgUrl = 'http://www.uedbox.com/wp-content/themes/goodluck/images/logo.png';
//分享链接的链接地址
var lineLink = 'http://www.uedbox.com/';
//分享链接的描述信息
var descContent = "体验盒子是一个关注网络安全,专注网络安全,分享网络资源的平台!";
//分享链接的标题
var shareTitle = "体验盒子 - 关注网络安全";
//一般为空 就好
var appid = '';
//分享给好友
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
})
}
//分享到朋友圈
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"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);

针对Wordpress修改代码为:

var imgUrl = document.getElementsByTagName("img")[0].src;
var lineLink = window.location.href;
var descContent = document.getElementById("description").content;
var shareTitle = document.title;
var appid = '';
function shareFriend() {
WeixinJSBridge.invoke('sendAppMessage', {
"appid": appid,
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"link": lineLink,
"desc": descContent,
"title": shareTitle
}, function(res) {
_report('send_msg', res.err_msg);
})
}
function shareTimeline() {
WeixinJSBridge.invoke('shareTimeline', {
"img_url": imgUrl,
"img_width": "640",
"img_height": "640",
"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);

这是通过代码实现的,当然也有其他的方式,但是今天我们推荐的就是通过代码来实现,其实也是比较简单的。

赞(0) 打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《微信里面分享wordpress文章怎么带上带标题+图片+摘要+链接?》
文章链接:https://www.qqooo.cn/1355.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
本站资源均来源于网络,若侵犯您的权益,请来信 feelym@88.com 删除!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏