跳至正文
设计笔记 静水流深,美语善缘
作品 约 2 分钟阅读

为WordPress单独做一个手机主题

作者决定为WordPress创建一个独立的手机主题,以解决原响应式设计效果不佳的问题。通过在主页使用wp_is_mobile()函数判断设备类型,分别加载PC和手机版本的主题。此方法无需依赖插件,简化了代码调整。作者在index、page和single页面中应用此方法,成功实现了手机主题的快速兼容,尽管功能简单,但达到了基本需求。

主题改动了下,原本的响应式差不多是废了,正好今天放假,呆在家里也无聊的紧,本来想给主题重新做一下响应的,但是弄起来真的是太麻烦了,也达不到我想要的效果,手机加载的东西还是那么多,于是萌生了单独做一个手机主题的想法。

既然想到了,那就实施把,单独做手机主题实现方法其实也蛮多的,但是主要的还是两种,一种是插件,忽略之,用插件不是我性格,于是用代码。

其实也不麻烦,主要就是在主页加个判断,PC和Mobile分开加载,wp_is_mobile()就可以做到,调试起来也很方便

<?php if( wp_is_mobile() ) :
include('m.index.php');
//手机主题文件
else:
//常规主题代码
endif; ?> 

用上面的范例修改一下你主题的index代码,然后新建一个m.index.php,这个就是手机版的首页了,用同样的方法,修改page和single,这样就能很快的兼容手机了,不用麻烦的做响应式 最后晒一下小成果吧,有点小简陋,没什么特别炫的功能,凑合着用把:

1 2 3 4