Bon, allez, un peu de geekisme, parce que ça fait toujours plaisir.
J’ai créé un thème WordPress de A à Z (grâce à l’article de Fran6 intitulé très justement Créez votre thème WordPress de A à Z.
Après avoir créé la structure du thème, je me suis attaqué au CSS. Intégration du thème WordPress que j’avais créé sur Photoshop. Bon, rien de bien délirant en soit. A la sortie, je me suis retrouvé avec un style.css de 4ko, que j’aurai bien-sûr optimiser un petit peu. Mais on y reviendra un peu plus tard.
Également, pour l’intérêt de l’article, je me suis à décomposer ce style.css en 8 fichiers CSS. Si.
Créer 8 fichiers CSS comme je l’ai fait n’a strictement aucun intérêts, mais c’est pour la suite de l’article.
Bref, c’est là que l’ami Darklg nous sort un petit article judicieusement intitulé » Compresser et ranger son CSS avec PHP.« . Ni une ni deux, je me jette sur son code. J’ai juste eu à faire de bêtes copiés collés de son code vers un style.php, mettre mes 8 feuilles de style dans un dossier » css » créé dans le répertoire de mon thème, et zou, le script de Darkounet me sort un seul et unique style-min.css. ‘Voyez l’intérêt que j’ai eu ici à créer mes 8 feuilles de style ? Magique.
Et là, question : comment changer le CSS par défaut de WordPress, pour mettre à la place le style.php de Darkichou ?
Petit rappel, histoire de s’y retrouver. Pour linker le style.css du thème, nous mettons entre les balises head, la ligne HTML suivante :
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /></link>Donc, avec la fonction php bloginfo(‘stylesheet_url’);, nous demandons à WordPress d’aller chercher directement le style.css qu’il y a à la racine de votre thème WordPress.
Pour changer ce fait, et mettre notre petit style.php à la place, nous faisons une recherche Google, et tombons sur un article » Integrating Alternative Stylesheets in WordPress Themes » ou en français : « Intégrer une feuille de style alternative dans un thème WordPress « .
Donc zou, on applique. On vire le bloginfo(‘stylesheet_url’);, et on met à la place bloginfo(‘template_directory’); ?>/style.php. Ce qui nous donne :
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.php" type="text/css" media="screen" /></link>La fonction bloginfo(‘template_directory’); ?> va ici aller chercher le chemin du répertoire de WordPress. On y colle /style.php pour lui demander d’appeler le fichier style.php créé avec l’article de Darky, et voilà, roulez jeunesse.
Donc, grâce à ce script, on passe de 8 feuilles de style CSS à un seul (qui a l’extention PHP, vous pourrez vous la péter grave comme ça o/).
Voilà voilà.
Un commentaire pour “WordPress : Compresser et changer le fichier CSS par défaut”
Mieux, tu peux appeler la version en cache ‘/style-min.css’, qui n’a pas besoin d’être exécutée, et qui peut être mise en cache par le navigateur. :)
Un appel de temps en temps vers style.php pour mettre à jour le cache, évidemment ;)
Comment, or gtfo !