Personnalisation de CSS Résolu/Fermé

Question

Bonjour,

Je travaille actuellement sur un projet pour lequel le client doit pouvoir personnaliser l'apparence du site uniquement par des modifications de couleurs, bien sur sans toucher au code mais par un espace admin, et je ne sais pas comment m'y prendre.

J'avais pensé utiliser less avec des variables pour les couleurs, mais comment faire pour que le client puisse modifier ces variables de couleur ?

J'avais pensé stocker les variables en base de données et utiliser php pour générer le CSS, mais j'ai vu que cette méthode est mal vue (pourtant pour le coup ça m'aurait paru vraiment simple et j'aurais pu aussi ajouter d'autres personnalisations possibles).

Peut-être existe-t-il une autre méthode ?

Merci d'avance des pistes que vous pourrez me donner.

Pitet · Answer

Salut,

Je ne vois pas en quoi le fait d'utiliser du php pour générer le css serait mal vue ?
Simple is better !

Bonne journée

Ysabe_l · Answer

Je ne sais pas c'est ce que j'ai lu dans tous les commentaires qui parlaient de cette façon de faire, beaucoup de commentaires disaient d'utiliser plutôt un pré-processeur comme less ou sass pour simplifier les css et de ne pas utiliser php, mais dans ce que je veux faire là je ne vois pas comment faire avec less (je ne connais pas sass mais je suppose que c'est le même principe).

Mais j'aime bien le "simple is better" tu as raison !

animostab · Answer

je pense que utiliser php pour générer css avec des variable reste la meilleur solution.
ce que tu pourrais faire c'est faire un style en css global et un style complémentaire en php ne contenant que ce qui est switché suivant le membre

Dans le fichier php (css dyamique) tu peux rajouter cette ligne au début pour eviter le rechargement du css a chaque changement de page (mettre dans le cache du nav)

<?php header("HTTP/1.0 304 Not Modified"); ?>

Ysabe_l · Answer

Super animostab merci pour ces précieux conseils !
Je n'avais pas pensé à faire deux CSS et surtout je ne connaissais pas le code pour empêcher le rechargement, c'est juste parfait.

Personnalisation de CSS

4 réponses

Discussions similaires