随着智能移动端的普及,现在越来越多的人在使用智能手机来浏览网站,但是WordPress很多主题并不是响应式的设计对移动端不能很好的适应,特别是一些老的主题比如本站正在使用的Loper主题在手机上显示的就不是很好。

其实几年前我就发现了这个问题,但是那个时候博客的访问量少的可怜,手机用户浏览量几乎没有,所以我也懒得去琢磨这个事。今年我发现本站的浏览量成倍的上升移动端用户也占到了1/4,这让我不得不去考虑怎么解决这个问题了。

要解决这个问题有两个方法:1 是直接修改主题或更换能够自适应的新主题。2 原主题不动再安装一个能够适应移动端浏览的WordPress子主题,使用插件判断用户访问你网站时用的是什么设备,然后根据检测出来的设备分别加载不同的主题文件。可能是我真的老了不喜欢折腾了,现在一想到要换主题我的心里第一想法就是排斥,因为我使用Loper主题已经很多年了,这些年我一直在不断的修改美化这个主题,有时为了实现一个功能甚至整夜不睡觉的在网上查资料,到现在我都不知道具体改了哪些东西…要我现在重新换主题再重头改起我真的是没有这个勇气了,毕竟年龄大了身体也吃不消啊。

所以我选择第2个方法让本站快速过度到移动时代,下面就记录一下我的具体操作

第一、选择一款能够适应手机的WordPress主题安装。

像这种自适应主题网上应该有很多,但是我已经没有精力去到处找了,就在我的后台主题库里找到了WordPress在2012年推出的默认主题twentytwelve,我发现这个主题非常简洁,并且能够很好的适应移动端的显示,所以我马上决定就用它了。如果你也想和我一样使用这个主题,一定要注意和WordPress的版本兼容问题,因为这个主题也推出好几年了,如果是WordPress4.0以下的尽量使用老版本兼容性好一点。安装好twentytwelve主题启用并进行相关的设置后,改回原来的主题。

第二、安装主题适配插件WordPress Mobile Themes

可能是很久没有更新了在插件后台已经搜索不到了,我使用的是晨星博客修改的汉化精简版mobile-po,这个插件小巧设置简单,下面放上下载地址。

mobile-po百度网盘下载

使用方法:点击外观-主题设置-为移动和平板设备分配主题-设置完成-保存

本站在PC端的显示截图

本站在手机端的显示截图

在这里提醒想使用WordPress新做网站的朋友在开始选择主题的时候就要考虑移动端的兼容问题!以免事后被动的去修改主题。