WordPress手机主题/插件自适应手机浏览

15

对于小屏幕的手机怎么做优化都感到无力,在neoease的博客发现一款Wordpress手机切换插件 – WordPress Mobile Themes,它可以允许用户为手机和平板用户分别启用不同的主题,并且不会影响PC端的显示。

插件下载 WordPress Mobile Themes

安装后直接启用即可

wp_mobile_themes

安装一款手机主题

朽木选择的是imshanks发布的 Mobile-better(grey),传送门
Mobile-better(grey)
Mobile-better(white)

mobile-better

Hyper Cache缓存设置

缓存插件会混淆PC端和手机端的显示,Hyper Cache设置中为我们提供了一个侦测手机的选项,勾选侦测手机即可。其他缓存插件未测试。

测试过程中发现,Hyper Cache和WordPress Mobile Themes的判断机制不一样,会出现PC端展示手机主题的情况出现,解决办法如下

编辑手机主题的 functions.php 文件加入以下代码:

1
2
3
// Disable hyper cache
global $hyper_cache_stop;
$hyper_cache_stop = true;

禁止Hyper Cache缓存手机主题。

共 15 条评论

  1. 回复

    有用

  2. 回复

    我的网站,pc可以看视频,手机端就播不了,不知道是不是这个问题啊

    • 回复

      换个HTML5的播放器试试

  3. 回复

    不错的博客

  4. 回复

    赞一个

  5. 回复

    支持一个

  6. 回复

    谢谢分享

  7. 回复

    不错的主题。

  8. 回复

    用了wp-thumbnails 缩略图,手机登陆的时候,是手机主题,但是首页缩略图变得很大,楼主有办法没?

    • 回复

      手机主题上没有限制缩略图尺寸么,或者给手机主题加一句CSS来限制图片大小

  9. 回复

    怎么安装

    • 回复

      可以直接在后台搜索这个插件点击安装就可以了,或者把文件上传到服务器,具体可以参考 http://t.cn/RvZnKjW

  10. 回复

    求助博主,
    不知道wp-super-cache的缓存,该如何写上面的禁止缓存代码?

  11. 回复

    安装了wordpress mobile pack 感觉还不错

  12. 回复

    和博主遇到的问题一样,首先感谢博主的方法, 不过博主有没有发现虽然说Hyper Cache不缓存手机版的网页了,可是用手机打开网站,首页却是电脑版的,文章又变回手机版的. 不知道博主与没遇到这种状况,小弟实不会弄了,麻烦博主能帮忙解决一下.

    • 回复

      没有遇到你说的问题,按道理说不应该啊,我写了响应式主题,不需要这个了。

回复 法师 X

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...