Tutoriel Drupal : créer votre propre site Internet avec Drupal

Dans ce tutoriel Drupal, vous dé­cou­vri­rez notamment les par­ti­cu­la­ri­tés de ce CMS, les prérequis pour utiliser ce logiciel open source, ainsi que les étapes pour créer un premier site Drupal simple.

Qu’est-ce que Drupal ?

Drupal est un CMS open source sous licence GNU GPL, lancé en 2001. Écrit en PHP, il repose sur une ar­chi­tec­ture modulaire : le noyau (core) fournit les fonctions es­sen­tielles, tandis que des milliers de modules com­plé­men­taires, dé­ve­lop­pés par une vaste com­mu­nauté, per­met­tent d’enrichir les fonc­tion­na­li­tés selon vos besoins. Drupal est com­pa­tible avec plusieurs systèmes de gestion de bases de données re­la­tion­nelles tels que MySQL, MariaDB, Percona Server et Post­greSQL.

Drupal : guide pour la con­fi­gu­ra­tion et l’ins­tal­la­tion du CMS

Pour utiliser Drupal pour la création de votre présence en ligne, vous devez d’abord mettre en place la base lo­gi­cielle et ma­té­rielle in­dis­pen­sable à son ins­tal­la­tion et à son fonc­tion­ne­ment. La première étape consiste à disposer d’un serveur sur lequel installer et héberger le CMS ainsi que les ap­pli­ca­tions né­ces­saires, telles qu’un serveur Web, une base de données ou un client FTP.

Vous aurez également besoin d’un nom de domaine adapté pour votre futur projet. Il est essentiel de choisir un nom de domaine à la fois pertinent et facile à retenir. Cela peut s’avérer compliqué, car de nombreux domaines po­pu­laires sont déjà en­re­gis­trés. Des outils comme le vé­ri­fi­ca­teur de domaine IONOS vous aident à re­cher­cher et à contrôler la dis­po­ni­bi­lité de votre domaine.

Logiciels requis pour Drupal

Les exigences lo­gi­cielles de Drupal sont proches de celles des autres systèmes de gestion de contenu po­pu­laires :

• Langage de script : Drupal fonc­tionne sur tout serveur Web com­pa­tible avec PHP. Pour les versions récentes du CMS, il est conseillé d’installer une version actuelle de PHP 8.
• Serveur Web : le choix le plus courant est le serveur Apache, com­pa­tible avec PHP. Des al­ter­na­tives existent, comme NGINX ou Microsoft IIS.
• Base de données : pour la gestion des bases de données, l’équipe Drupal re­com­mande MySQL, MariaDB ou Percona Server.
• Système d’ex­ploi­ta­tion : un système d’ex­ploi­ta­tion doit aussi être installé sur le serveur. Linux est gé­né­ra­le­ment re­com­mandé.

Pour ceux qui sou­hai­tent une solution éprouvée qui répond à toutes ces exigences, il suffit d’installer ce qu’on appelle la pile LAMP.

L’ins­tal­la­tion de Drupal

Si vous souhaitez installer Drupal ma­nuel­le­ment parce que vous gérez votre propre serveur ou que votre four­nis­seur ne propose pas de packages d’ins­tal­la­tion pré­con­fi­gu­rés, vous devez d’abord obtenir les fichiers du programme. Les dernières versions sont dis­po­nibles en té­lé­char­ge­ment sur drupal.org. Trans­fé­rez ensuite les fichiers té­lé­char­gés dans le ré­per­toire racine de votre espace Web à l’aide d’un client FTP comme FileZilla. Accédez ensuite à votre projet Drupal en entrant l’adresse de votre domaine dans le na­vi­ga­teur de votre choix : vous serez alors au­to­ma­ti­que­ment redirigé vers la page d’ins­tal­la­tion /core/install.php. Il vous suffira de suivre les ins­truc­tions de l’ins­tal­la­teur in­te­rac­tif pour con­fi­gu­rer Drupal.

Créer un site Drupal : guide étape par étape

Pour vous sim­pli­fier la tâche, nous avons regroupé ci-dessous les étapes es­sen­tielles liées à l’ad­mi­nis­tra­tion, à la con­cep­tion des pages et à la création de contenu dans Drupal.

Étape 1 : se connecter au backend de Drupal

Lors de l’ins­tal­la­tion, vous avez créé un compte ad­mi­nis­tra­teur pour Drupal, in­dis­pen­sable pour votre première connexion au backend. Pour accéder à la fenêtre de connexion, saisissez l’adresse suivante dans le na­vi­ga­teur Web de votre choix, en rem­pla­çant bien entendu « exemple.org » par le domaine de votre projet :

https://exemple.org/user/login

Dans le for­mu­laire de connexion, saisissez le nom d’uti­li­sa­teur ad­mi­nis­tra­teur et le mot de passe associés, puis cliquez sur « Log in » (Se connecter) :

Close

