前几天看到群里有人网站用手机访问跟电脑打开页面不一样,觉得手机的主题看起来还蛮好看的,再者手机如果打开的页面跟电脑的一样看起来也不舒服,内容也不够简洁明了。
于是就也想着给自己的网站弄个移动版主题,实现手机客户端访问网站是一个移动版主题,电脑访问保持不变。
一、找一款移动版主题
首先得先找一款移动版主题,这里推荐两款。
主题名称:Mobile pack
作者:Robin
语言:中文
类别:一栏
版本:1.01
演示:DEMO (需使用移动版浏览器或使用火狐并安装User Agent Switcher扩展)
为了方便用移动设备查看留言,主题集成了最近留言模版,需要正常切换到Mobile pack主题新建一个页面,右下模版中选择“最近留言”,发布后记下链接地址,打开index.php模版,用链接地址替换其中的“你的链接地址”。
主题名称:Mobile-better(内含灰色和白色2款)
作者:shanks
语言:中文
类别:一栏
版本:1.3
演示:DEMO (需使用移动版浏览器或使用火狐并安装User Agent Switcher扩展)
二、需安装插件
主题需配合Wordpress移动设备检测插件一起使用,这里推荐3款:
安装并启用上述任何一款移动设备检测插件都可以
上传主题,进入插件设置页面,选择移动设备使用Mobile pack主题即可,各插件设置略有不同,大同小异,这里略过….
三、设置完成
这里设置就已经完成了,现在你可以用你的手机或者平板访问下您的网站了,看看效果把~
原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/2958.html
评论列表(9条)
网站不错,收藏了!
@野草博客::smile:
用过jquery mobile搞过,这个还没用过。
博主的网站很漂亮哦
@幸运草网站::cry: 谢谢
很是不错的分享哈
博主,有没有发现!此移动主题网站的内页打不开?
赞了
看看