首页 网络技术
  1. 正文

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

方法一,代码实现

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

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

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

微信里面分享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);

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

本文标题:微信里面分享wordpress文章怎么带上带标题+图片+摘要+链接?
本文链接:https://www.qqooo.cn/post/1355.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 feelym@88.com 处理,谢谢!