相信各位站长都知道,将自己的网站分享到微信APP内,默认是没有logo图片显示的。但是微信提供了jssdk的分享方式,如果有已经认证的公众号,那就可以通过微信jssdk分享的方式,发给微信好友或者朋友圈,就可以显示网站的logo图片了。
zibll子比主题自带了微信JSSDK分享功能,接下来我们就一步一步的教大家如何开启此功能!
使用此功能,需升级zibll子比主题V6.3及以上版本!
截图预览
首先我们来看一下开启此功能前后的对比效果
![图片[1]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/04/图片-5.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_492,h_1024)
配置说明
使用此功能,需要有已经认证的微信公众号。配置教程就十分简单了,大致分为这几部
- 配置微信公众号的js安全域名和网页授权域名
- 将微信公众号的AppID和AppSecret填入主题设置
配置教程
首先登录微信开发者平台,
1.首先请检查自己的公众号是否已经认证,并取得了分享接口权限
![图片[2]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/04/20260129162647369-image-229.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1300,h_1259)
2.设置ip白名单,并获取AppID和AppSecret
3.配置微信公众号的js安全域名和网页授权域名
![图片[3]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/11/20260129160502672-image-227.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1300,h_1059)
最后进入主题设置->文章&列表->文章功能:开启微信分享有图,填入AppID和AppSecret
![图片[4]-wordpress网站使用微信jssdk实现微信分享有图详细教程-Wordpress主题模板-zibll子比主题](https://oss.zibll.com/zibll.com/2022/04/图片-7.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_1024,h_704)
最后需要注意的是,如果你的图片开启了防盗链,那么仍然可能会无法获取到图片,这时候建议开启全站使用网站图片,并将网站图标设置为未开启防盗链的图片链接。
此功能和微信公众号登录、微信官方支付的教程都十分相似,都可以用同一个公众号。如果遇到问题还可以看看以下文章



![zibll子比主题更新日志-V9.0已更新[2026-07-01]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/03/更新日志.jpg)
![付费阅读、付费资源、付费图库、付费视频等知识付费功能详解及教程[图文教程]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/03/支付功能-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_700,h_490)
![子比主题官方推广计划正式上线,推广可获高额奖励[限时推广]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/11/推广计划.png?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_429,h_300)


![页面布局、模块使用及可视化布局教程[网站布局入门教程]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2021/04/20260530132122133-网站布局入门教程-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)
![创建菜单、添加徽章、高级子菜单等功能配置教程[v8.3新功能]-WordPress主题模板-zibll子比主题-瑞浩网络](https://oss.zibll.com/zibll.com/2020/10/20251022172800202-创建菜单-列表图.jpg?x-oss-process=image%2Fquality,q_50%2Fresize,m_fill,w_800,h_560)










