Comment créer un site web avec Drupal

Je ne recommanderais pas Drupal pour un débutant, mais c'est vraiment une plate-forme de création de site web très puissante. Si vous voulez apprendre comment créer un site basique avec Drupal, vous n'avez qu'à suivre ce guide. Notez que depuis février 2014, plus de 1 015 000 sites utilisent Drupal.

Vous pouvez commenter ce tutoriel sur le forum Drupal : Commentez Donner une note à l'article (5)

Article lu   fois.

Les deux auteur et traducteur

Site personnel

Traducteur : Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Créer un site web basique avec Drupal

Dans ce tutoriel, je vais vous montrer comment créer un site web basique avec Drupal pour votre entreprise ou simplement pour votre usage personnel.

Une fois que vous aurez installé Drupal 7 sur votre hébergeur web, vous aurez accès à l'un des plus puissants logiciels open source de la planète. Mais il existe quelques ajouts que vous pouvez obtenir lors de l'installation basique afin de rendre votre site plus puissant, sécurisé, facile à modifier, polyvalent et fun.

Avant d'aller plus loin, je vous recommande fortement de créer votre propre nom de domaine (www.votresite.com) ainsi que d'obtenir un service d'hébergement qui va connecter votre site web Drupal avec Internet. Je vous conseille de vous diriger vers www.Bluehost.com (il vaut vraiment le coup).

Sans nom de domaine ni hébergeur, vous ne pourrez pas créer votre site, et donc personne ne pourra naviguer dessus ou lire les articles.

II. Changer les informations du site

La première chose que vous voudrez certainement changer est le banal titre « Mon site ».

Image non disponible

Vous pouvez changer cela afin que le nom de votre site apparaisse, et vous pouvez même ajouter un slogan. Par exemple, si le site s'appelle «Golf Long Driving Tips », vous avez un aperçu ci-dessous de ce à quoi cela peut ressembler :

Image non disponible
Image non disponible

Pour changer le nom du site, rendez-vous dans « Configuration » puis « Informations du site ». Dans le champ « Nom du site », insérez le nom de votre site web. Si vous avez un slogan accrocheur, vous pouvez l'ajouter dans le champ « Slogan ». Pour bien choisir votre slogan, trouvez une phrase accrocheuse, ou simplement quelques détails qui résument bien le thème de votre site.

Assurez-vous que l'adresse e-mail que vous avez entrée lors de l'installation apparaisse dans le champ « Email ». Sauvegardez toutes vos modifications et retournez sur la page d'accueil du site. Il se peut que vous deviez actualiser la page pour voir les changements effectués.

III. Changer ou ajouter un thème

Vous voudrez sûrement un thème différent de celui qui est installé par défaut. Il n'y a pas beaucoup de choix dans les thèmes disponibles par défaut. Pour trouver des thèmes supplémentaires depuis le site Drupal, rendez-vous dans le menu « Apparence » et cliquez sur « Installer un nouveau thème ». Cliquez sur « Thèmes » et vous serez renvoyé dans la section Thèmes de Drupal.orgsection Thèmes de Drupal.org. Mettez le filtre sur Drupal 7 afin que les thèmes que vous trouverez soient fonctionnels sur cette version. Un petit conseil : vous pouvez les trier par « Les plus installés », « Pertinence », « Titre » et bien plus.

Par exemple, si vous souhaitez le thème Mayothème Mayo, trouvez le lien pour la dernière version Drupal 7, faites un clic droit et copiez l'adresse URL. Retournez sur votre site, collez l'adresse dans le champ « Installer via une URL ». Cliquez sur « Installer ». Ensuite, cliquez sur « Activer le thème installé récemment », descendez sur la page et cliquez sur « Activer » pour le thème Mayo. Cliquez sur « Définir par défaut » pour qu'il devienne le thème actuel de votre site. Ci-dessous, vous pouvez voir ce que ça donne :

Image non disponible
Image non disponible

Le thème Mayo est plein de ressources, dans le sens où il dispose de différents styles et couleurs que vous pouvez choisir. Ci-dessous un aperçu d'un autre style.

Tous les changements disponibles pour chaque thème se trouvent en suivant le lien « Options » qui se trouve près du thème en question. Vous voudrez peut-être installer plusieurs thèmes pour voir ce que chacun propose et choisir celui qui vous convient le mieux.

Voici une vidéo intéressante qui montre comment installer des thèmes sur votre site Drupal :


