Sites


Créer son site avec Drupal 8

Modifier l'apparence de Drupal 8 avec des thèmes

Un site est plus rapide à réaliser avec l'aide d'un CMS, mais a le désavantage de ressembler à tous les sites utilisant le même CMS. Une façon assez simple de se démarquer est de modifier l'apparence par défaut du site. Pour personnaliser l'apparence du site internet, vous pouvez :

  • réaliser vous-même les modifications des fichiers gérant l'apparence (html, css, etc) ou demander à un professionnel de le faire pour vous
  • installer une extension qui se charge de cela, dans laquelle des morceaux sont plus ou moins personnalisables.

Le terme de thème graphique est fréquemment employé pour désigner ce type de programmes qui ont uniquement pour tâche de modifier l'apparence du site internet.

Pour Drupal vous trouverez deux sortes de thèmes :

  • les thèmes de l'administration du site, (Drupal vient avec le thème Seven) ;
  • les thèmes de la partie publique du site (Drupal vient avec le thème Bartik), ceux-ci sont plus ou moins personnalisables ;
Note : La plupart du temps, les thèmes modifiant l'apparence du site public sont plus recherchés que ceux modifiant l'administration !

Modifier l'apparence du thème Bartik

Bartik est le nom du thème graphique par défaut du site public de Drupal. Il donne accès à quelques personnalisations en se rendant dans le menu Apparence.

En-dessous du nom Bartik 8.0.5 (thème par défaut) un lien intitulé Paramètres redirige vers une page de personnalisation des couleurs.

Entrez les nouvelles valeurs des couleurs en héxadécimal ou alors aidez-vous visuellement de la roue des couleurs.

Insérer son propre logo

Par défaut le thème Bartik vient avec le logo du projet Drupal. Il est bien sûr possible de modifier et d'insérer votre propre logo :

  • Dans la rubrique Apparence puis paramètres du thème par défaut Bartik, vous êtes conduit vers une autre page ;
  • La partie Paramètres du logo contient une option cochée intitulée Utiliser le logo par défaut fourni par le thème, décochez cette option ;
  • Un champ apparaît vous invitant à charger l'image de votre logo ;
  • Validez en cliquant sur Enregistrer la configuration.

Chercher et trouver un thème

Le site officiel propose une partie dédiée aux thèmes : https://www.drupal.org/project/project_theme.

Vous trouverez des thèmes qui modifient complètement l'apparence de votre site internet en requierant un minimum de configuration. D'autres, dédiées aux intégrateurs, développeurs et graphistes, sont une sorte d'ossature pour les modifications plus profondes du thème.

Ce second type de thème est donc réservé aux professionnels et ne rentre pas dans le cadre de ce livre.

Installer et activer un thème

Cherchez le thème Mayo. Il a l'avantage d'être compatible avec Drupal 8.

  • Téléchargez l'archive ;
  • Dans le menu Apparence, cliquer sur Installer un nouveau thème
  • Importer l'archive soit depuis son url soit depuis vos dossiers personnels
Note : Le thème Mayo est installé dans le répertoire /themes/ de Drupal
  • Au bas de la page Apparence > Thèmes désinstallés, le thème Mayo apparaît. Cliquez sur Installer et définir par défaut afin de l'appliquer sur le site.

 

De la même manière, en cliquant sur Paramètres, cela bascule vers la page de personnalisation du thème. Cette page propose via un menu déroulant de nombreuses possibilités. En-dessous, il est possible de créer son propre jeu de couleurs.

Le résultat est immédiatement visible sur le site public.

 

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.