Le but de ce script est de permette à l'utilisateur de choisir une interface pour votre site, afin de le rendre plus attractif.
Le principe est simple. Il consiste à créer un fichier de "configuration" pour chacun des "thèmes" que vous voulez créer pour votre site;
et dans chacune des pages du site, ce fichier de configuration sera appelé.
Etape initiale : CHOIX D'UN THEME
Les thèmes seront par exemple tous disposés dans une répertoire "themes", et chaque fichier d'un thème dans un répertoire précis : "default", "theme_1", "mon_theme", ...
Le theme "default" sera par exemple celui utilisé tant que l'utilisateur n'en a pas choisi, si celui choisi n'existe pas; ce code est à inclure dans chacune des pages :
<? // permet de définir un thème par défaut if (!isset($theme)) { // si aucun thème n'est défini $theme = "default"; } else { if (!file_exists("themes/$theme")) { // ou que le thème spécifié n'existe pas $theme = "default"; } } ?>
de plus, un menu permettra de choisir un look.
Dans mon exemple, l'arborescence est la suivante :
<form name="chx_theme" action="<?echo $PHP_SELF;?>" method="post"> Choisir un autre thème : <select name="theme"> <? $les_themes = dir("themes"); // choix du répertoire qui contient les thèmes while ($le_theme=$les_themes->read()) { // parcours de la liste des fichiers du répertoire : // ce répertoire contient des sous répertoires, et chaque sous répertoire a le nom du thème. if (($le_theme!=".") && ($le_theme!="..")) { if ($le_theme==$theme) { // permet de mettre par défaut dans la liste le thème courant echo "<option value=\"$le_theme\" selected>$le_theme</option>"; } else { echo "<option value=\"$le_theme\">$le_theme</option>"; } } } $les_themes->close(); ?> </select> <input type="submit" value="valider"> </form>
1ère étape : DEFINITION DU FICHIER DE CONFIGURATION
<? $nom_de_la_variable = "valeur de la variable"; // la valeur peut être une couleur (#FF0000 par exemple), une taille de police (-1 par exemple), ... ?>
le fichier sera appelé de 2 façons :
1) directement dans le code des pages .php :
<font color="<?echo $couleur_du_texte;?>">
2) dans une page php qui crée une feuille de style, et qui sera elle même appelée dans toutes les autres pages
2ème étape : CREATION DE LA FEUILLE DE STYLE
il semble impossible, dans une feuille de style, d'appeler des variables php. Pour contourner ce problème, il suffit de faire un script qui crée dynamiquement cette feuille de style :
En voici un exemple :
Maintenant, il faut tout simplement appeler chacun des scripts.
Voici un exemple type d'utilisation :
PAGE.PHP
<? include "config_theme.php"; // vérification de l'existence du thème choisi include "themes/$theme/config.php"; // récupération des couleurs et des styles pour le thème choisi // la variable thème contient le look choisi, qui est passé de page en page. Initialement, c'est le thème "default", // qui peut être changé grâce au formulaire contenu dans le menu ?>
<html> <head> <? include "style.php";?> <!-- création de la feuille de style --> </head>
<? // permet de définir un thème par défaut if (!isset($theme)) { // si aucun thème n'est défini $theme = "default"; } else { if (!file_exists("themes/$theme")) { // ou que le thème spécifié n'existe pas $theme = "default"; } } ?>