Cliquez pour lire la vidéo


IV. Créer la page « À propos de moi »

Des études montrent que les pages les plus vues des sites web sont des pages du genre « À propos de ». Intuitivement, les visiteurs souhaitent savoir de quoi traite le site et qui en est aux commandes. Dans cette partie, je vais vous montrer comment créer une page basique « À propos de moi ». Rendez-vous simplement dans « Contenu », « Ajouter du contenu » puis « Page basique ». Écrivez « À propos de nous » dans le titre et ajoutez toutes les informations utiles dans le corps de texte.

Pour que la page « À propos de nous » apparaisse dans le menu principal, sous « Options du menu », cochez la case « Ajouter un lien au menu ». Enregistrez la page et vous devriez pouvoir accéder à « À propos de nous » depuis le menu principal. Pour changer l'ordre des items, allez dans « Structure », « Menu » puis « Menu principal ». Les items peuvent être déplacés en attrapant la petite croix avec la souris puis en la déplaçant vers le haut ou le bas.

V. Ajouter des modules des contributeurs

Une des forces de Drupal est sa communauté loyale, impliquée et contributive. Cette dernière a contribué à la création d'excellents modules, souvent appelés « contrib modules », pour quiconque utilise le système Drupal. Il y a des modules que je voudrais ajouter immédiatement à l'installation basique de Drupal 7. Vous pouvez les trouver en suivant : https://drupal.org/project/project_module.

Téléchargez les fichiers zip ou tar sur votre disque dur. Utilisez votre client FTPclient FTP pour les mettre en ligne sous « sites/all/modules » dans le répertoire d'installation de Drupal sur votre hébergeur web. Dézippez les fichiers. Puis rendez-vous dans la section « Administrateur » puis « Modules » pour activer les tout nouveaux modules. Voici ceux que je choisirais :

V-A. Module « Menu Administrateur »

Image non disponible

Premièrement, désactivez la barre d'outils existante. Puis activez le module Menu Administrateur (ou Admin Module) qui vous propose de sympathiques menus déroulants dans toute la partie administration. Ce module va vous faire gagner énormément de temps, puisqu'il vous évite d'avoir à charger une tonne de pages pour trouver la seule fonction particulière d'administration dont vous avez besoin.

V-B. Module « CKEditor »

Drupal ne propose pas par défaut un éditeur de texte WYSIWYGéditeur de texte WYSIWYG. WYSIWYG signifie « What You See Is What You Get », ou « Ce que vous voyez est ce que vous obtenez » dans la langue de Molière, c'est-à-dire que l'éditeur offre une zone visuelle d'édition de texte en HTML, similaire aux logiciels de traitement de texte, rendant le texte visuellement plus attrayant et facile à mettre en page. CKEditor est une solution populaire afin d'obtenir la fonctionnalité WYSIWYG. Le module a été amélioré récemment afin d'être plus rapide et facile d'utilisation. Pour faire fonctionner CKEditor après avoir installé le module Drupal, vous devrez aussi télécharger le module autonome depuis la section téléchargement sur CKEditor.com. Ensuite, extrayez ces contenus dans le répertoire sites/all/modules/ckeditor/ckeditor sur votre site Drupal.

Image non disponible

V-C. Module « IMCE »

Image non disponible

IMCE vous aide à ajouter des images à vos articles. C'est un navigateur et un outil de téléchargement qui fonctionne avec l'éditeur de texte CKEditor. Après avoir installé et activé IMCE, rendez-vous dans « Configurer », « Contenu », « Réalisation », « CKEditor », « Profils », « Avancé », « Éditer » et enfin « Options du navigateur de fichiers ». Puis sélectionnez IMCE depuis le menu déroulant pour le lien de la fenêtre de dialogue, l'image de la fenêtre de dialogue et la fenêtre de dialogue rapide. Enregistrez les options.

V-D. Module « Pathauto »

Le module Path intégré à Drupal vous permet de créer les meilleures URL à la main. Pathauto vous soulage de cette corvée pour chacun de vos messages, spécialement si vous travaillez avec des utilisateurs qui négligeront ce travail. Vous pouvez assigner un modèle personnalisé de remplacement et des liens vers la page de l'utilisateur afin que les URL correspondent à la norme SEO (Search Engine Optimization - Optimisation dans les moteurs de recherche) ainsi qu'à celles d'accueil. Cependant, Pathauto requiert le module Token.

