Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Atelier Drupal 7 Créer un site internet avec un CMS pas comme les autres Par Cy

Atelier Drupal 7 Créer un site internet avec un CMS pas comme les autres Par Cyprien Roudet Date de publication : 20 septembre 2013 Initié par Dries Buytaert à l'Université d'Anvers, et placé sous licence libre GNU GPL, voilà plus de dix ans que Drupal (prononcez à l'anglaise ce mot issu du néerlandais « Druppel » - goutte) a vu le jour et n'a cessé de gagner en renommée. Classé depuis 2009 parmi les meilleurs CMS (Content Management System - Système de Gestion de Contenu), il permet de créer un site Web dynamique où plusieurs utilisateurs peuvent enrichir son contenu sans connaissance particulière. Aujourd'hui, il est considéré comme un véritable couteau suisse qui se transforme rapidement en : • un site de nouvelles ; • des forums ; • des articles contenant des images, des vidéos, des liens vers d'autres articles, etc. ; • un site e-commerce ; • etc. Atelier Drupal 7 par Cyprien Roudet - 2 - Le contenu de cet article est rédigé par Cyprien Roudet et est mis à disposition selon les termes de la Licence Creative Commons Attribution 3.0 non transposé. Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright ® 2013 Developpez.com. http://php.developpez.com/tutoriels/drupal/atelier-drupal7/ Introduction...................................................................................................................................................................9 Chapitre I Démarrage rapide.....................................................................................................................................10 I-A - Installation de Drupal................................................................................................................................... 11 I-A-1 - Installation rapide sous Windows........................................................................................................11 I-A-1-a - Installation de WampServer........................................................................................................11 I-A-2 - Téléchargement et accès à l'installateur de Drupal............................................................................12 I-A-2-a - Installation de la langue française..............................................................................................13 I-A-2-b - Installation de la base de données.............................................................................................14 I-A-2-c - Configuration du site...................................................................................................................16 I-A-3 - Installation rapide sous Linux..............................................................................................................17 I-A-3-a - Installation d'une solution LAMP.................................................................................................17 I-A-3-b - Téléchargement et accès à l'installateur de Drupal....................................................................20 I-A-3-c - Installation de la langue française.............................................................................................. 22 I-A-3-d - Vérification des prérequis........................................................................................................... 23 I-A-3-e - Installation de la base de données.............................................................................................24 I-A-4 - Configuration du site........................................................................................................................... 25 I-B - À la découverte de Drupal...........................................................................................................................27 I-B-1 - Le contenu...........................................................................................................................................27 I-B-1-a - Ajout d'un premier article............................................................................................................27 I-B-1-b - Le deuxième article avec résumé...............................................................................................30 I-B-1-c - Ajout de commentaires............................................................................................................... 30 I-B-1-d - Navigation entre les articles....................................................................................................... 31 I-B-1-e - Modifier un article....................................................................................................................... 32 I-B-2 - Les menus...........................................................................................................................................34 I-B-2-a - Ajout d'un menu..........................................................................................................................34 I-B-2-b - Organisation des menus.............................................................................................................35 I-B-2-c - Exercice : ajout d'un contenu......................................................................................................36 I-B-3 - Les blocs............................................................................................................................................. 37 I-B-3-a - Ajouter un bloc............................................................................................................................37 I-B-3-b - Les régions................................................................................................................................. 38 I-B-3-c - Exercice.......................................................................................................................................39 I-B-4 - Gestion des permissions.....................................................................................................................39 I-B-5 - Les modules........................................................................................................................................ 41 I-B-5-a - Activer un module.......................................................................................................................41 I-B-5-b - Installation d'un module externe.................................................................................................43 I-B-5-c - Exercice : Installation, configuration et utilisation de BMI...........................................................47 I-B-6 - Modification des thèmes de Drupal.....................................................................................................48 I-B-6-a - Page de sélection des thèmes................................................................................................... 49 I-B-6-b - Installation d'un thème externe...................................................................................................51 Chapitre II Utiliser Drupal.......................................................................................................................................... 52 II-A - Administrer Drupal par l'interface................................................................................................................53 II-A-1 - Toolbar : les menus de votre site.......................................................................................................53 II-A-2 - Page de configuration du site............................................................................................................ 53 II-A-3 - Installation de modules (Captcha : évitez les robots malveillants).....................................................54 II-A-3-a - Qu'est qu'un Captcha ?............................................................................................................. 54 II-A-3-b - Recherche sur drupal.org.......................................................................................................... 55 II-A-3-c - Méthodes d'installation d'un module..........................................................................................58 II-A-3-d - Activation et dépendances.........................................................................................................59 II-A-4 - Page de configuration des modules...................................................................................................59 II-A-5 - Désactivation et désinstallation.......................................................................................................... 60 II-A-6 - Le tableau de bord.............................................................................................................................61 II-A-7 - Thème d'administration / Overlay.......................................................................................................63 II-A-8 - Help : les pages d'aide.......................................................................................................................64 II-B - Organisation du site....................................................................................................................................64 II-B-1 - Block : les blocs................................................................................................................................. 64 II-B-1-a - Positionnement et régions des thèmes..................................................................................... 64 II-B-1-b - Les types de bloc...................................................................................................................... 66 II-B-1-c - Les options des blocs................................................................................................................ 67 Atelier Drupal 7 par Cyprien Roudet - 3 - Le contenu de cet article est rédigé par Cyprien Roudet et est mis à disposition selon les termes de la Licence Creative Commons Attribution 3.0 non transposé. Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright ® 2013 Developpez.com. http://php.developpez.com/tutoriels/drupal/atelier-drupal7/ II-B-1-d - Ajouter un bloc personnalisé..................................................................................................... 68 II-B-2 - Menu : les menus...............................................................................................................................69 II-B-2-a - Menus installés par défaut.........................................................................................................69 II-B-2-b - Créer un menu en ajoutant du contenu.................................................................................... 70 II-B-2-c - Création d'un nouveau menu.....................................................................................................71 II-B-2-d - Affichage du menu dans un bloc...............................................................................................73 II-B-2-e - Hiérarchiser un menu................................................................................................................ 73 II-B-3 - User : gestion des utilisateurs............................................................................................................75 II-B-3-a - Ajout d'utilisateurs......................................................................................................................75 II-B-3-b - Configuration de l'inscription des utilisateurs.............................................................................76 II-B-3-c - Les rôles des utilisateurs........................................................................................................... 78 II-B-3-d - Droits d'accès en fonction des rôles..........................................................................................79 II-B-3-e - Exercice : création d'un bloc pour un rôle spécifique................................................................ 81 II-B-4 - Path : URL de vos pages...................................................................................................................82 II-B-4-a - Installation.................................................................................................................................. 82 II-B-4-b - Utilisation....................................................................................................................................82 II-B-4-c - Administration.............................................................................................................................83 II-C - Ajout de contenu.........................................................................................................................................84 II-C-1 - Les types de contenu.........................................................................................................................84 II-C-1-a - Options des nodes.....................................................................................................................85 II-C-1-b - Options des types de contenus.................................................................................................87 II-C-2 - Filter : formatez vos textes.................................................................................................................88 II-C-2-a - Utilisation des formats de texte.................................................................................................88 II-C-2-b - Exercice : ajoutez du code PHP dans vos nodes..................................................................... 90 II-C-2-c - Ajouter un filtre à un format de texte.........................................................................................91 II-C-2-d - Droits d'accès aux formats de texte..........................................................................................93 II-C-3 - Video filter : affichez des vidéos dans votre contenu.........................................................................94 II-C-4 - Wysiwyg : installer un éditeur Wysiwyg............................................................................................. 96 II-C-4-a - Configuration de Wysiwyg......................................................................................................... 97 II-C-4-b - Installation de l'éditeur openWYSIWYG.................................................................................... 97 II-C-4-c - Création d'un nouveau format de texte pour l'éditeur................................................................98 II-D - Field UI : types de contenus personnalisés............................................................................................. 101 II-D-1 - Découverte du type de contenu article............................................................................................101 II-D-1-a - Modifier l'image liée à l'article................................................................................................. 101 II-D-1-b - Exercice : modification du champ Corps.................................................................................109 II-D-1-c - Les widgets du champ Tags....................................................................................................111 II-D-2 - Création d'un nouveau type de contenu..........................................................................................112 II-D-2-a - Création du type de contenu recette.......................................................................................112 II-D-2-b - Ajout d'un champ numérique (temps de préparation)............................................................. 113 II-D-2-c - Ajout d'un champ texte multiple (ingrédients)..........................................................................116 II-D-2-d - Exercice : ajout d'un champ numérique (prix)......................................................................... 117 II-D-2-e - Exercice : ajout d'un champ zone de texte multiple (étapes).................................................. 119 II-D-2-f - Ajout du champ photo de l'article.............................................................................................121 II-D-2-g - Email Field : ajout d'un champ Mail........................................................................................ 121 II-D-3 - Taxonomy : classer le contenu.........................................................................................................123 II-D-3-a - Le vocabulaire Tags.................................................................................................................123 II-D-3-b - Création d'un vocabulaire de taxonomie (champ Difficulté).................................................... 125 II-D-3-c - Création d'un vocabulaire hiérarchisé (Provenance)...............................................................127 II-D-4 - Ajout de champs aux autres entités................................................................................................ 129 II-D-4-a - Ajout d'un champ pour les utilisateurs.................................................................................... 129 II-D-4-b - Ajout d'un champ à un terme de taxonomie........................................................................... 132 II-D-4-c - Exercice : ajout d'un champ de taxonomie aux commentaires................................................133 II-D-4-d - Page de Rapport des champs d'un site..................................................................................136 Chapitre III Administration système de Drupal........................................................................................................137 III-A - Configuration de Apache - PHP - MySQL...............................................................................................137 III-A-1 - Configuration de Apache.................................................................................................................137 III-A-1-a - Les URL simplifiées................................................................................................................137 III-A-1-b - Les hôtes virtuels....................................................................................................................139 Atelier Drupal 7 par Cyprien Roudet - 4 - Le contenu de cet article est rédigé par Cyprien Roudet et est mis à disposition selon les termes de la Licence Creative Commons Attribution 3.0 non transposé. Les logos Developpez.com, en-tête, pied de page, css, et look & feel de l'article sont Copyright ® 2013 Developpez.com. http://php.developpez.com/tutoriels/drupal/atelier-drupal7/ III-A-2 - Configuration de PHP......................................................................................................................141 III-A-3 - Configuration de MySQL.................................................................................................................142 III-A-3-a - Configuration de la base de données utilisée par Drupal.......................................................143 III-A-3-b - Création d'un utilisateur MySQL pour la base Drupal............................................................ 144 III-A-4 - Choisir un hébergeur.......................................................................................................................147 III-A-4-a - Serveur web............................................................................................................................147 III-A-4-b - PHP.........................................................................................................................................147 III-A-4-c - Base de données....................................................................................................................148 III-A-5 - Configuration du serveur pour l'envoi de mails...............................................................................148 III-A-5-a - Configuration de Windows avec WampServer....................................................................... 148 III-A-5-b - Configuration de Linux avec SSMTP......................................................................................149 III-A-5-c - Configuration de Linux avec Postfix....................................................................................... 149 III-A-5-d - Test de l'installation.................................................................................................................149 III-B - Sauvegarde/Restauration.........................................................................................................................150 III-B-1 - Sauvegarde/Restauration de l'arborescence de fichiers.................................................................150 III-B-1-a - Avec un gestionnaire de fichiers.............................................................................................150 III-B-1-b - En ligne de commande avec Linux........................................................................................ 151 III-B-2 - Sauvegarde/Restauration de la base de données..........................................................................151 III-B-2-a - Avec phpMyAdmin.................................................................................................................. 151 III-B-2-b - En ligne de commande avec MySQL.....................................................................................153 III-B-3 - Backup and Migrate : sauvegardez votre base de données...........................................................154 III-B-3-a - Onglet Backup........................................................................................................................ 154 III-B-3-b - Onglet Restaurer.....................................................................................................................156 III-B-3-c - Onglet Destinations.................................................................................................................156 III-B-3-d - Onglet Profils.......................................................................................................................... 157 III-B-3-e - Onglet Schedules....................................................................................................................158 III-B-4 - Features : transférez la configuration de votre site.........................................................................159 III-B-5 - Sauvegarde/restauration d'une vue.................................................................................................163 III-C - Outils d'administration..............................................................................................................................164 III-C-1 - Optimisation des performances.......................................................................................................164 III-C-2 - Update Status : mettre à jour Drupal..............................................................................................166 III-C-2-a - Mise à jour des modules........................................................................................................ 166 III-C-2-b - Mise à jour du cœur de Drupal.............................................................................................. 167 III-C-2-c - Configuration...........................................................................................................................168 III-C-2-d - Le mode maintenance............................................................................................................168 III-C-3 - Le Cron............................................................................................................................................169 III-D - La base de données de Drupal...............................................................................................................170 III-D-1 - Gestion des utilisateurs...................................................................................................................170 III-D-1-a - La table users.........................................................................................................................170 III-D-1-b - Les tables role et role_permission......................................................................................... 172 III-D-1-c - La table users_roles............................................................................................................... 174 III-D-2 - Gestion des nodes.......................................................................................................................... 174 III-D-2-a - Types de nodes...................................................................................................................... 175 III-D-2-b - Commentaires.........................................................................................................................176 III-D-3 - Gestion des champs....................................................................................................................... 177 III-D-3-a - Les tables field_data_*........................................................................................................... 177 III-D-3-b - Cas d'un champ contenant plusieurs valeurs.........................................................................178 III-D-3-c - Les formats d'entrée............................................................................................................... 179 III-D-3-d - Paramètres des champs.........................................................................................................180 III-D-3-e - Les champs des autres types d'entité....................................................................................180 III-D-3-f - Les révisions des champs.......................................................................................................181 III-D-3-g - Relation entre les vocabulaires et les nodes..........................................................................182 Chapitre IV Description de modules utiles de Drupal............................................................................................. 183 IV-A - Views : organisez vos données...............................................................................................................183 IV-A-1 - Installation et découverte du module..............................................................................................185 IV-A-1-a - Installation...............................................................................................................................185 IV-A-1-b - Découverte de la vue Tracker................................................................................................185 IV-A-1-c - Interface du module Views..................................................................................................... 186 Atelier Drupal 7 uploads/s3/ atelier-drupal7.pdf