WordPress打造手机版

WordPress打造手机版有两种方式,一种是直接采用手机版插件,另一种是使用手机版调度插件+手机版主题,今天我简要的把两张方式都介绍一下并推荐一些个人觉得比较好的主题和插件。

首先说采用手机版插件。我用过几个手机版插件,用下来感觉效果最好的是WPTouch,下载地址可以在WordPress.org里面找到最新版,附上几张效果图:

免费版已经很犀利,还可以防止Google Adsense广告,所以没有必要购买付费版的,具体的设置只要安装好后打开设置就行,简单的几句英文就不翻译了。

接下来讲一下用手机版调度插件+手机主题打造手机版。

手机主题调用插件请见NeoEase的日志,这里摘录一下:

 

允许用户为使用手机浏览的访客选择另一套主题. 该手机主题不会影响桌面 (默认) 主题的功能和效果, 但会在主流的手机浏览器 (Safari Mobile, Android 浏览器, UC 浏览器, …) 上显示选择的手机主题.

适用版本

WordPress 3.0 或以上

插件下载

WordPress Mobile Themes

 

安装方法

  • 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/.
  • 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WordPress Mobile Themes.
  • 到 Appearance->Mobile Themes 页面修改插件设置.

插件本地化

此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤:
1. 打开 WordPress 根目录的文件 wp-config.php.
2. 查找 define ('WPLANG', ''); 并修改为 define ('WPLANG', 'zh_CN');.

 

接下来就是手机主题的推荐啦!

我网上找了好一会儿,找到了下面的这个主题,手机上看了下,感觉真的挺不错的!

下面作摘录:

Twenty Eleven 1.3 是wordpress新推出的主题,沿用之前Twenty Ten的风格,在适应多个设备做了很多优化,在手机、平板上都有很不错的体验,虽然在样式上改进了许多,但在移动设备上加载并不是很流畅,受到它的启发,我简化了WP的主题,推出二款专为移动设备打造的免费主题Mobile-Better(Grey)和Mobile-Better(White)。

Mobile-Better(Grey)
主要优化:

1)简化结构、功能、样式,加快加载速度,经测试相同内容的网页由原先的162.3kb减少到54.2kb

2)纯CSS效果打造,较少背景图

3)显示文章缩略图,提升阅读体验

index-shot
4)固定导航、回首页、显示所有分类,便于阅读

nav-shot
5)自带代码高亮(前提是你使用的代码高亮插件是基于google-code-prettify开发的)

single-shot

主题包下载:
Mobile-better(grey)
Mobile-better(white)
此主题需要wp手机主题调度插件(MobilePress测试通过)

这个手机主题的原文章地址:http://imshanks.com/free-wordpress-theme-mobile-better/

很好,那么接下来各位就开始WordPress手机版之旅吧!祝各位好运!有什么问题也可以在此日志下方留言。

7 thoughts on “WordPress打造手机版

发表评论

电子邮件地址不会被公开。 必填项已用*标注