如何使用CSS制作可主题的Web应用程序？

Question

我有一个Web应用程序的想法，该应用程序允许用户创建自己的个人资料页面，并应用自定义或预定义的主题来更改其个人资料页面的外观。它类似于Wordpress主题，或任何其他利用类似想法的产品。我的想法是使用less构建css。用户可以通过GUI界面（选择颜色，字体等）创建/编辑自己的主题。保存主题时，它会更新.less文件中的变量，并相应地重建css。

这是将样式主题应用于页面的可行方法吗？是否有现成的解决方案已经实现了这一目标？

Answer 1

我在这里看到的一个问题是用户可以更改页面中不应更改的其他部分。对于检查菜单，登录按钮等。这可能是一个安全问题。 因此，您必须限制用户更改样式的方式。例如，只允许使用某些参数更改某些类。

Answer 2

您可以查看jQueryUI themeroller这是让用户更改其个人资料样式的一种方式，同时主要将样式限制为颜色和布局。有jQuery插件让他们从下拉列表中选择一个主题。

更自定义的方法是在整个模板中设置内联样式，然后使用php将它们包装到GUI中。因此，用户选择导航栏的颜色，并将十六进制或rgb颜色存储到db表中。