Utiliser PHP pour modifier vos css et javascript la volée

2015mars01

Vous en avez marre de répéter les même couleurs hexadécimales au travers votre fichier CSS et vous ne souhaitez pas utiliser LESS ? Cette solution est faite pour vous !

Utiliser le moteur PHP afin de stocker vos couleurs, marges, générer dynamiquement des classes sans recopier sans cesse vos CSS.

Création de votre fichier CSS

Prenons un exemple, vous souhaitez que votre site dispose d’un fichier style.css. Votre site dispose de nombreuses balises avec des couleurs qui se répètent sur différents éléments au niveau des bordures, couleurs de fond, de texte…

Pour utiliser PHP dans votre fichier, modifier le comme suit :

<?php
 //definition des variables de style
 $vert='#5cb85c';
 $rouge='#ff0000';
 $marge_1='10px 0';
 $padding_1='10px';

 //ajout du header css (si apache mod header non actif)
 header("Content-type: text/css");
?>
a.bouton{
 color: <?php echo $vert; ?>;
}
p{
 margin: <?php echo $marge_1; ?>;
}

Vous avez compris le principe ? A vous de jouer sur toutes vos couleurs !

Configuration du serveur WEB (Apache ici)

Votre fichier est maintenant prêt, il ne vous reste plus qu’à configuré apache pour lui indiqué d’utiliser PHP pour faire le rendu de votre fichier css.

Pour cela, vous devrait créer un fichier .htaccess dans le répertoire de votre fichier CSS avec le contenu ci-dessous :

<Files style.css>
 SetHandler application/x-httpd-php

 #ligne suivante unique si mode header
 Header set Content-type "text/css"
 </Files>

Et voilà, vous voilà maintenant prêt pour afficher vos CSS via PHP.

Et surtout, vous pouvez réaliser cette opération pour de nobreux autres fichiers tels que javascript, images, xml…

Commentaires