使用WordPress创建一个移动网站

使用WordPress创建自己的移动友好网站

就在几年前,你所需要达到大多数的网络用户是一个单一的网站,兼容所有主要的网页浏览器在你的桌面电脑。移动设备的引入改变了这一切,现在你的网站必须针对移动内容进行优化,以最大限度地扩大你的影响力。基于一个ComScore的白皮书(2013移动未来聚焦人们在移动设备上花费了37%的上网时间。

下面是一些可以让你的网站同时适合iPhone和iPad的方法。

Onswipe

让你的网站对iPhone和iPad更友好的一个方法就是使用Onswipe.要使用它,只需在Onswipe上注册一个免费帐户,然后调整在移动设备上查看它的方式。

Onswipe的功能包括

  • 加速度计清楚内容
  • 综合评价
  • 自定义桌面的图标
  • 内置社交媒体分享功能

下面是一个使用Onswipe的网站的例子。上面的图片是在桌面上看到的网站;底部的图片是在移动设备上看到的网站。

使用WordPress创建自己的移动友好网站

这里是一个网站的截图,在桌面上查看。通过Onswipe照片。

使用WordPress创建自己的移动友好网站

这是在iPad上使用Onswipe浏览的同一个网站。通过Onswipe照片。

WP插件接触

WPTouch,另一方面,是一个很好的WordPress插件,为那些需要一个简单的解决方案的移动用户。一旦你安装了插件,它会自动为移动用户呈现你的网站的一个版本。WPTouch最好的地方是它不给你任何额外的编码任务来实现你正在寻找的移动视图。

使用WordPress创建自己的移动友好网站

一个安装了WPTouch的网站的例子。通过WPTouch照片。

快速响应设计的主题

WordPress站点的另一个选择是使用响应式设计模板。响应式设计需要您的网站的内容,并自动调整它根据屏幕,它正在显示上。响应式设计的伟大之处在于,它可以为大多数移动设备优化你的网站,而不需要设置不同的网站,为多个平台定制一个网站,或者安装一个插件。要了解关于主题和响应式设计模板的更多信息,请查看这个视频为你提供了如何创建一个移动友好的WordPress网站的完整步骤

http://www.youtube.com/watch?v=KAPGp61XY6c

如果你不确定的话哪里可以找到响应式设计主题,看看这篇文章Mashable.它提供了20个最热门和最受欢迎的响应式设计模板,你可以用于你的网站。

使用不同的样式表

如果你不喜欢插件或响应式设计主题,你可以为不同的设备创建不同的CSS样式表。这些样式表根据您指定的设置定制您的博客或网站的内容。例如,你可以为iPad用户、iPhone用户等提供个人风格。

不过我还是给你个建议:如果你对你的博客或网站的后端不熟悉,我们强烈建议你和你的网站管理员一起工作。博客或网站的后端(编码)很容易搞砸。在使用不同的样式表之前,最好先把这个问题告诉专家。但是,如果您希望自己完成这项工作,可以使用样式表插件来获得所需的效果。一个推荐的插件是自定义CSS管理插件从WordPress.另一个重要的提示:一定要备份所有的原始文件,以防出现问题。

测试你的网站

如果你希望拥有最好的网站体验,你需要做的最后一件事就是成为你的用户,在你指定的移动设备上测试你的网站,比如Android手机、Windows手机、iPhone和iPad。当你测试你的手机网站时,请记住以下几点:

  • 当你加载屏幕时,布局是如何工作的?
  • 菜单、图像或视频有什么问题吗?
  • 你的网站是否向用户展示了最重要的信息?(如果你在测试一个商业站点,这一点尤为重要。)

花点时间这样测试您的站点可以帮助您在潜在问题导致用户离开您的站点之前解决这些问题。很快,只要付出一点努力和创造性的技巧,你就可以为你的移动访问者打造一个更好的新网站或现有网站。

这是来自Dean Chester的客串帖子。他是一个自由网络开发者/作家,也是一个忠实的WordPress爱好者。他刚刚和同事们成立了一个名为Press The Word的小组。当他不在电脑前写代码的时候,他喜欢和朋友们一起参加海滩派对和EDM音乐会。