作为一名新的 WordPress 主题设计师,您很快就会了解到维护长CSS 文件,同时保持它们干净、可扩展和可读是多么困难。
许多设计师和前端开发人员,包括 WPBeginner 的设计师和前端开发人员,建议使用 Sass 或 LESS 等 CSS 预处理器语言,以使工作变得更容易。但这些预处理器是什么?你如何从他们开始?
本文是为新的 WordPress 主题设计师介绍 Sass。我们将解释什么是 CSS 预处理器、为什么需要它以及如何安装它并立即开始使用它。
Sass - 具有超能力的 CSS
什么是 Sass (Syntactically Awesome Stylesheet)?
我们使用的CSS被设计为一种易于使用的样式表语言。然而,网络已经发展,这就是为什么设计人员需要一种样式表语言,使他们能够用更少的精力和时间做更多的事情。
像 Sass 这样的 CSS 预处理器语言允许您利用 CSS 目前 副总裁生产生产电子邮件列表 不可用的功能,例如变量、基本数学运算符、嵌套、mixin 等。
它类似于 PHP,一种在服务器上运行脚本并生成 HTML 输出的预处理语言。同样,Sass 预处理 .scss 文件以生成可供浏览器使用的 CSS 文件。
从3.8 版本开始, WordPress 管理面板样式已移植为使用 Sass 进行开发。有许多 WordPress 主题商店和开发人员已经在使用 Sass 来加快他们的开发过程。
开始使用 Sass 进行 WordPress 主题开发
大多数主题设计者在将主题部署到临时环境或实时服务器之前,都会使用本地开发环境来处理主题。由于 Sass 是一种预处理语言,因此您需要将其安装在本地开发环境中。
您需要做的第一件事是安装 Sass。它可以用作命令行工具,但也有一些不错的 Sass GUI 应用程序。我们建议使用Koala,这是一款适用于 Mac、Windows 和 Linux 的免费开源应用程序。