如何使现有的WordPress主题响应?

时间:2013-02-22 13:05:33

标签: wordpress wordpress-theming

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

3 个答案:

答案 0 :(得分:5)

当然,你可以做出回应。

但是,这可能是一点点工作。您正在改造现有建筑。

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

设置CSS断点

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

基本上,只需修改CSS,您就可以对网站的现有布局/外观进行大量的魔术。

除了修改布局外,您还可以从基本样式表中提取出奇特的CSS3内容(装饰),只显示更大的尺寸。

关于这一点可以说更多。 CSS是一门艺术。

你可以使用Responsive Page Tester插件 - 这真的很酷: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/。它有一个很大的默认基调。

优点:

  • 从手机“刮刮”开始,而不是尝试将可能很重的桌面网站改装到您的手机中
  • 仅适合您需要的更改
  • 利用大量已为您完成的移动代码和设计

缺点:

  • 它可能与您当前的网站完全不同“外观”
  • 自定义功能(例如自定义帖子类型或特殊主题代码)不会出现,必须重新创建或遗漏

答案 1 :(得分:0)

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

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

通常,如果页面的格式可以根据已经给出的查看窗口进行调整,则主题被归类为响应。这可以通过用户调整浏览器大小,也可以是用户在不同大小的设备(如手机)上查看页面。

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

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

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

答案 2 :(得分:0)

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

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

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