WordPress添加微信扫一扫的坎坷小记

2
阅读 2,580 次

A+

搭建博客有段时间了，功能在不断的完善，对于PHP、CSS、JAVASCRIPT一直渣渣的我搞这些东西真是要命了，好在大多数功能都能够靠插件实现。

微信作为一个主流的社交平台吸引着越来越多的人加入进来，推广、交流、销售...它已经不仅仅是一个社交软件，也可以成为一个商业平台，据非官方统计，微信的用户是6亿左右，相当月每2.5个中国人就有一个在用微信（其实海外的WeChat也占了1亿多）。哦，扯远了，总之，就是想添加个微信扫一扫分享功能，绕了好大一圈弯路。

开始查阅了一些资料，借鉴各种网站的展示方式，最终选择了现在的形式，有些网站是点进去到新页面扫二维码，有些是通过操作引导来扫，我觉得都不太直观，鼠标放上去出现二维码最简单了。然后开始想度娘发问，找了一些生成二维码的方法，问题来了，这么简单的一个布局和效果（CSS+JavaScript）就搞不定，自己做出来丑的要命，最后求助了一个做前端的朋友（@大飞）。搞定之后，发现扫出来的东东是整个页面，不是文章页。

效果如下：

虽然是能分享了，但目测效果不对。后来同学（@璐璐）也提出了这个问题，然后就开始各种查，一直以为是自己取的路径不对，生成二维码处用的方法是<?php the_permalink(); ?>，百度了各种方案想找找看看有木有默认的方法可以只保留正文，去掉头尾和两侧的内容，折腾了半天没有。偶然想起来，可能是主题不适配移动设备的问题，从网上找了一些解决办法不理想，最后找到一款插件叫“WPtouch Mobile Plugin”，下载之后发现不能装T_T，原因是说插件太大了超过了默认允许的大小，然后上服务器改了php.ini中的一个参数叫“upload_max_filesize”，然后就OK了。