« 增加分享功能生日快乐 »

搞定微信分享图标问题

        分享功能加入后,把峰玩网上的贴子通过微信分享或发送已能实现,但问题是分享链接的图标总是显示不出来,经百度研究找到一贴。
        在网页的头部加上以下代码,图片路径自行修改。
        <head>
        <div id='wx_pic' style='margin:0 auto;display:none;'>
        <img src='/image/data/pic300.jpg' />
        </div>
        </head>
        制作像素是 300*300px的图片,命名为pic300.jpg。将图片放到步骤一对应的路径下。

        上面是原贴内容,原理是在<head>里放入一个<div>,让<div>加载一张图片但不显示出来,由于这张图片会在网页最开始阶段加载,微信客户端会识别这张图片作为链接里带出的小图片,经过测试可以实现,但如果就是想让正常的首张图片作为缩略图标显示出来,这么做反而实现不了,所以我把这段经过改造听代码放进了网页模板的末尾,即<body/>和<html/>之间,所放入的文件为/blog/THEMES/default/TEMPLATE/wp_album.html和/blog/THEMES/default/TEMPLATE/single.html两个。
        <div id="wx_pic" style="margin:0 auto;display:none;">
        <img src="/blog/LOGO.jpg" />
        </div>

        又重新制作了一幅300x300的黑底红字镜头LOGO放在/blog/下,现在终于实现了链接正常显示图标的目的。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Walle Build 100427

Copyright 2010-2018 FongPlay Reserved.