WordPress实现手机访问移动版主题

前几天看到群里有人网站用手机访问跟电脑打开页面不一样,觉得手机的主题看起来还蛮好看的,再者手机如果打开的页面跟电脑的一样看起来也不舒服,内容也不够简洁明了。

于是就也想着给自己的网站弄个移动版主题,实现手机客户端访问网站是一个移动版主题,电脑访问保持不变。

一、找一款移动版主题

首先得先找一款移动版主题,这里推荐两款。

主题名称:Mobile pack

作者:Robin

语言:中文

类别:一栏

版本:1.01

演示:DEMO (需使用移动版浏览器或使用火狐并安装User Agent Switcher扩展)

为了方便用移动设备查看留言,主题集成了最近留言模版,需要正常切换到Mobile pack主题新建一个页面,右下模版中选择“最近留言”,发布后记下链接地址,打开index.php模版,用链接地址替换其中的“你的链接地址”。

IMG_0233

主题名称:Mobile-better(内含灰色和白色2款)

作者:shanks

语言:中文

类别:一栏

版本:1.3

演示:DEMO (需使用移动版浏览器或使用火狐并安装User Agent Switcher扩展)

IMG_0236

二、需安装插件

主题需配合Wordpress移动设备检测插件一起使用,这里推荐3款:

Any Mobile Theme Switcher

wordpress mobile pack

Device Theme Switcher

安装并启用上述任何一款移动设备检测插件都可以

上传主题,进入插件设置页面,选择移动设备使用Mobile pack主题即可,各插件设置略有不同,大同小异,这里略过….

三、设置完成

这里设置就已经完成了,现在你可以用你的手机或者平板访问下您的网站了,看看效果把~

原创文章,作者:wwh,如若转载,请注明出处:http://www.wuwenhui.cn/2958.html

发表评论

登录后才能评论

评论列表(8条)

  • 野草博客
    野草博客 2013-09-19 10:29

    网站不错,收藏了!

  • 移动互联
    移动互联 2013-11-08 21:47

    用过jquery mobile搞过,这个还没用过。

  • 幸运草网站
    幸运草网站 2013-11-25 16:37

    博主的网站很漂亮哦

  • 烂番茄网
    烂番茄网 2014-07-10 16:56

    很是不错的分享哈

  • 驴大大
    驴大大 2015-04-12 20:51

    博主,有没有发现!此移动主题网站的内页打不开?

  • 北京SEO
    北京SEO 2015-04-19 21:34

    赞了

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
交换同类型友链,要求权重2以上,收录3000+