如何让现有的WordPress主题响应？

Question

我有一个网站，我已经应用了一个WordPress主题。但它无法响应，无法在移动设备和其他手柄上正确查看。那么有没有什么办法可以使现有的应用主题响应？提前致谢。

Answer 1

当然，你可以使它响应。

但是，它可以是一点点的工作。您正在改造现有的建筑物。

这里有一些事情我做：

设置CSS断点

查看更多在这里：http://css-tricks.com/snippets/css/media-queries-for-standard-devices/>这基本上设置更改CSS在对应于不同的不同的屏幕宽度的能力设备屏幕宽度。

基本上，您可以通过修改CSS来对现有的网站布局/外观做出许多魔术。

随着修改布局，你可以从基本样式表中拉出花哨的CSS3东西（装饰），只显示在较大的尺寸。

还有很多可以说这个。 CSS是一门艺术。

可以使用自适应网页测试插件，这是真的很酷：http://wordpress.org/plugins/responsive-page-tester/

使响应

好的图片，还有的是一吨讲的这个在过去几年中，但是这似乎为我工作。使用http://responsiveimg.com/（是否有WP插件使用这个呢？不确定。）你可以看看http://wordpress.org/plugins/simple-responsive-images/。我喜欢http://responsiveimg.com/，因为我可以看到，它真的取代了适当大小的血腥图像。

您不仅需要关注的外观，还要关注页面的重量。

如果您需要更改图像大小以匹配您希望的断点，您需要重建图像。这个插件是美妙的两个重建图像，并设置大小：http://wordpress.org/plugins/simple-image-sizes/

选择的隐藏或显示的东西

你可以使用这个插件，可以让你使用简码隐藏或移动/桌面秀的东西：http://wordpress.org/plugins/wp-mobile-detect/。如果技术更加强大，则加载此插件可让您使用https://code.google.com/p/php-mobile-detect/，并且您可以访问那里的所有功能。 （见http://www.lukew.com/ff/entry.asp?1392）。无论如何，如果您使用这些功能，您可以在模板级隐藏/显示，而不仅仅是编辑窗口级别。

转换菜单的移动友好的一个在手机大小

在一定breakpiont，你需要折叠菜单。这个支付的人可能适合你：http://labs.sevenspark.com/UberMenu。你也可以试试这个：http://wordpress.org/plugins/responsive-select-menu/。这真的很好。

调整大小的视频

这里：http://wordpress.org/plugins/fitvids-for-wordpress/

或者，只是服务于不同的主题完全

WP Touch Pro的是伟大的 - http://www.bravenewcode.com/wptouch/。它有一个很大的违约音。

优点：

• 从移动开始“从无到有”，而不是试图改造一个潜在的沉重桌面网站到您的移动
• 适合这个职位，你需要
• 取的优势变化大量的移动代码和设计一直为你

缺点做：

• 它可能有完全不同的“看”比你目前的网站
• 自定义功能，如自定义文章类型或特殊主题代码不会在那里，并且将不得不重新创建或冷落

Answer 2

如果主题不是“响应式”，那么就没有开关让它响应。

要使主题“响应式”需要有关使主题响应的一般知识。

通常，如果页面的格式可以根据给定的查看窗口进行调整，则主题归类为响应。这要么通过用户调整浏览器大小，要么用户在不同大小的设备（如手机）上查看页面。

要理解如何在一般意义上实现这一点，特别是为WordPress，将需要一个更具体的问题。

要对WordPress主题进行任何更改，首先您必须了解WordPress主题结构以及WordPress模板层级。

希望这有助于指出你在正确的方向。

Answer 3

一个简单的建议让WordPress主题响应：

首先，您可能会发现一些与您现有主题相匹配的响应式WordPress主题，然后您可能会改进一些影响您的外观的变化。

这是您可以尝试的第一个解决方案，因为它比第二个解决方案简单。如果它不适合你，那么你可以继续改变CSS，以便通过创建一个子主题来响应。