通常在插件中,我会使用wp_enqueue_style添加样式。但是,我当前正在创建一个只需要几行CSS的插件,并且我想知道内联样式以保存请求是否更好。显然,使用wp_enqueue_style有很多优点,但是对于这样一小段CSS,是否值得额外要求?这个领域是否有公认的“最佳实践”?

#1 楼

TL; DR; Enqueue

使用外部样式表



PRO:您的所有样式都集中在一个位置。

PRO:减少网页页面编码。

PRO:易于维护插件。

PRO:可以使用挂钩来更改文件的位置。

PRO:可以

PRO:可以自动使用缩小样式。

CON:可能添加额外的HTTP请求(可以克服)。

使用内联样式




PRO:可以直接查看所应用的样式。

PRO:不需要额外的HTTP请求。

CON:不能使用挂钩来更改样式。

CON:不能使用挂钩来取消样式。

CON:不能完全缩小样式。

CON:需要!important来覆盖样式

通常我会说:当然,如果您是唯一使用它的人,请直接进行内联。但是您正在谈论的是一个插件,这意味着该代码将是公开的,因此旨在扩展。现在,您只有几行样式:




CON:如果那几行变得更多怎么办?

CON:如果有人扩展您的插件怎么办?

CON:如果有人要更改它怎么办?

CON:如果有人在css文件中搜索该怎么办?

CON:如果有人想自动缩小它怎么办?

因此入队。 (最好仅在插件需要时才有条件。)
JavaScript也是如此。 (但如果可能,应将其包含在页脚中。)

评论


在后端使用内联样式可以吗?

–乳木果
13年1月16日,0:55

@bungeshea如果有人要更改您的插件,他们可能想过正确地更改后端;)只要确保仅在后端上使脚本入队即可。例如:函数_your_enqueue($ hook)可以测试$ hook以查看您是否在选项页面上。另外,您可以使用current_screen()获得更简单的属性。事实是,您可以执行此操作,但一般使用的插件是用于服务器端代码的.php文件,并且可能包含或不包含图像,.js和.css文件。

– Derk-Jan
13年1月16日在1:07



您注意到可以解决多余的http请求-您能澄清一下吗?

–达斯汀
13年1月16日,下午2:06

您不能,但是插件的用户可以。在输出页面之前,有几个要写入的插件和函数,获取所有排队的样式并将其添加到缩小的组合文件中。无论您添加多少CSS文件,查看器都只会看到一个。与javascript相同。但是,这不是您的“问题”。不需要优化,恕我直言,额外的HTTP请求还不足以支持所有PRO。

– Derk-Jan
13年1月16日在2:21

关于最后一句话-AFA​​IK样式应在页眉而不是页脚中输出

–马克·卡普伦
13年1月16日在5:07

#2 楼

这很难回答,我真的不确定是否有正式答案。

我了解保存请求的想法,但是内联样式几乎总能取胜。主题或最终用户很难更改CSS。

考虑到这一点,我认为我应该在一个公开发布的插件中进行此操作...


如果CSS对插件,例如幻灯片演示。
或者,如果我还在插件中包含一个过滤器,该过滤器允许更改或删除内联CSS。