Première étape, l'installation, suivie du choix du placement du menu à gauche ou à droite et du type de comportement de la page (fixe ou fluide ?). Enfin il sera temps d'activer votre thème.

Cet article comprend trois parties :

Installer le kit

Procédure

La première étape consiste bien entendu à installer le thème dans son blog. Pour cela vous devrez suivre les instructions usuelles données sur le wiki.

Liens d'installation :

Contenu du kit

A l'aide de votre client ftp favori, rendez-vous dans le répertoire /themes/kit/ Si tout c'est bien passé vous devriez voir le contenu suivant dans ce répertoire :

  • desc.xml : la carte d'identité du thème
  • images : le répertoire contenant les images utilisées par le thème :
    • bas-sidebar.png : l'arabesque figurant au pied du menu latéral
    • comments.png : « l'escargot » figurant en tête de la zone des trackbacks et commentaires
    • deco-top-a.png : l'image s'affichant au survol de l'entête
    • deco-top : l'image s'affichant dans l'entête
    • icopost.png : l'imagette placée à gauche de chaque titre de billet
  • style.css : la feuille de style du thème
  • zegoodies, un répertoire comprennant des fichiers supplémentaires pour une utilisation éventuelle :
    • CSS-alternatives
      • fluide-D_style.css : css avec sidebar à droite
      • fluide-G_style.css : css avec sidebar à gauche
      • okazou.css : styles supplémentaires à copier dans sa feuille de style si besoin
    • images : toutes les images des exemples du présent guide
    • billet-test.txt : un billet en wiki utilisant de nombreuses balises à copier coller dans son blog.

Choisir la structure

Par défaut, le thème Kit s'installe avec la structure fluide (la largeur de la page s'adapte à la largeur de l'écran), et le sidebar (menu latéral) à droite.

Sidebar à gauche ou à droite ?

Vous pouvez choisir de placer le sidebar à gauche en remplaçant l'actuel fichier style.css par la copie du fichier fluide-G_style.css placé dans le répertoire kit/zegoodies/. Important : n'oubliez pas de renommer cette copie en style.css.

Fixe ou fluide ?

Après avoir choisi la position du menu, si vous souhaitez une page de taille fixe pour votre blog, cherchez les lignes :

#page {
       width : 90%;

et remplacez-les par :

#page {
      width : 740px;

Activer le thème

Dans l'onglet Outils, lien Gestionnaire de thèmes, choisir le thème Kit pour l'affichage de votre blog. Si tout s'est bien passé vous pouvez passer à l'étape suivante : la personnalisation.