Как сделать тематическое веб-приложение с использованием CSS?

Question

У меня есть идея для веб-приложения, которое позволило бы пользователям создавать собственные страницы профиля и применять настраиваемые или предварительно определенные темы для изменения внешнего вида страницы своего профиля. Это было бы похоже на темы Wordpress или любой другой продукт, который использует аналогичную идею. Моя идея состояла в том, чтобы собрать CSS, используя less . Пользователи смогут создавать / редактировать свои собственные темы через графический интерфейс (выбирать цвета, шрифты и т. Д.). При сохранении темы она обновляет переменные в файлах .less и соответственно перестраивает css.

Является ли это возможным или даже возможным способом применения стилевых тем к странице? Существуют ли уже существующие решения, которые уже достигли этого?

Answer 1

Одна проблема, которую я вижу здесь, состоит в том, что пользователь может изменять другие части страницы, которые не должны изменяться.Для проверки меню, кнопок входа и т. Д. Это может быть проблемой безопасности.Поэтому вы должны ограничить способы изменения стилей пользователями.Например, разрешить изменять только определенные классы с определенными параметрами.

Answer 2

Вы можете посмотреть на jQueryUI themeroller . Это один из способов позволить пользователям изменять стиль своего профиля, в основном ограничивая стили цветами и макетом. Существуют плагины jQuery, позволяющие выбрать тему из выпадающего списка.

Более индивидуальным методом было бы, возможно, установить встроенные стили по всему шаблону, обернуть их php и вставить их в ваш графический интерфейс. Таким образом, пользователи выбирают цвет панели навигации, а шестнадцатеричный или RGB-цвет сохраняется в таблице БД.