北京企业网站设计：如何选择最好的响应WordPress主题_极简慕枫

'当你把水倒进杯子里时，它变成了杯子。当您将水倒入瓶中时，它就变成了瓶子。当你在茶壶里倒水时，它变成了茶壶， - 这些是传奇人物李小龙的话，他不仅是武术家和演员，而且是伟大的哲学家。虽然上面提到的着名引用在发声时略有其他目的，但它完全符合我们将在本文中提出的主题。

在我们这个时代，我们使用带触摸界面的设备，游戏控制器，鼠标和键盘，T9键盘; 更不用说愿意成为业界下一个最佳产品的3D全息图。移动设备是否超出了基于桌面的移动设备？更可能的是，但还有很长的路要走。

一个页面的响应式布局在我们这个时代起着重要而重要的作用，尽管这似乎不是2015年讨论的过时主题。主要公司发布有趣的统计数据，得出结论仍然有很多工作要做。例如，最近推出谷歌的新算法系统，检查适合移动设备或响应的网站，官方声明，与2015年初的统计数据相比，现在有4.7％的网站增加了移动友好性。然而，谷歌拒绝在有关该主题的新闻稿中公布完整的统计数据列表。来自SE极客的其他一些研究人员提出以下数据，声称互联网上11-18％的网页没有响应。

其他一些报告声称，46％使用移动设备的人在使用固定布局查看时会不断报告问题。这些固定的布局或页面是传统的，无响应的网站，仍然覆盖了超过75％的互联网。在发布的新闻公告中，它表示有44％的人表示在较小的设备上导航很困难。

响应式设计的概念因CMS和其他主要因素而异。然而，很容易理解页面或网站是否响应。

因此，在进入标准列表之前，让我提醒一下，响应式布局的概念就像一门艺术，具有一些主要原则，但无论是构建主题还是插件，都有创意。因此，抓住最重要的主要响应式设计原则指令。北京企业网站设计

[wds id =“2”]

1. 屏幕宽度较小，无水平滚动

2. 屏幕宽度越大，内容仍然占据屏幕的很大一部分

3. 较小的屏幕，容器不会变小

4. 屏幕较小，文字大小不会变小

5. 较小的屏幕，侧边栏可以到达页面底部或隐藏

6. 屏幕更小，可用空间更小

7. 较小的屏幕，文本和图像不会溢出其容器

8. 较小的屏幕，菜单项变得隐藏

9. 较小的屏幕 - 粘性菜单，或其他一些快速导航方式

第一件事：建立在灵活的基础上

因此，每个用户在寻找CMS平台的响应式插件或主题时首先要考虑的是它的灵活性。为此，项目背后的人当然知道网页和帖子在网格上构建了多个布局，包含图像，窗口小部件，侧边栏以及更多填充页面空间的内容。

您想要考虑的第一条规则是您在多个设备上的网页外观。在移动设备上查看时，您不希望错过网页的任何重要功能。这就是现代开发人员使用移动优先策略的原因，该策略的目标是在为桌面设计任何设计之前，首先增加为移动设备设计产品的趋势。

但值得一提的是，主要目标保持不变，即提供桌面上可用的完整内容，并将其呈现在干净整洁的界面中。这将允许移动访问者完全扫描您的网站。对于这种情况，页面的内容应具有完美的定位。无论是主要位置的菜单位置还是仅出现在移动设备上的特定菜单位置，自定义标题图片或文本，网站标题和说明，侧边栏或小部件。通常移动主题建立在单列原则或布局上，这就是为什么提到的因素是如此重要的原因。

如何测试您的网站是否有响应

虽然不可能同时在所有设备上测试网站或主题，但有一些很好且有用的工具，称为模拟器，可帮助用户在设备上重新创建视图。

Google Chrome浏览器的开发人员工具中包含了最受欢迎的产品之一。2015年4月21日，Google在Google的开发人员工具中宣布了其主要的移动友好测试平台，允许分析网址并报告该网页是否具有适合移动设备的设计。它需要1-2分钟（取决于您的网站）来呈现一个漂亮的网站报告。该工具声称可以在一系列设备上模仿一个人的网站。允许选择设备，浏览器，版本，甚至创建自定义模式。在大多数情况下它仍然可以正常工作，但我不能错过它无用的事实。所以，我不建议这个工具100％准确，并建议再次检查另一个平台。

有一些iOS，Android和云基础模拟器，其中一些花钱，但可能是测试响应式设计的最便宜和最好的方法是将窗口缩放到不同的大小，并至少在一个Android和ios设备上查看。虽然，让我提一下字体问题或字符; 或滚动和触摸，滑动问题可能介于哪些模拟器不能很好地重现。但是，您也可能对在线工具感兴趣。例如，BrowserStack或BrowserLing是70％准确的工具，允许测试网站以跨700多种浏览器实现跨浏览器兼容性。该原理与您使用Chrome的检查元素工具进行移动视图的方式相同。

与Web开发人员合作

如果您选择与Web开发人员合作，请确保在向某人付费以使您的网站响应或移动设备友好之前，您已考虑过以下方面。

首先要满足这个或那个开发人员的经验。询问他们构建的响应式和移动友好型网站的组合。无论是网络开发公司还是个人，所有组都应该有一些基础来为客户提供开源。您可能会询问您正在接近的开发人员是否具有将桌面站点转换为响应式的经验。阅读客户评论。如果它是一个WordPress主题，那么不要忘记检查有多少人主动安装主题以及主题的评级是多少。此外，请检查人们在论坛或评论页面中对其网站的移动版本可能遇到的问题。

了解客户的需求北京企业网站设计

在本文的最后，请记住，根据您的业务，您希望收集有关您的客户的一些信息，并检查他们是否在您所在行业的领域足够熟练。确保开发人员了解您想要的内容，您想要引起关注的网站最重要的页面或区域。了解您的目标受众。检查您的网站访问者在移动设备上查看页面的百分比。这将允许您正确选择优先级。移动行业不再被忽视，因为2016年智能手机用户数量将超过20亿。

因此，这些是您要考虑的6个要素：

1. 简化导航

2. 使用单列布局

3. 不要低估字体和按钮的大小

4. 避免固定宽度

5. 再次测试，测试和测试

最终，未来会有一些热情的前景，除了开发应用程序的网页外，我们还会将它们与手表，戒指，手镯，全息图等移动设备集成在一起。