使用WordPress创建一个移动网站

短短几年前,您需要达到大多数Web用户的所有网站是一个与桌面计算机上所有主要的Web浏览器兼容的网站。移动设备的引入更改了所有这些,现在您的网站必须针对移动内容进行优化,以便最大化您的范围。基于A.ComScore公司白皮书(2013年移动未来焦点人们在移动设备上花费37%的互联网时间。

以下是您可以为iPhone和iPad设计为移动友好的某种方式。

on华藜

制作您的网站的一种方法可以使用更多iPhone和iPad友好on华藜.要使用它,只需在onswipe上注册免费帐户,并在移动设备上调整您想要在移动设备上查看它的设置。

衫的功能包括

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

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

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

以下是桌面上查看的网站的屏幕截图。通过Onswipe照片。

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

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

WP插件接触

WPTOUCH.另一方面,对于需要用于移动用户的简单解决方案的人来说,是一个伟大的WordPress插件。安装插件后,它会自动为移动用户提供您的网站版本。关于WPTOUCH的最佳方法是,这不是额外的编码任务,以实现您正在寻找的移动视图。

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

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

快速响应设计的主题

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

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

如果你不确定在哪里找到一个响应的设计主题,查看这篇文章.它具有20个最热门和最流行的响应式设计模板,你可以使用你的网站。

使用不同的样式表

如果插件或响应设计主题不是您的喜好,则可以为各种设备创建不同的CSS样式表。这些样式表根据您指定的设置自定义博客或网站的内容。例如,您可以为iPad用户,iPhone用户等具有个性的样式。

但是:如果您不习惯或熟悉博客或网站的后端,我们强烈建议使用您的网站管理员。搞砸博客或网站的后端(编码)非常容易。在使用不同的样式表之前,最好将这一参加专家。但是,您想尝试自己做到这一点,有史以来可以用styleSheet插件来获得所需的效果。一个推荐插件是来自WordPress的自定义CSS Manager插件.另一个重要提示:如果出现问题,请务必备份所有原始文件。

测试你的网站

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

  • 加载屏幕时,布局如何工作?
  • 菜单,图形还是视频有问题吗?
  • 您的网站是否向您的用户提供最重要的信息?(如果您正在测试企业网站,这尤其重要。)

花时间测试您的网站,如此会帮助您在驱动用户远离您网站之前解决任何潜在问题。很快就足够了,有一点努力和创造性的技能,您可能只是几步之遥,使您的新或现有网站更好地为您的移动访客提供。

这篇客座文章来自Dean Chester。他是一个自由网页开发者/作家,是一个WordPress迷。他刚刚和同事们成立了一个名为Press The Word的组织。当他不在电脑前编写代码时,他喜欢和朋友们一起参加海滩派对和EDM音乐会。

29日回复

  1. Dhruv巴 2013年5月23日凌晨1点

    WP Touch插件总是为每个人讨厌奇迹

    我在我的一个网站上使用它..

    对于不了解WP触摸插件的初学者的大帖子......

  2. 优裤 2013年5月23日/ 2:54

    随着android和其他智能手机的狂热正在以非常高的速度增长,拥有自己的移动网站是一个非常好的主意。它可以为你赚取一些有价值的信息分享给读者。谢谢你给了这些伟大的想法,使移动网站。

  3. 鲁德 5月23日2013/2:59 PM

    是否有任何测试工具来测试我们网站的移动视图?
    嗯,并非所有人都有每个设备试试它们。

    • 詹姆斯·麦卡利斯特 2013年5月24日/ 12:06

      有许多工具可用,如Testiphone网站工具。此外,如果您拥有带有IOS模拟器的Mac计算机(附带Xcode和iOS SDK),您也可以使用iPhone模拟器检查您的网站。

  4. 詹姆斯·麦卡利斯特 2013年5月24日/ 12:01

    我是WP Touch的超级粉丝,因为它适用于很多不同的主题,是一个简单的解决方案,使你的网站移动友好。自从我开始使用Genesis主题后,这对我来说就不再是个问题了,但对于那些没有安装移动友好版本的用户来说,这仍然是一个很好的选择。

  5. riya mathur. 2013年5月24日/ 1:54 am

    响应主题是最好的方法,如果您不必担心,我将在我的一个博客上使用NewsWire进行测试,并且在我的银河笔记和我的朋友iPhone上的魅力工作。如果您想担心响应主题,并且如果您有问题,您可以为您提供支持团队。

  6. JC 2013年5月26日/ 1:36

    我使用WPTouch插件,并且非常喜欢它,因为我基本上可以免费提供它。

  7. Conie. 5月29日,2013/3:01 AM

    WPTouch插件是最好的和易于使用的,但任何人都知道最好的插件来取代元登录,我不是一个最初的wordpress的粉丝

  8. 2013年5月30日/ 5:01

    感谢这篇文章,迪恩。我的网站以前在手机上加载得很糟糕。我刚刚安装了WP Touch插件,它工作得很好。我知道,从长远来看,我需要投资一个升级的主题,但现在这符合要求。

  9. 史蒂夫·C 2013年5月30日/下午2:30

    谢谢你特别适合那个的提示
    关于斜上的。

  10. Cesar O Perez-Beato 2013年5月30日晚上8:53

    很好的信息在这个博客。我刚开始写博客,这里的建议是无价的。谢谢,我正在告诉我的同事这个网站。的问候。

  11. 家庭优先 5月31日2013/2:16 PM

    WP Touch Plugin是WordPress的插件,用于渲染移动友好版本的WordPress网站或博客。

    我认为每个博主应该安装这个插件。

    顺便说一句好的提示!

  12. 迪克森 2013年6月1日/下午3:08

    非常感谢你提供的信息。我很高兴我们可以通过手机或平板电脑写博客。

  13. 维多利亚 2013年6月3日/ 8:24

    感谢您的插件 - WP Touch插件正是我正在寻找的 - 对于许多WordPress网站,尤其是博客它太长而无法制作移动版本 - 这是一个很好的决定,使网站不仅可以使用,而是功能手机。

  14. Dinaviriya. 2013年6月8日/ 7:53 PM

    感谢wordpress手机插件的推荐。对于那些访客大多来自移动设备的博客来说,这是很有用的。我要试试。

  15. JC 2013年6月8日晚上11:19

    谢谢媚兰。我使用MobilePress已经有一段时间了,但OnSwipe看起来可以提供更直观和更吸引人的东西。

  16. filippos. 2013年6月9日上午5:24

    谢谢您让我们知道您的网站如何与移动主题进行责任,而无需响应主题!

  17. 马可 2013年6月9日/ 6:22

    我真的很喜欢WP触摸插件。我现在正在使用Mantra主题,它适用于我的可动手,但WP触摸插件工作BETER。但它看起来如何在Andriod平板电脑上看,因为网站的分配是移动版本,你不想在平板电脑上!

  18. 约翰·R。 2013年6月19日/ 5:51 AM

    我从未想过,建立一个移动友好的网站是如此简单。我是一个新的博客,寻找开发移动用户博客的方法。谢谢你的提示。

  19. 科里Frankosky 2013年6月20日晚上8:13

    我实际上真的很惊讶,看看WP触摸插件有多好。我在我的网站上安装了这一点,从那时起一直在使用它,但我很欣赏你写的第一个服务。我实际上从未听过围裙,但它可能是我未来使用的东西!

    谢谢你的文章。

  20. 沙龙 2013年6月21日/ 6:01

    视频说“视频不存在”

  21. Osei财富 2013年6月22日/ 10:36 pm

    你忘了用jetpack提一下移动主题

  22. Len. 2013年6月24日/ 1:40 PM

    谢谢你的提示 - 我不知道这个。这些天似乎每个人都有一个插件。

  23. Ciprian Borodescu 2013年6月25日/ 4:08

    Appticles.com提供了另一个用于博客的好工具(目前处于测试阶段)。它基本上把你的内容(通过RSS/ATOM提要)打包成漂亮的移动和平板电脑web应用程序。支持iOS(iPhone、iPad)和Android(智能手机、平板电脑)。Windows Phone 8/RT、BB10和FirefoxOS即将推出。

    一切都是基于HTML5,看起来很棒,与任何移动友好的网站不同。它超出了提供像外观和感觉的本地应用程序。从您的iPhone / iPad看看:http://app.journalism.co.uk

    哦,它是完全免费的。

  24. 罗宾 2013年7月4日/ 4:43

    我正在考虑获得WPTOUCH PRO,但是需要用户一些诚实的评论。无论是值得吗?如果你有任何想法,请回复。

    罗宾。

  25. 克里斯•特纳 2013年7月19日/ 8:41

    写得很好的文章!再次感谢!我用novmobileme创建我的网站...检查一下http://www.nowmobile.me

  26. abhijith v m. 2013年8月8日上午8:19

    我在博客上使用wptouch。我正在使用一个响应的主题,但我发现使用这个插件更方便。帮助我认为读者。

  27. Lalitha 2013年9月19日下午12:23

    这周我做了一个项目,让我的博客响应迅速,移动友好。这个周末,我将为我的媒体查询采取一些技巧,使一些工作良好。伟大的文章。

发表评论

您的电子邮件地址将不会被公布。必需的地方已做标记*

这个网站使用Akismet来减少垃圾邮件。了解如何处理评论数据