1. CSS переменные (сразу смотри поддержку браузерами).
2. Выводить данные в теге
<style> на этапе генерации страницы (частый метод в WP темах):
<head>
...
<style>
.classname {
color: <?= $settings['classname_color']; ?>;
}
Ничего сложного, на WP все формируется внутри PHP файлов, которые так могут из коробки, главное занести переменную в вид из конфигу (как и любую другую для вывода, собсно).
3. Генерировать CSS-файл, который будет подключен в тело.
4. При выводе генерировать инлайновые стили в тегах (о ужес, но так можно).
5. Передавать в JS, которым генерировать динамические стили. Принцип описан в
документации JS. Вопрос только в том, как туда данные попадут, это может быть, скажем метод а-ля API, чтобы за-fetch-ить JSON или занос в переменную прямо в тело:
<script>
var data = <?= json_encode($settings); ?>
document.querySelector('.classname').style.color = data.classname_color;
Конечно, под все методы, кроме первого, у тебя должны быть согласованы с бэком отправители, так и адресаты изменений, фолбэки и т.д.
6. Если бы не WP с его условно-законченным видом, то можно компилить на уровне бэкенда сырцы типа Sass, передавая в него данные из базы с помощью сборки (я думаю это можно и под WP накрутить, но я лично не пробовал).
ЗЫ: Градация от первого до пятого → в порядке абсурдности, чем выше, тем адекватнее. 6 уже особняком идет.
Простой
Средний