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

如何使现有的WordPress主题具有响应性?,wordpress,wordpress-theming,Wordpress,Wordpress Theming,我有一个网站,我已经应用了WordPress主题。但它没有响应能力,无法在移动设备和其他手持设备上正常观看。那么,有没有办法使现有的应用主题具有响应性?提前谢谢 如果主题没有“响应性”,那么就没有使其响应的开关 要使主题具有“响应性”,需要了解主题响应性的一般知识 通常,如果页面的格式可以根据给定的查看窗口进行调整,则主题被归类为响应性主题。这可以通过用户调整浏览器大小,也可以通过用户在不同大小的设备(如手机)上查看页面来实现 要理解如何在一般意义上实现这一点,特别是对于WordPress,需要

我有一个网站,我已经应用了WordPress主题。但它没有响应能力,无法在移动设备和其他手持设备上正常观看。那么,有没有办法使现有的应用主题具有响应性?提前谢谢

如果主题没有“响应性”,那么就没有使其响应的开关

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

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

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

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


希望这有助于为您指明正确的方向。

当然,您可以让它更具响应性

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

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

设置CSS断点

请参阅此处的更多信息:>这基本上设置了在不同屏幕宽度(对应于不同的设备屏幕宽度)下更改CSS的能力

基本上,您可以通过修改CSS对站点的现有布局/外观进行大量修改

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

关于这一点,还有很多可以说的。CSS是一门艺术

您可以使用响应页面测试器插件这真的很酷:

使图像具有响应性

好吧,在过去的几年里有很多关于这个的讨论,但这对我来说似乎很有效。使用(是否有WP插件使用此功能?不确定)。您可以查看。我喜欢,因为我可以看到,它真的取代了血淋淋的图像与适当的大小

您不仅需要关注外观,还需要关注页面重量

如果需要更改图像大小以匹配所需的断点,则需要重新生成图像。此插件非常适合重建图像和设置大小:

有选择地隐藏或显示内容

您可以使用此插件,它允许您使用短代码隐藏或显示移动/桌面的内容:。如果你更技术,加载这个插件可以让你使用,你可以访问那里的所有功能。(见附件)。无论如何,如果使用这些函数,可以在模板级别隐藏/显示,而不仅仅是编辑窗口级别

将菜单转换为手机大小的手机友好菜单

在某个临界点,您需要折叠菜单。这个付费的可能适合您:。你也可以试试这个:。真是太好了

调整视频大小

在这里:

或者,只提供一个完全不同的主题

WP Touch Pro很棒。它有一个非常默认的基调

优点:

  • 从移动“从头开始”,而不是试图将一个可能很繁重的桌面站点改装到您的移动设备中
  • 适应你需要的变化
  • 利用大量为您设计的移动代码和设计
缺点:

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

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

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


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

      有,但可能需要大量工作。没有什么神奇的解决办法。我建议在谷歌搜索
      使wordpress主题响应时查看前两个结果
      非常感谢您的回复。感谢您的帮助,我浏览了一些文章,决定使用bootstrap框架自定义主题。