Étape 2 : changer la langue du backend

Après l’ins­tal­la­tion, l’anglais est défini par défaut comme langue d’affichage pour l’interface uti­li­sa­teur de Drupal. Cependant, vous pouvez choisir d’autres langues en ins­tal­lant les packs lin­guis­tiques cor­res­pon­dants. Comme ils ne font pas partie de l’ins­tal­la­tion de base, il faut d’abord activer le module « Language » :

1. Accédez au menu de con­fi­gu­ra­tion « Extend » dans l’interface d’ad­mi­nis­tra­tion.
2. Faites défiler jusqu’à la rubrique « Mul­ti­lin­gual » et cochez les quatre modules de langue et de tra­duc­tion dis­po­nibles.
3. Faites défiler jusqu’en bas de la page et cliquez sur « Install ».

Close

Une fois ces modules activés, ouvrez le menu « Con­fi­gu­ra­tion » puis, dans la catégorie « Regional and language », cliquez sur « User interface trans­la­tion ».

Close

Passez à l’onglet « Import » et indiquez l’em­pla­ce­ment du fichier lin­guis­tique té­lé­chargé. Cliquez sur « Import » pour lancer le processus. Revenez ensuite au menu « Langues », choi­sis­sez « Français » comme langue d’interface par défaut (« Default ») et confirmez en cliquant sur « Save con­fi­gu­ra­tion ».

Close

Étape 3 : gérer les uti­li­sa­teurs et les rôles

Avant de commencer à créer et concevoir vos pages Drupal, il est re­com­mandé de définir les au­to­ri­sa­tions des futurs uti­li­sa­teurs. Le système de gestion de contenu permet de créer des groupes d’uti­li­sa­teurs auxquels vous pouvez attribuer un ensemble complet de droits. Les comptes nou­vel­le­ment en­re­gis­trés peuvent être assignés à un ou plusieurs de ces groupes, et héritent au­to­ma­ti­que­ment des au­to­ri­sa­tions cor­res­pon­dantes. Drupal distingue trois types d’uti­li­sa­teurs au départ :

• Uti­li­sa­teur anonyme : visiteurs non connectés
• Uti­li­sa­teur au­then­ti­fié : uti­li­sa­teurs disposant d’un compte et connectés
• Compte ad­mi­nis­tra­teur (uti­li­sa­teur n°1) : créé au­to­ma­ti­que­ment lors de l’ins­tal­la­tion, avec tous les droits

Pour modifier ou supprimer ces groupes, ou en créer de nouveaux, rendez-vous dans le menu « Personnes » puis ouvrez l’onglet « Rôles » :

Close

Pour ajouter un nouveau groupe, cliquez sur « Ajouter un rôle », saisissez un nom évocateur, puis validez avec « En­re­gis­trer » :

Close

Vous pouvez ensuite définir les au­to­ri­sa­tions du nouveau groupe sous l’onglet cor­res­pon­dant, en cochant les ca­té­go­ries et actions sou­hai­tées, puis en validant avec « En­re­gis­trer les droits d’accès » :

Close

La création d’un nouveau compte uti­li­sa­teur s’effectue également via le menu « Personnes ». Dans l’onglet d’accueil (« Liste »), cliquez sur « Ajouter un uti­li­sa­teur », rem­plis­sez les in­for­ma­tions né­ces­saires (adresse email, nom d’uti­li­sa­teur, mot de passe) et sé­lec­tion­nez, dans la rubrique « Rôles », le groupe auquel rattacher le compte. Terminez en cliquant sur « Créer un nouveau compte uti­li­sa­teur » :

Close

Étape 4 : importer un thème et le définir par défaut

Créer un site Drupal est ac­ces­sible même aux débutants avec peu d’ex­pé­rience en in­for­ma­tique grâce à la structure claire du système de gestion de contenu. Le fait que les fonc­tion­na­li­tés soient ini­tia­le­ment limitées à l’essentiel ne signifie pas que le logiciel ne puisse pas être utilisé pour des projets plus complexes. Vous pouvez enrichir Drupal à tout moment en ajoutant des modules com­plé­men­taires lorsque les fonctions de base ne suffisent pas.

Le principe de mo­du­la­rité s’applique aussi à la con­cep­tion de la mise en page et du design de votre site Drupal. Le CMS fournit deux thèmes préins­tal­lés : le thème par défaut Olivero et le thème d’ad­mi­nis­tra­tion Claro. Ils couvrent les besoins es­sen­tiels pour ad­mi­nis­trer votre projet et créer vos premières pages. Vous pouvez aussi opter pour l’un des centaines de thèmes Drupal gratuits dis­po­nibles sur le dépôt officiel de thèmes Drupal, le té­lé­char­ger puis l’ajouter ma­nuel­le­ment à votre ins­tal­la­tion. Con­trai­re­ment à d’autres CMS, Drupal ne propose pas de ges­tion­naire d’ins­tal­la­tion intégré pour les thèmes. Vous devez donc copier le thème dans votre espace Web, dans le ré­per­toire suivant :