Image non disponible

V-E. Module « Token »

Les « tokens » sont de petites sections de texte placées via un système de paramètres fictifs. Avec Drupal 7, la plupart des fonctionnalités du module Token sont écrites en langage Drupal, mais certains modules continuent d'avoir besoin de l'extension Token.

V-F. Module « Vues »

Image non disponible

Drupal 8 est la prochaine version de Drupal. Les vues sont incluses dans Drupal 8, mais c'est aussi un bon ajout à faire lors de l'installation de Drupal 7. Les vues vous offrent la possibilité d'afficher le contenu de différentes manières, allant de la simple liste à des diaporamas. Le module Vues (ou Views) est un peu plus compliqué que les autres, mais après avoir travaillé un peu avec, vous comprendrez l'étendue de sa puissance et de ses capacités. Le module Vues pour Drupal 7 nécessite cependant l'ajout du module Chaos Tools Suite.

V-G. Module « Chaos Tools Suite »

Chaos Tools SuiteChaos Tools Suite, aussi connu sous le nom de Ctools, est nécessaire au fonctionnement du module Vues. Cependant, pris à part, il possède quelques fonctionnalités utiles. Avec Ctools vous pouvez commencer à créer vos propres modules si vous le souhaitez. Vous pouvez aussi créer différents formulaires, boîtes de dialogue, nettoyer votre CSS, créer du contenu connecté et plus encore.

Image non disponible

V-H. Module « Quicktab »

Avez-vous déjà vu ces boîtes à onglets plutôt sympas sur les gros sites web qui listent le contenu récent et populaire ? Quicktab crée rapidement et facilement de jolis vues, nœuds et blocs à onglets sans avoir besoin d'écrire en JavaScript personnalisé.

Après avoir installé et activé le module, vous trouverez une sélection de Quicktabs sous le menu « Structure ».

Image non disponible

VI. Blocs

Maintenant que vous avez quelques « modules contributeurs » clé en main, vous voudrez sûrement ajouter une barre latérale avec quelques « Blocs » pour différentes fonctionnalités. Naviguez de « Structure » à « Blocs ». Un bloc est une boîte dans la barre latérale qui contient différents types de contenus disponibles. Jetez un œil à la liste et vous verrez certains blocs notés « Désactivés ».

« Contenu récent » est un type populaire de contenu que l'on retrouve sur la plupart des sites. Pour l'ajouter, identifiez le bloc « Contenu récent » et regardez dans la colonne « Région ». Choisissez la région dans laquelle le contenu sera ajouté. En ajoutant un bloc, vous pouvez choisir où il apparaîtra (il y a de nombreuses régions disponibles telles que la barre latérale sur la gauche appelée « Sidebar First »). Les régions disponibles varient selon les thèmes, bien que celles comme la barre latérale ou l'en-tête soient très communes.

Image non disponible

Enregistrez la page Blocs et retournez sur la page d'accueil. Maintenant, ajoutez du contenu. Cliquez sur « Ajouter un nouveau contenu », puis sur « Article » et ajoutez un titre. Ajoutez des tags pertinents et rédigez le texte.

Image non disponible

Sauvegardez l'article et retournez sur la page d'accueil. Vous verrez l'article apparaître, ainsi que le bloc avec le contenu récent.

VII. Annexe et ressources

Ces conseils devraient vous donner des bases solides pour construire et faire fonctionner rapidement votre nouveau site Drupal. Drupal nécessite de la patience. Il est extrêmement puissant, mais apprendre à utiliser correctement toutes ses fonctionnalités demande du temps. Prenez le temps d'essayer chaque module, thème et affichage. Vous apprendrez en testant les diverses fonctionnalités. N'oubliez pas de sauvegarder de temps en temps votre base de données et vos fichiers. Travaillez bien avec Drupal !

VII-A. Ressources complémentaires

VIII. Remerciements Développez

Nous remercions Robert Mening de nous avoir aimablement autorisés à traduire et publier son article dont le texte original peut être trouvé sur Website Setup. Nous remercions aussi Montoya FlorentMontoya Florent pour sa traduction ainsi que ced pour sa relecture orthographique. Les commentaires et les suggestions d'amélioration sont les bienvenus, alors, après votre lecture, n'hésitez pas : Commentez Donner une note à l'article (5).

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2015 Robert Mening. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.