我有一个网站,我已经应用了WordPress主题。但它没有响应,并且无法在移动设备和其他手柄设备上正确查看。那么有没有办法让现有的应用主题响应?提前致谢。
答案 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,以便通过创建子主题使其响应。