将我的主题的所有SCSS编译到主题根目录中的style.css文件中有什么需要注意的吗?

时间:2019-10-09 作者:Dan Walsh

我从事WordPress开发,经验更丰富的WP开发人员总是告诉我将我的主题SCS编译成一个单独的style.css 文件,通常放入子目录,如assets/css/style.css.

然而今天我读了一篇关于SitePoint 他们讨论如何将SCS直接编译到style.css 主题根目录中的文件(确保cssnano保留开头的块注释元),无需将单独的CSS文件排队。

此外,在WordPress Codex page for Theme Development 内容如下:

除了主题的CSS样式信息之外,还有样式。css以注释的形式提供主题的详细信息。

在整个codex页面中,没有提到需要将样式分离到另一个CSS文件中并通过functions.php.

My question: 将我的主题的所有SCS编译到style.css 主题根目录中的文件?

1 个回复
最合适的回答,由SO网友:Jacob Peattie 整理而成

你的主题需要风格。css将出现在主题的根目录中,顶部有一个注释标题,其中包含有关主题的信息,如下所示:

/*
Theme Name: Twenty Nineteen
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you\'ll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it\'s built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
因此,您真正需要考虑的唯一一件事是,您的构建过程是否删除了注释。如果编译SCS时删除了注释,则生成的样式表对样式无效。css,因为它将丢失标题注释。如果要编译为样式。css,请确保您没有删除注释,或者有一个在编译后插入注释的过程。

除此之外的任何事情实际上都只是一个意见问题,以及你喜欢如何组织事情。

相关推荐

在实时WordPress服务器上使用/编译Foundation Sass

到目前为止,我已经在我的许多网站上广泛使用了LESS和BootStrap。然而,我决定开始使用Zurb Foundation,因为它看起来更强大,尤其是最新版本(5)。用更少的资源,我一直在做的就是安装WP-Less, 使用PHPLES库编译的插件.less 通过查看.less 文件已使用wp_enqueue_style() 在我的WordPress主题中起作用。如果我在我的主页上做任何编辑.less 文件及其依赖项/包含项等,并将其上载到我的服务器上,WP Less会注意到这一点,并为我重新编译一个新的