结合父主题JS和CSS

时间:2014-12-31 11:46:39

标签: jquery css wordpress

我的网站有一个父主题和一个子主题。目前我正在使用儿童主题。 我将来没有计划更新父主题。

这是可能的吗?我将父主题的所有CSS和JS组合成1个文件(1个用于CSS,1个用于JS)?我的孩子主题将有自己的样式表,我将覆盖父样式并添加新样式。这只是为了加快我的网站速度。

插件将拥有自己的脚本和CSS,因为它们将继续接收更新。

这可能吗?如果是的话,wordpress中的文件中是否有一个位置链接所有样式表和javascript文件,以便我可以删除它们并只放置两个文件的链接?

原谅我,我在网络开发方面都是Noob,我正在学习这份工作。

1 个答案:

答案 0 :(得分:1)

简短回答:有可能吗?是的,可以组合/连接父主题的CSS和JSS文件(你可以使用像Grunt这样的东西来自动处理)。如果您的主题使用wp_enqueue_styles()正确地将CSS和JS排入队列,则根据需要添加和删除CSS和JS应该没有问题。


答案很长:是否可取?与网络相关的大多数事情一样,答案是它取决于。如果你的孩子主题也加载了CSS和JS你就是将使用正在进行的每个额外HTTP请求获得性能损失。其中很多归结为性能与可维护性 - 这是一个平衡两者的问题,因为改进通常会妨碍另一个。让每个插件和子主题加载自己的JS和CSS更好的可维护性,因为它封装了每个组件的依赖性,但它在性能方面很糟糕。你应该问自己:

  • 我真的需要一个儿童主题吗?
  • 父主题应加载什么CSS和JS(如果有的话)?
  • 插件应该加载什么CSS和JS(如果有的话)?

就个人而言,我是一个试图让活跃的主题负责视觉效果的粉丝;这意味着只有子主题加载CSS,并且CSS包含插件所需的任何样式。另外,我尝试让插件保持尽可能轻量级,这样他们就不会需要加载任何CSS;他们只是利用活动主题所具有的任何现有样式。如果它是第三方插件,我会经常将任何CSS排队并让主题处理它;这使视觉效果保持一致并删除其他HTTP请求。

您需要考虑自己的要求并从那里做出决定。