PHP-переменные в CSS
Я любитель применять понятие «Бритва Оккама» во всём. Программирование в том числе. К тому-же чистый короткий код и работает стабильней. По крайней мере при рассматривании подобного кода программист может получать удовольствие. Ведь красиво же))
Напрямую в обычном CSS-файле (с расширением .css) PHP-переменные использовать нельзя. Браузер просто не обработает PHP-код внутри такого файла — он увидит текст, а не стилизованные правила. Но есть рабочие обходные пути: PHP должен обработать файл на сервере, чтобы на выходе получился обычный CSS с подставленными значениями.
Создаём переменные, например, для цвета. Кстати, этот код должен размещаться до подключения файла со стилями (style.css). Иначе как наши переменные в него попадут))
<?php
// PHP
$Col0 = '#FDF5E6';
$Col1 = '#AFEEEE';
?>
<!-- CSS -->
<style>
:root {
--Col0: <?php echo $Col0; ?>;
--Col1: <?php echo $Col1; ?>;
}
</style>Теперь подключаем где нужно наши переменные в файле со стилями style.css или какой там у вас.
.body {
background: var(--Col0);
color: var(--Col1);
}Вот, собственно, и всё! К сожалению это применимо не для всех обозревателей. Например в Internet Explorer этот фокус не пройдёт. Впрочем, кто его сейчас использует? 🦕
По данной схеме можно «собрать» и картинки, и шрифты и т.п.