将CSS放在附加CSS中还是在子主题styles.css中更好？

Question

更好的是，我想我的意思是在呈现页面时哪个工作得更快。据我所知，附加的css编辑器将更改存储在数据库中。这比在子主题中使用styles.css更快还是更慢？

还有其他考虑，这样的可维护性吗？

Answer 1

这取决于你的情况。然而，有几件事需要考虑：

加载

添加到其他CSS中的CSS是在每个页面顶部的<style>标记中内联添加的。这意味着，如果您有大量的CSS，您将增加您的所有页面的大小单独。因此浏览器将被迫多次下载您的自定义样式。

另一方面，在样式表文件中添加CSS意味着浏览器需要下载额外的样式表，这也意味着浏览器可以缓存该文件，这样就不需要为每个页面再次下载附加样式。

设置

如果使用样式表文件，则必须设置子主题。这意味着您需要创建一个新的主题目录，创建一个style.css文件，包括主题标题。然后，您需要创建一个functions.php文件来正确加载样式表，以及父主题的样式。父主题都有不同的工作方式，因此这个过程可能很棘手。

因此，创建一个子主题要比使用定制器付出更多的努力。

维护

将CSS添加到额外的CSS意味着您需要在定制器中使用编辑器，这是相当狭窄的，并且不适合大量的CSS。

但是，如果将它们添加到样式表中，则可以以更舒适的大小使用任何您喜欢的文本编辑器。

鉴于以上所述，我的建议是，如果您正在进行小的调整和更改，那么使用定制器，但是如果您想要用大量的CSS显着地更改设计，创建一个子主题并使用样式表文件。

这并不是你提到的，而是为了让过路人明白:在几乎任何情况下你都不应该编辑你的主题的样式表。您应该使用自定义程序或创建子主题。