Changer l'apparence du site

Il est temps de s’occuper maintenant du graphisme de notre site. Nous allons voir comment paramétrer le thème par défaut pour l’adapter à nos besoins puis nous allons installer un nouveau thème afin d’obtenir une apparence radicalement différente.

Modifier les paramètres d’affichage

Allez dans  Administration --> Apparence , cette page vous permet de changer le thème que votre site utilise ou ceux qu'il rend disponible à vos utilisateurs.

Drupal 6 est livré avec six thèmes. Deux de ces thèmes, Garland et Minelli, peuvent avoir leurs couleurs modifiées facilement grâce au module « Color ». Mais pour commencer nous allons régler quelques paramètres d’affichage.

A côté de l'onglet "liste", qui liste tous les thèmes installés, sélectionnez "Configurer". Ce panneau vous permet de modifier les paramètres communs à tous les thèmes : logo du site, nom, slogan, mission et bien plus encore.

Activez l’affichage du slogan que vous avez écrit précédemment.

C’est ici aussi que vous allez pouvoir remplacer le logo par défaut par le votre. Si vous le souhaitez, recherchez votre logo en cliquant sur « Parcourir » le cliquer et il remplacera le logo de base .

Cliquez sur « Enregistrer la configuration » et vous vous retrouvez avec un logo et un slogan tout neuf.

Modifier le jeu de couleur de Garland

Puis vous trouverez un panneau de configuration par thème installé. Sélectionnez l'onglet « Garland » qui est le thème activé par défaut lors de l’installation.

Explorez les possibilités de modifier les différentes couleurs du thème et sélectionnez par exemple le jeu de couleur « Mercure ».

Sauvegardez les résultats pour afficher votre nouveau look. Drupal affiche maintenant le site dans sa nouvelle livrée ; même les dégradés ont été recalculés…

Trouver de nouveaux thèmes

Vous pouvez trouver de nombreux thèmes sur internet. Mais la référence est évidemment drupal.org. Rendez-vous sur la page d'accueil de drupal.org et cliquez sur le lien "themes". vous aurez ainsi accès à une longue liste de thèmes.

Bien entendu, une simple recherche sur google "theme drupal" vous permettra de découvrir de nombreux autres thèmes gratuits ou payants.

Méfiez vous des sites généralistes qui proposent des thèmes Drupal payants. Même si le graphisme est attrayant vous courez le risque d'acheter un thème qui n'a pas été optimisé pour Drupal. Il est préférable de se renseigner sur la qualité d'un site au préalable : allez sur le forum de drupalfr.org par exemple.

Installer un nouveau thème

L'installation d'un nouveau thème est relativement simple.

La seule astuce à retenir pour le moment est que tous vos nouveaux thèmes doivent être installés dans un répertoire « themes » que vous allez créer dans sites/all. Surtout, ne l’installez pas dans le répertoire « themes » à la racine de l’installation qui contient les thèmes par défaut.

Bien, pour cet exercice nous allons télécharger le thème « Zen ». « Zen » est un thème un peu spécial car il est spécialement conçu pour être utilisé comme plateforme de base pour créer de nouveaux thèmes. Ce thème est livré avec un sous thème un peu plus esthétique : « Zen Classic ». C’est ce thème que nous allons installer.

  1. Pour commencer téléchargez l'archive du thème depuis Drupal.org
  2. Puis, décompressez, l’archive dans un sous-répertoire « themes » (au pluriel) que vous créerez dans le répertoire « sites / all » de votre serveur
  3. Enfin, rendez-vous sur votre site, identifiez-vous et allez dans Administrer --> Construction du site --> Thèmes,
  4. Retrouvez le thème intitulé Zen Classic dans la liste et choisissez le comme site par défaut.
  5. Sauvegardez, et, miracle, votre site a complètement changé d'apparence.

Création de thèmes personnalisés

Drupal 6 a simplifié et amélioré la création de thèmes personnalisés. Par contre, en fonction de ce que vous souhaitez faire la difficulté et l'expertise nécessaire pour créer votre propre thème sera très variable.

Pour commencer vous pouvez étudier la structure du thème Zen (pas la version classique) qui est une base parfaite, sans styles excessifs, pour créer son propre thème.

Mais là, nous débordons du cadre de ce manuel. Pour en savoir plus rendez vous sur le « Manuel du Designer » ou dans la section Thème de la documentation de drupal.org.