Bienvenue à vous sur 299ko, un cms simple et puissant.

Aujourd'hui je vais vous apprendre à changer la bannière de votre site/blog, ne vous inquiétez pas ce n'est pas sorcier.

Commençons donc par le début (c'est déjà pas mal)

Un thème 299ko est composé de plusieurs fichier, ici celui qui na nous intéresser se nomme style.css, c'est ce qu'on appelle une feuille de style en cascade tout simplement ou CSS (Cascading Style Sheets en anglais).

Ouvrez le via un éditeur de texte ou pour plus de commodité je vous invites à télécharger un éditeur de code tel que Notepad++ qui est gratuit sur Windows, pour les utilisateurs Linux je penses que vous avez ce qu'il faut sous la main Angel

Repérez le titre TOP BANNER qui se situe en règle générale à la ligne 374:

Comme vous pouvez le constater sur la ligne 378 background il y a un fichier qui par défaut sur le thème de base se prénomme header.jpg, cette image correspond à votre bannière il vous suffira donc soit de le nommer header.jpg/png/gif ce que vous voulez ou de recopier le nom de celui-ci entre les guillemets à la place de header.jpg.

Mise en situation:

J'ai un site qui parle de chocolat et j'aimerais mettre ma bannière chocolatée qui se nomme "chocoloco.png", j'édite mon fichier style.css, je repère TOP BANNER ou la ligne 378 background, je remplace header.jpg par chocoloco.png. Je sauvegarde ma feuille de style et je la transfert dans le dossier de mon thème en prenant soin de remplacer l'ancien fichier.

Si votre image ne s'affiche pas

Pas de panique, soit vous n'avez pas glisser votre image dans le dossier du thème, soit il suffit de vider le cache de votre navigateur.

J'en profite aussi pour vous apprendre à plus ou moins agrandir la taille d'affichage de votre image, sur l'image ci-dessus vous voyez en ligne 377 height: 850px

px = pixel donc sur mon exemple tirer du thème GirlyGeekUniverse j'avais besoin d'une grande ouverture d'affichage pour ma bannière animée, sur le thème par défaut il est réglé à 450px. Ce sera à vous de jouer pour trouver le bon équilibre pour votre site.

Besoin d'aide ? N'hésitez pas à nous solliciter 😁