WordPress使用WP-Syntax插件的问题
收到Google的邮件,说是在我的网站上检测到「移动设备易用性问题」,邮件内容如下:
您好!Search Console 发现您的网站受到3 个移动设备易用性问题的影响。我们在您的网站上发现了以下问题。我们建议您尽可能修正这些问题,以便您的网站在Google 搜索中实现最佳体验和覆盖率。
首要问题
•可点击元素之间的距离太近
•文字太小,无法阅读
•内容宽度超过了屏幕显示范围
初看这封邮件觉得谷歌可能搞错了,我的博客里的字体够大了,自己平时都在用手机流量,看起来也没问题。
根据邮件内的超链接,跳转到了Google Search Console,里面有这3个问题的详细说明和具体的网页URL,我把这些URL粘贴到浏览器中访问发现了问题所在,它们有一个共同属性:每个页面的文章里都粘贴的有「代码」,用的是WP-Syntax插件。
这个插件用来高亮显示代码的,但是也带来了谷歌所指的几个问题:字体太小、距离太近、有的代码如果不换行会超出屏幕范围。
为什么会用WP-Syntax插件?好多年前WordPress用的还是经典编辑器(Classic Editor),这个编辑器对文章中插入代码很不友好,只好用插件来解决这个问题。
后来WordPress使用了古腾堡编辑器(Gutenberg),这个编辑器原生支持「代码」的插入,使用起来很方便,不再像以前插入代码时需要在代码编辑器和可视化界面来回切换。最近插入代码的文章我使用的都是古腾堡编辑器自带的功能,但是以前写的文章太多,我又懒得动它们,所以之前使用WP-Syntax插件来显示代码的文章就没去管了。
现在发现了WP-Syntax插件的问题,只好改正了。文章数量比较多,我试图寻找「智能替换」的方法,没有找到,只能手工一篇篇文章编辑替换了,花了我几个小时。看来使用插件一时爽,隐患却很多,以后尽量用WordPress原生的功能了。