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

Question

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

Answer 1

当然,你可以使它响应.

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

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

设置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/.它有一个很大的默认基调.

优点:

缺点: