如何使现有的WordPress主题具有响应性? [关闭]

关闭。这个问题需要更加集中。它当前不接受答案。


想改善这个问题吗?更新问题, 使其仅通过编辑此帖子即可解决一个问题。

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

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

在某个断点处, 你需要折叠菜单。这可能对你有用: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/。它具有很大的默认音调。

优点:

  • 从移动”开始”开始, 而不是尝试将可能很沉重的桌面站点改造为移动设备
  • 适应你所需的变化
  • 利用为你完成的大量移动代码和设计

缺点:

  • 它的”外观”可能与你当前的网站完全不同
  • 自定义功能(例如自定义帖子类型或特殊主题代码)将不存在, 必须重新创建或省去

#2


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

使主题”响应式”需要有关使主题响应式的一般知识。

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

要了解如何从一般意义上(尤其是针对WordPress)实施此操作, 将需要一个更具体的问题。

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

希望这可以帮助你指出正确的方向。


#3


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

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

这是你可以尝试的第一个解决方案, 因为它比第二个简单。如果对你而言效果不佳, 则可以继续更改CSS, 以通过创建子主题使其具有响应性。

来源:

https://www.srcmini02.com/67355.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?