Выбор цветовой схемы сайта и пользовательские цвета темы ACF PRO
Задача: выбор цветовой схемы темы или установка пользовательских цветов элементам темы с помощью color picker ACF PRO
-
537
Нередко бывают задачи когда дизайн отрисован в нескольких цветовых схемах и нужно это реализовать в пределах одной темы.
Один из вариантов решения этой задачи при помощи подключения соответствующих файлов стилей.
На страницу опций (была создана ранее) выводится поле выбора (обычный select) с возможностями выбора уже готовых цветовых схем, а также с вариантом пользовательских цветов для элементов.
Для начала реализация выбора готовых цветовых схем:
Собственно в первой строчке мы получаем значение выбранное в select на странице опций. А дальше просто подключается соответствующий файл со стилями.
Подключается файл при помощи action следующим образом:
Теперь, что касаемо пользовательских цветов. Условной логикой, если выбран вариант "Пользовательские цвета" в select на странице опций, то появляется несколько полей типа color picker.
Дальше подключается файл с пользовательскими цветами. И фрагмент применения цветов: