关闭。这个问题需要更加集中。它当前不接受答案。
想改善这个问题吗?更新问题, 使其仅通过编辑此帖子即可解决一个问题。
5年前关闭。
我有一个网站, 并且已将WordPress主题应用于该网站。但是它没有响应, 并且无法在移动设备和其他手持设备上正常查看。那么, 有什么方法可以使现有的应用主题具有响应性?提前致谢。
#1当然, 你可以使其响应。
但是, 这可能需要一点工作。你正在翻新现有建筑物。
这是我正在做的一些事情:
设置CSS断点
在此处查看更多信息:http://css-tricks.com/snippets/css/media-queries-for-standard-devices/>
这基本上可以设置更改CSS的能力, 使其可以在与不同设备屏幕宽度相对应的不同屏幕宽度下进行更改。
基本上, 你只需修改CSS, 即可对网站的现有布局/外观进行大量处理。
除了修改布局, 你还可以从基本样式表中提取精美的CSS3素材(装饰), 仅以较大的尺寸显示它。
关于这一点, 还有很多可以说的。 CSS是一门艺术。
你可以使用Responsive Page Tester插件-这真的很酷:http://wordpress.org/plugins/sensitive-page-tester/
使图像响应
好的, 在过去的几年中, 对此进行了大量讨论, 但这似乎对我有用。使用http://sensitiveimg.com/(是否有使用此功能的WP插件?不确定。)你可以查看http://wordpress.org/plugins/simple-sensitive-images/。我喜欢http://sensitiveimg.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)。无论如何, 如果你使用这些功能, 则可以在模板级别(而不仅仅是编辑窗口级别)隐藏/显示。
【如何使现有的WordPress主题具有响应性( [关闭])】将菜单转换为适合移动设备的适合移动设备的菜单
在某个断点处, 你需要折叠菜单。这可能对你有用:http://labs.sevenspark.com/UberMenu。你也可以尝试以下一种方法:http://wordpress.org/plugins/sensitive-select-menu/。真是太好了。
调整视频大小
此处:http://wordpress.org/plugins/fitvids-for-wordpress/
或者, 只是一起提供其他主题
WP Touch Pro很棒— http://www.bravenewcode.com/wptouch/。它具有很大的默认音调。
优点:
- 从移动” 开始” 开始, 而不是尝试将可能很沉重的桌面站点改造为移动设备
- 适应你所需的变化
- 利用为你完成的大量移动代码和设计
- 它的” 外观” 可能与你当前的网站完全不同
- 自定义功能(例如自定义帖子类型或特殊主题代码)将不存在, 必须重新创建或省去
使主题” 响应式” 需要有关使主题响应式的一般知识。
通常, 如果页面的格式可以根据给定的查看窗口进行调整, 则将主题归类为响应主题。这是通过用户调整浏览器大小或通过在不同大小的设备(例如手机)上查看页面来实现的。
要了解如何从一般意义上(尤其是针对WordPress)实施此操作, 将需要一个更具体的问题。
要对WordPress主题进行任何更改, 首先必须了解WordPress主题结构和WordPress模板层次结构。
希望这可以帮助你指出正确的方向。
#3一个使WordPress主题具有响应性的简单建议:
首先, 你可能会发现一些与现有主题相匹配的响应式WordPress主题, 然后可能会由于应用新主题而改进了一些影响外观的更改。
这是你可以尝试的第一个解决方案, 因为它比第二个简单。如果对你而言效果不佳, 则可以继续更改CSS, 以通过创建子主题使其具有响应性。
推荐阅读
- 如何将插件js文件加载到自定义wordpress主题()
- 如何在WordPress中从静态页面链接到index.php()
- 如何将此php指令插入printf结果()
- Java Collection接口之( List接口&Set接口)
- Linux用户权限小练习
- 运维小白成长记——第二周
- oeasy教您玩转vim - 85 - # 全局命令
- 分布式专题——分布式限流解决方案
- 使用阿里巴巴开源镜像站镜像——Kubernetes 镜像