-1

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

4

3 回答 3

6

当然你可以让它响应。

但是，这可能需要一点工作。您正在改造现有建筑物。

以下是我正在做的一些事情：

设置 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）。无论如何，如果您使用这些功能，您可以在模板级别隐藏/显示，而不仅仅是编辑窗口级别。

将菜单转换为移动设备尺寸的适合移动设备的菜单

在某个中断点，您需要折叠菜单。这个付费的可能对你有用：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/。它具有很大的默认基调。

优点：

  • 从移动“从头开始”开始，而不是尝试将可能很重的桌面网站改造成您的移动设备
  • 适合您需要的更改
  • 利用为您完成的大量移动代码和设计

缺点：

  • 它的“外观”可能与您当前的网站完全不同
  • 自定义功能（例如自定义帖子类型或特殊主题代码）将不存在，并且必须重新创建或省略
于 2013-06-10T23:12:23.443 回答
0

如果主题不是“响应式”，则没有切换使其响应式。

要使主题“响应式”，需要了解使主题响应式的一般知识。

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

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

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

希望这有助于为您指明正确的方向。

于 2013-02-22T13:17:22.510 回答
0

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

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

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

于 2014-08-07T06:22:31.483 回答