可定制的CSS

Question

我想创建一个网站，允许客户端登录到一个管理页面，允许他们自定义他们的网站，例如他们网站的背景颜色等。有没有办法永久改变CSS的没有直接访问CSS文件的网站的用户界面？基本上允许非程序员自定义他们自己的样式。

Answer 1

如果您正在进行自定义开发，请假设您要自定义以下内容：字体大小，UI颜色，页面宽度等等......要采用的方式如下：

• 拥有所有可自定义内容的UI（在后端）......用户不必触摸代码，只需选择内容，例如填写表单。
• 使用存储在数据库中的信息，您将相应地生成CSS样式，例如，如果您有“标题背景颜色”设置（使用漂亮的颜色选择器），您将生成类似{{1}的样式（假设用户选择了黑色）。
• 您有两种选择：将所有样式放在#header { background-color: #000 }的{​​{1}}标记内，或者使用单独的样式表（我建议，为了良好做法），如果您这样做单独的样式表，你必须在文件系统中编写文件，并确保：自定义样式表在网站样式表之后加载（或者编写所有样式更大的specificity）。

这样您就不会永久修改网站样式表，而是添加一个将覆盖默认样式的附加样式图层。

现在，如果你想深入水域，我建议你使用sass ...你可以设置一个 on-server sass编译环境，当用户选择修改，只需修改sass上的变量，然后重新生成将在站点加载的CSS。

希望这有帮助。