您的网站如何应对移动设备?

您的网站如何应对移动设备?

如果您在这些天一直关注您的网站统计数据,您就知道手机很大。对于本网站而言,只需一半的流量来自桌面计算机–其余的是所有片剂和手机。它’没有你应该忽略的东西,特别是在谷歌现在惩罚移动搜索上的网站,如果他们逃亡’t mobile friendly.

你可以开始用a 谷歌的简单工具 看他们是否考虑到您的网站移动友好。这赢了’T向您展示您的网站如何了解访客,但了解Google是否认为您的网站是移动友好的是一个很好的开始。

但是不要’最智能手机展示网站不怎么样?

It’确实,大多数智能手机都做得非常好地显示网站。屏幕尺寸已经增加了多年来,一般的质量已经上涨。但如果你没有任何移动设备,并非一切都在运行’t planned for it.

例如,您的字体大小可能太小,例如较小的屏幕。您可能有链接设置得太靠近,以便在较小的屏幕上轻松使用。你的布局可能会出现真的很奇怪,或者对于手机来说太宽了’S屏幕。有疑问,它’最好检查一些东西,所以您知道您的网站如何运行在不同的屏幕上。

有工具,如 browserstack., 调味料实验室, 和 screenfly.。有些是免费的,其他人要求你支付。它’非常值得它知道您的网站看起来像什么,甚至如何在各种浏览器,设备和屏幕尺寸上工作,即使超出了简单的问题“我的网站移动友好吗?”

它可能听起来很多工作要准备好您的网站。根据您的网站运作耗时或昂贵的方式搞乱,具体取决于您是否自己或雇用某人。幸运的是,有各种各样的选择。

WordPress插件

如果您使用WordPress运行您的网站,则移动移动就绪可能与使用插件一样简单。插件检测访问者是否位于移动设备或计算机上,并显示了站点的正确版本。以下是一些选项:

WPTOUCH.

这是我在前往更多移动友好网站时使用的。它’非常易于使用。选项非常基本–您可以自定义您网站的颜色和其他方面’移动外观。那里’S还可以选择参观者切换到您网站的常规版本,这可能很有用。如果您购买Pro版本,您可以获得更多功能。

WordPress Jetpack.

Jetpack是来自WordPress开发人员的插件,它比提供移动主题更多。它还可以让您在WordPress.com上提供的自主托管Wordpress博客访问,例如统计数据,网站管理,订阅,评论表,图像转盘等。

WordPress移动应用程序

WordPress移动应用程序让您的网站看起来更像是一个应用程序,当某人在移动设备上查看它时。您可以自定义外观,所有内容都会同步到您的博客。还有一个具有更多功能的高级版本。

WP Mobile Edition.

另一个插件快速制作WordPress网站移动。访问者可以选择您网站的移动或常规版本,主题设计为轻量级快捷。

回应

插件ISN.’您唯一可选择管理移动用户内容的选项。你可以 让您的网站响应;也就是说,它可以基于它正在查看的屏幕的大小来改变。这是我选择的解决方案,因为这个网站上的所有这些都是基于WordPress,而且我希望在整个网站上一致的外观,无论设备如何。

有些人真的不’像响应网站一样。我喜欢他们,特别是对于像这样的网站,在那里焦点是信息而不是交互性。如果您在网站上需要更多的交互性,它’完全可能是您网站的专业移动版本,超出了上述WordPress插件即使可以做的,这将是一个好主意。如果你’更多关于信息,也许不是那么多。

什么我’在这个网站上完成了’作为一些响应网站的复杂性,我’我不是100%满足于我的一些结果。一世’然而,M很满意。我做了很多研究 怎么做 响应 网站,以及如何管理所有可能的屏幕分辨率。它’是导航菜单,主要让我适合– it’S真的很难在屏幕尺寸上显示出来。

但我学会了如何讲述我的页面以在不同的屏幕尺寸上显示哪些内容,如何基于屏幕尺寸更改布局等。花了很多时间,但我喜欢为自己弄清楚它。如果你aren’倾向于做自己的HTML和CSS,唐’你自己试试这个–有专业的帮助。如果你’RE已经管理自己的设计,您可能会这样做。

如果您使用WordPress,还有很少的主题在那里响应于框中。我喜欢这个想法比我在开始时提到的插件更好,因为,再次,我喜欢在设备上具有更多一致性。

有一吨 免费反应 WordPress主题 在那里。查看链接的站点或只是为他们搜索– they’在那里。 WordPress甚至有二十四岁和二十五岁,两个响应布局为您的博客。

然而,免费可能不是您的最佳选择。许多免费主题非常有限,您如何定制它们以及在其支持下。公司等公司 主题 为合理价格提供一系列非常令人印象深刻的响应主题。

你也许也喜欢...

5 分享
鸣叫
分享
别针1
分享4