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,如若转载,请注明出处:https://www.wuwenhui.cn/2958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
wwhwwh
上一篇 2013-09-13
下一篇 2013-09-22

相关推荐

  • 修改CodeRender(Unmi)样式颜色

    前面发了一篇 不用插件实现WordPress代码高亮显示 文章,介绍到CodeRender(Unmi)代码高亮转换工具,前几天看到别人修改了下样式颜色,觉得挺好看的就也琢磨着修改了…

    2013-08-25
    9.0K1
  • HotNews Pro导航和logo位置互换

    HotNews Pro这个主题的logo栏在标题栏的下面,每个人的审美观可能不符,想互换下位置。以下是我在wopus问答中得出的方法,再此分享给大家,其实就是调换一下首页各页面文件…

    2013-03-03
    8.9K3

发表回复

登录后才能评论

评论列表(9条)

  • 野草博客
    野草博客 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

    赞了

  • cft71
    cft71 2022-03-14 20:25

    看看

联系我们

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

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

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~