/drupal/nom-du-site-web/themes

Une fois le thème transféré, vous pouvez l’installer via le backend du CMS. Pour cela, ouvrez le menu « Apparence » et faites défiler jusqu’à la section « Thèmes non installés » :

Close

Cliquez sur « Installer et définir par défaut » pour installer le thème choisi et l’appliquer comme thème principal de vos pages Drupal. Terminez en cliquant sur « En­re­gis­trer la con­fi­gu­ra­tion » pour valider votre choix.

Étape 5 : créer des pages Drupal

Après avoir terminé la con­fi­gu­ra­tion du backend, la gestion des uti­li­sa­teurs et la sélection de la mise en page, vous disposez désormais de la base idéale pour commencer à créer un site Drupal. La première étape consiste à ajouter de nouvelles pages que vous pourrez enrichir avec du texte, des images ou des vidéos. Pour créer une page, ouvrez le menu « Contenu » puis cliquez sur « Ajouter du contenu » :

Close

Par défaut, Drupal propose deux types de contenu :

• Sé­lec­tion­nez « Page de base » pour créer des pages Web statiques comme les mentions légales, une page « À propos de nous » ou une politique de con­fi­den­tia­lité.
• Choi­sis­sez « Article » pour publier des contenus dy­na­miques et ac­tua­li­sés comme des articles de blog, des ac­tua­li­tés ou des com­mu­ni­qués de presse.

Cliquez sim­ple­ment sur le type souhaité pour commencer la création.

Pour les deux formats, vous pouvez :

• Définir un titre de page
• Ajouter du contenu textuel
• Régler les premiers pa­ra­mètres de menu et d’URL

Les articles offrent en plus la pos­si­bi­lité d’activer les com­men­taires, d’ajouter des mots-clés (tags) et de définir une image associée. Drupal ne requiert qu’un titre pour valider la création, que ce soit pour une page simple ou un article. Un clic sur « En­re­gis­trer » suffit pour générer la nouvelle page.

Close

Pour publier un contenu di­rec­te­ment sur la page d’accueil, cochez la case de la page cor­res­pon­dante dans la liste du menu « Contenu » et sé­lec­tion­nez l’option de pu­bli­ca­tion désirée. Validez ensuite avec « Appliquer aux éléments sé­lec­tion­nés » :

Close

Étape 6 : insérer des images

Si vous souhaitez ajouter des images à un texte sur votre site Drupal nou­vel­le­ment créé, ouvrez l’éditeur pour la page cor­res­pon­dante. Pour ce faire, re­cher­chez sim­ple­ment cette page dans le menu « Contenu » et appuyez ensuite sur « Modifier ». Vous disposez à présent des mêmes options de pa­ra­mé­trage que lors de la création de la page et donc également de l’accès à l’éditeur WYSIWYG. Avec cet outil, vous pouvez struc­tu­rer le texte de la page comme dans un éditeur de texte ordinaire, en utilisant des mises en gras, italiques, des titres ou des listes à l’aide de la barre de menu. De plus, il est possible d’intégrer des photos et des images. Pour ce faire, cliquez d’abord sur l’icône d’image :

Close

Indiquez l’em­pla­ce­ment de l’image que vous souhaitez intégrer sur votre site Drupal. Ensuite, rédigez un texte al­ter­na­tif qui sera affiché aux visiteurs du site ne pouvant voir l’image. Un menu suit, dans lequel vous pouvez définir l’alig­ne­ment de la photo ou du graphique. Cochez « Légende » pour ajouter une caption ap­pro­priée sous l’image :

Close

Étape 7 : insérer des liens

De plus, l’éditeur Drupal vous permet d’insérer des liens en cliquant d’abord sur l’icône Lien et en sai­sis­sant l’URL cible souhaitée. Ensuite, vous confirmez le lien en cliquant sur la coche verte ou en appuyant sur la touche Entrée.

Close

Pour les liens internes, la méthode standard pour créer un lien est quelque peu com­pli­quée, raison pour laquelle il existe divers modules ad­di­tion­nels qui sim­pli­fient con­si­dé­ra­ble­ment la procédure. Nous re­com­man­dons ici le module Linkit, qui est également com­pa­tible avec les versions récentes de Drupal. Té­lé­char­gez le fichier Linkit approprié et trans­fé­rez le module (comme pour l’ins­tal­la­tion du thème) sur l’espace Web. Dans ce cas, le ré­per­toire de des­ti­na­tion est le suivant :

/drupal/nom-du-site-web/modules

Ouvrez le menu « Ex­ten­sions » et faites défiler jusqu’à « Ex­pé­rience uti­li­sa­teur », où vous pouvez main­te­nant sé­lec­tion­ner le module Linkit. Ensuite, faites défiler jusqu’en bas de la page et appuyez sur « Installer ».