如何使用 CSS 制作主题化 Web 应用程序？
我有一个 Web 应用程序的想法，它允许用户创建自己的个人资料页面，并应用自定义或预定义的主题来更改其个人资料页面的外观/感觉。它类似于 WordPress 主题或任何其他利用类似想法的产品。我的想法是使用 less 构建 css。用户将能够通过 GUI 界面创建/编辑自己的主题（选择颜色、字体等）。保存主题时，它会更新 .less 文件中的变量，并相应地重建 css。
这是将样式主题应用到页面的可行甚至可能的方法吗？是否有任何现有的解决方案已经实现了这一目标？
I have an idea for a web application that would allow users to create their own profile pages, and apply custom or pre-defined themes to change the look/feel of their profile page. It would be similar to Wordpress themes, or any other product that utilizes a similar idea. My idea was to build the css using less. The users would be able to create/edit their own themes through a GUI interface (pick colors, fonts, etc). When saving a theme, it would update the variables in the .less files, and rebuild the css accordingly.
Is this a feasible or even possible way to apply style themes to a page? Are there any existing solutions out there that already accomplish this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我在这里看到的一个问题是用户可以更改页面上不应该更改的其他部分。例如菜单、登录按钮等。这可能是一个安全问题。
所以你必须限制用户改变样式的方式。例如，仅允许更改具有某些参数的某些类。
One problem i see here is that the user can change other parts of the page which shouldn't be changeable. For examlpe menus, login buttons etc. This could be a security problem.
So you must limit the users ways how to change the styles. For example only allow to change certain classes with certain params.
您可以查看 jQueryUI themeroller 这是一种让用户更改其个人资料样式同时将样式限制为颜色的方法和布局大部分。有一些 jQuery 插件可以让他们从下拉列表中选择主题。
更自定义的方法是在整个模板中设置内联样式，用 php 包裹它们并将其工作到 GUI 中。因此，用户选择导航栏的颜色，并将十六进制或 RGB 颜色存储到数据库表中。
You can look at jQueryUI themeroller it's one way to let users change the style of their profile while limiting the styles to colors and layout mostly. There are jQuery plugins that let them select a theme from a drop down.
A more custom method would be to possibly set inline styles throughout your template wrap them with php and work that into your GUI. So users select a color of a navigation bar and the hex or rgb color is stored into a db table.