Personnaliser un thème « zen » avec Drupal7

Le 7 juillet 2011 – temps pour cette tâche : 30mn

Il est possible de créer des sous-thèmes modifiables à volonté sans endommager le thème initial.

Comment s'y prendre ?

  1. Copier le répertoire sites/all/themes/zen/STARTERKIT dans sites/all/themes

  2. Renommer le répertoire « starterkit ». Le nouveau nom est libre dans la mesure où il ne dépasse pas un certaine nombre de caractères (j'ai lu ça quelque part !).

    J'ai choisi d'appeler mon thème clotaire1_ew1

  3. Renommer le fichier STARTERKIT.info.txt en clotaire1_ew1.info (dans mon cas)

  4. Modifier ce fichier .info, notamment :

  • le nom et la description (name and description)

  • les css (stylesheets[all][]). On peut ici choisir une mise en page « liquide » en écrivant :
    stylesheets[all][] = css/layout-liquid.css (dans mon cas, je suis resté à une mise en page fixe

  • ajouter votre propre feuille de style (j'ai ajouté
    stylesheets[all][] = css/_custom.css (pour tester de nouveaux styles...)
     

  1. Modifier le fichier template.php pour remplacer toutes les occurrences de STARTERKIT par  « clotaire1_ew1 ». Ca ne sert pas à grand chose dans un premier temps puisque tout ce fichier est en commentaire mais cela pourra servir par la suite

  2. copier le fichier zen/templates/page.tpl.php vers clotaire1_ew1/templates/ page.tpl.php. C'est ce fichier qui structure votre template et pour des modifs importantes, vous pouvez le modifer.

 

 

Voilà, vous avez les bases pour travailler votre propre template qui s'appuie sur le template zen.

Je vous conseille de faire un tour du coté du menu « Apparences » puis « Paramètres » de votre nouveau thèmes. Vous découvrirez qu'il est possible de paramétrer :

  • la reconstruction du thème sur chaque chargement de page (Rebuild theme registry on every page) : cela permet de vérifier les changements opérer sur le thème quand vous êtes en train de le construire mais cela nuit aux performances : il faudra penser à décocher cette options quand le site sera en production ...

  • le logo

  • l'affichage de la baseline et/ou du nom de votre site (pour les modifier, rdv sur Configuration/site Information)

  • l'apparence du fil d'Ariane,

  • la mise en page générale,

  • les contours (wireframes) pour mieux s'y retrouver

  • ...

Attention pour visualiser les « blocs » constitutifs de votre thème, il faudra vous rendre sur le menu d'administration « Structure > blocs > Aperçu des régions des blocs »

Plus d'infos (anglais) : http://drupal.org/node/873778

Partager sur mes réseaux