Академический Документы
Профессиональный Документы
Культура Документы
Atelier
Crer un site internet avec un CMS pas comme les autres Troisime dition
Cyprien Roudet
SOMMAIRE
Dmarrage rapide 9
1 Installation de Drupal 12
1.1. Installation rapide sous Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 1.1.1. Installation de WampServer . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 1.1.2. Tlchargement et accs linstallateur de Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 1.1.3. Installation de la langue franaise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14 1.1.4. Installation de la base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15 1.1.5. Configuration du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 1.2. Installation rapide sous Linux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 1.2.1. Installation dune solution LAMP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 1.2.2. Tlchargement et accs linstallateur de Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 21 1.2.3. Installation de la langue franaise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 1.2.4. Vrification des pr-requis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 1.2.5. Installation de la base de donnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 1.2.6. Configuration du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
Utiliser Drupal 54
3 Administrer Drupal par linterface 55
3.1. Toolbar : Les menus de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 3.2. Page de configuration du site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 3.3. Installation de modules (Captcha : vitez les robots malveillants) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 56 3.3.1. Quest quun CAPTCHA ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 3.3.2. Recherche sur drupal.org . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 57 3.3.3. Mthodes dinstallation dun module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60 3.3.4. Activation et dpendances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 3.4. Page de configuration des modules. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 62 3.5. Dsactivation et dsinstallation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 3.6. Le Tableau de bord . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 64 3.7. Thme dadministration / Overlay . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65 3.8. Help : Les pages daide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
2 A la dcouverte de Drupal 28
2.1. Le contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 2.1.1. Ajout dun premier article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28 2.1.2. Le deuxime article avec rsum . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 2.1.3. Ajout de commentaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 32 2.1.4. Navigation entre les articles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 33 2.1.5. Modifier un article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34 2.2. Les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 2.2.1. Ajout dun menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 2.2.2. Organisation des menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 2.2.3. Exercice : Ajout dun contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 2.3. Les blocs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 2.3.1. Ajouter un bloc . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 2.3.2. Les rgions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39 2.3.3. Exercice . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 2.4. Gestion des permissions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 2.5. Les modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 2.5.1. Activer un module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43 2.5.2. Installation dun module externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 44 2.5.3. Exercice : Installation, configuration et utilisation de BMI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 48 2.6. Modification des thmes de Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 2.6.1. Page de configuration des thmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 50 2.6.2. Installation dun thme externe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52
4 Organisation du site 67
4.1. Block : Les blocs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 4.1.1. Positionnement et rgions des thmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 4.1.2. Les types de bloc . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69 4.1.3. Les options des blocs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 4.1.4. Ajouter un bloc personnalis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 71 4.2. Menu : Les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 4.2.1. Menus installs par dfaut . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 72 4.2.2. Crer un menu en ajoutant du contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 4.2.3. Cration dun nouveau menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73 4.2.4. Affichage du menu dans un bloc . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75 4.2.5. Hirarchiser un menu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 76 4.3. User : Gestion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 4.3.1. Ajout dutilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77 4.3.2. Configuration de linscription des utilisateurs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78 4.3.3. Les rles des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80 4.3.4. Droits daccs en fonction des rles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 81 4.3.5. Exercice : Cration dun bloc pour un rle spcifique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 83 4.4. Path : Url de vos pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 4.4.1. Installation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84 4.4.2. Utilisation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85 4.4.3. Administration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85
5 Ajout de contenu 87
5.1. Les types de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 87 5.1.1. Options des nodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 5.1.2. Options des types de contenus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 5.2. Filter : Formatez vos textes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91 5.2.1. Utilisation des formats de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 91 5.2.2. Exercice : Ajoutez du code php dans vos nodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 5.2.3. Ajouter un filtre un format dentre . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 94 5.2.4. Droits daccs aux formats de texte . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 5.3. Video filter : Affichez des vidos dans votre contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 5.4. Wysiwyg : Installer un diteur Wysiwyg. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.4.1. Configuration de Wysiwyg . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.4.2. Installation de lditeur openWYSIWYG . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5.4.3. Cration dun nouveau format de texte pour lditeur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
105 105 112 114 116 116 117 120 121 122 124 125 127 127 129 131 133 133 136 138 141
Introduction
Troisime dition :
Devant limpatience de certains de mes lecteurs, jai dcid de mettre les deux premires parties de mon livre Atelier Drupal 7 en libre tlchargement sur mon site internet (http://www.atelierdrupal.net). Je projette de publier la version papier complte du livre durant lt 2011 (Juillet ou Aot). Si vous avez aim cette introduction nhsitez pas acheter la version papier ! Vous pouvez en savoir plus sur le contenu de cette version complte sur : http://www.atelierdrupal.net/atelierdrupal7.
Ce livre est crit comme un tutoriel, et comporte de nombreux exemples pratiques. Il peut se lire devant un ordinateur en effectuant les actions dcrites, mais il est aussi possible de le lire sans ordinateur, grce au grand nombre dillustrations montrant les actions proposes.
Astuce
Dmarrage rapide
10
Dmarrage rapide
11
L
Dmarrage rapide
e but de cette premire partie est de dcouvrir Drupal par lexemple. Elle vous explique comment installer Drupal et vous accompagne dans vos premiers pas. Ainsi, aprs avoir lu cette partie, vous saurez ce que Drupal peut faire et quoi il peut servir.
Bien que Drupal puisse fonctionner sur diffrents serveurs web et bases de donnes, les explications de ce livre se limiteront au trs classique quatuor Apache (serveur Web) - PHP (Langage de programmation) MySQL (Logiciel de base de donnes) - PhpMyAdmin (Logiciel facultatif permettant de grer MySQL via une interface Web). Cette partie vous prsente deux manires classiques dinstaller Drupal sur Windows et sur Linux : Le premier chapitre dcrit linstallation sur Windows (logiciel WampServer) Le deuxime chapitre dcrit linstallation sur Linux (distribution Ubuntu). Le troisime chapitre de louvrage vous accompagne dans la dcouverte de Drupal et vous explique comment crer, grer et afficher vos premiers contenus de publication, en loccurrence quelques recettes de cuisine. Si les deux manires dcrites dinstaller Drupal ne vous conviennent pas, le tableau suivant rsume les principales variantes dinstallation pour vous aider choisir celle qui convient le mieux votre usage :
Mthode dinstallation Systmes Avantages - Assez facile installer Wamp + Drupal depuis les sources Windows - Deux systmes diffrents (Windows pour le site de test, Linux pour le serveur de production) - Possibilit de transfert vers un serveur de production - Mthode dcrite pas pas dans ce livre - Assez facile installer LAMP + Drupal depuis les sources Linux - Mme systme pour le serveur de test et de production - Mthode dcrite pas pas dans ce livre Windows + virtuali- Windows + sation de Linux Linux - Vous pouvez utiliser tous les outils de dveloppement web non disponibles sous Linux - Vous avez un serveur local sous Linux Linux + virtualisation Windows Linux + Windows - Vous pouvez utiliser tous les outils de dveloppement web ddis Windows - Vous avez un serveur local sous Linux - Un peu difficile mettre en uvre - Ressources ncessaires pour faire tourner deux systmes sur une machine - Un peu difficile mettre en uvre - Ressources ncessaires pour faire tourner deux systmes sur une machine Bonne solution pour les utilisateurs dsirant passer Linux en douceur Trs bonne solution pour les habitus de Windows qui veulent dcouvrir Linux - Si vous ne connaissez pas Linux, il peut tre difficile de dbuter avec Drupal sur un nouveau systme La meilleure des solutions si vous connaissez Linux et shabituer administrer un serveur ddi Trs bonne solution pour dcouvrir Drupal et aller un peu plus loin. Vous ne serez pas dpays si vous avez dj utilis EasyPhp Inconvnients Conclusion
Si vous possdez un serveur ddi et que vous navez pas dexprience dans son exploitation, je vous conseille dinstaller Drupal dabord localement pour viter de rencontrer les problmes lis aux spcificits de votre hbergeur.
12
Dmarrage rapide
Installation de Drupal
13
Installation de Drupal
Deux mthodes dinstallation seront dcrites, linstallation sous Windows et linstallation sous Linux.
Si vous ne pouvez pas dcompresser votre archive .tar.gz, utilisez le logiciel libre 7zip : http://www.7-zip.org. h Dcompressez larchive Drupal dans le rpertoire www o vous avez install WampServer (par dfault c:\wamp\www) h Renommez le rpertoire cr en Drupal. Vous devriez obtenir larborescence suivante : c:\wamp\www\drupal h Rendez-vous ladresse http://localhost/drupal. La page daccueil de linstallateur Drupal doit apparatre
Wampserver fonctionne.
14
Dmarrage rapide
Installation de Drupal
15
h Enregistrez le fichier dans le rpertoire c:\wamp\www\drupal\profile\standard\translation h Renommer le fichier en fr.po, vous devriez obtenir un fichier c:\wamp\www\drupal\profile\standard\translation\fr.po h Cliquez sur le lien Reload the language selection page after adding translations (Recharger la page de slection des langues aprs avoir ajout des traductions) de la page Choose language
Si vous avez des problmes de performances lors de linstallation ou de lutilisation de Drupal sous Windows, tentez lURL http://127.0.0.1/drupal au lien de http://localhost/drupal
h Choisissez loption French (Franais) h Cliquez ensuite sur Save and continue pour passer ltape suivante
16
Dmarrage rapide
Installation de Drupal
17
Depuis licne WampServer, vous avez accs rapide vers les adresses http://localhost et http://localhost/phpmyadmin.
Il faut indiquer linstallateur Drupal le nom de la base que vous venez de crer et comment sy connecter. Par dfaut, WampServer ne protge pas MySQL et il est possible de sy connecter sans mot de passe avec lutilisateur root. Vous verrez au chapitre Configuration de MySQL comment protger une base de donnes. Retournez sur linstallateur Drupal et compltez les champs suivants : h Nom de la base de donnes : drupal h Nom dutilisateur : root h Mot de passe : vide
Vous devriez alors voir apparatre la page daccueil de phpMyAdmin que WampServer a install : h En dessous de la ligne Crer une base de donnes, entrez le nom de la base, par exemple drupal
h Cliquez sur le bouton Enregistrer et continuer. Drupal sinstalle avec tous ses modules par dfaut, cela peut prendre un peu de temps. Ce processus tant assez long, le serveur web (Apache) peut linterrompre. Dans ce cas, rechargez la page (touche F5).
h Adresse de courriel du site : contact@monadresse.com (Entrez une adresse valide) h Nom dutilisateur : admin h Adresse de courriel : contact@monadresse.com (Entrez une adresse valide) h Mot de passe : Entrez ici votre mot de passe - pour ce livre le mot de passe utilis sera atelierdrupal. h Pays par dfaut : France (ou votre pays)
h Cliquez ensuite sur le bouton Crer Votre base est vide, cest linstallateur Drupal qui va crer ses tables et les remplir avec ses donnes durant linstallation.
18
Dmarrage rapide
Installation de Drupal
19
Le package phpmyadmin ne fait pas partie de la solution LAMP mais il est install pour faciliter la gestion de la base de donnes h Il vous sera demand durant linstallation un mot de passe pour MySQL - pour ce livre le mot de passe utilis sera atelierdrupal
h Cliquez sur Enregistrer et continuer h Cliquez sur le lien Visitez votre nouveau site
Configuration de MySQL
h Confirmez nouveau le mot de passe h A la question Serveur web reconfigurer automatiquement, choisissez apache2 en appuyant sur la barre despace
Linstallation de Drupal sous Windows est termine !
Le chapitre 1.2 explique comment installer Drupal sous Linux, si vous dsirez utiliser Drupal uniquement sous Windows, rendez-vous directement au chapitre 2. A la dcouverte de Drupal.
20
Dmarrage rapide
Installation de Drupal
21
Configuration de phpMyAdmin
h Linstallateur pose quelques autres questions, rpondez avec les options par dfaut en cas de doute h A la fin de linstallation, pour vrifier si votre serveur web fonctionne, lancez un navigateur internet et entrez ladresse locale : http://localhost . Vous devriez voir apparatre la page daccueil apache h Vrifiez si phpMyadmin fonctionne en entrant ladresse : http://localhost/phpmyadmin. Vous devriez voir apparatre la page daccueil phpMyAdmin
h Dcompressez votre archive dans votre rpertoire personnel h Renommez ce rpertoire en drupal Vous devriez obtenir une arborescence du type /home/utilisateur/drupal. Crez maintenant un lien symbolique entre le rpertoire dApache et votre rpertoire drupal
cd /var/www sudo ln -s /home/utilisateur/drupal
22
Dmarrage rapide
Installation de Drupal
23
La commande ln -s permet de crer un lien symbolique entre le rpertoire /var/www et le rpertoire drupal de votre rpertoire personnel. Cela est trs pratique car vous pourrez alors modifier facilement les fichiers de Drupal sans entrer le mot de passe super utilisateur. Toutefois, sachez que cela peut nuire aux performances de votre systme car il doit, chaque requte, rsoudre ce lien. Lancez un navigateur internet et entrez ladresse locale : http://localhost/drupal. Vous devriez voir apparatre la page daccueil de Drupal.
h Renommer le fichier en fr.po, vous devriez obtenir un fichier /home/utilisateur/drupal/profile/standard/translation/fr.po h Cliquez sur le lien Reload the language selection page after adding translations (Recharger la page de selection des langues aprs avoir ajout des traductions) de la page Choose language
Drupal est prt tre install... en francais ! Drupal est prt tre install
h Choisissez loption French (Franais) h Cliquez ensuite sur Save and continue pour passer ltape suivante
24
Dmarrage rapide
Installation de Drupal
25
Le fichier ./sites/default/settings.php nexiste pas et linstallateur Drupal doit avoir les droits en criture sur le rpertoire /home/utilisateur/sites/default. Commande pour la cration du fichier settings.php partir de default.settings.php :
cp /var/www/drupal/sites/default/default.settings.php settings.php /var/www/drupal/sites/default/
Durant linstallation Drupal doit avoir accs au rpertoire /sites/default, vous pourrez supprimer ce droit Drupal la fin de linstallation. Commande pour donner les droits daccs en criture sur le rpertoire ./sites/default
sudo chmod -R a+w /var/www/drupal/sites/default
Vous pouvez utiliser linterface graphique du gestionnaire de fichier de Gnome (Nautilus) pour effectuer ces actions. h Cliquez sur le lien poursuivez linstallation pour faire disparatre le message
h Cliquez ensuite sur le bouton Crer Votre base est vide, cest linstallateur Drupal qui va crer ses tables et les remplir avec ses donnes durant linstallation. Il faut indiquer linstallateur Drupal le nom de la base que vous venez de crer et comment sy connecter. Retournez maintenant sur linstallateur Drupal et compltez les champs suivants : h Nom de la base de donnes : drupal h Nom dutilisateur : root h Mot de passe : atelierdrupal (Si vous avez suivi ce livre)
26
Dmarrage rapide
Installation de Drupal
27
h Cliquez sur le bouton Enregistrer et continuer Drupal sinstalle maintenant avec tous ses modules par dfaut, cela peut prendre un peu de temps. Ce processus tant assez long, le serveur web (Apache) peut linterrompre. Dans ce cas, rechargez la page (touche F5). A la fin de linstallation un message saffiche en haut de la page :
Commande pour supprimer les droits daccs en criture sur le repertoire ./sites/default/
sudo chmod -R a-w /var/www/drupal/sites/default/
Commande pour restaurer les droits daccs en criture sur le repertoire ./sites/default/files
sudo chmod -R a-w /var/www/drupal/sites/default/files
Vous pouvez recharger la page pour vrifier si le message a disparu. Drupal doit avoir les droits daccs en criture sur /sites/default/files car cest ici quil stockera les fichiers relatifs aux contenus (Images, fichiers PDF, etc.)
Paramtres du site et de son administrateur
h Cliquez sur Enregistrer et continuer h Cliquez sur le lien Visitez votre nouveau site
28
Dmarrage rapide
A la dcouverte de Drupal
29
2
2 - A la dcouverte de Drupal
A la dcouverte de Drupal
Vous avez install un systme, un serveur web supportant php, un logiciel de base de donnes et Drupal. Vous pouvez donc partir la dcouverte du logiciel en y ajoutant du contenu, en modifiant son interface, en y ajoutant des fonctionnalits et bien dautres choses encore...
21 Le contenu
211 Ajout dun premier article
Drupal est un CMS : Content Managment System (En francais, Systme de gestion de contenu). Vous allez donc commencer par y entrer du contenu. Drupal vous y encourage dailleurs fortement puisque sur cette premire page, pas moins de 3 raccourcis vous permettent de le faire. h Cliquez sur lun des liens permettant dAjouter du contenu
Lorsquun calque de ce type apparat, vous entrez dans la partie administration du systme. Par dfaut, les visiteurs anonymes de votre site ne devraient pas voir ce type de page. Par dfaut, vous avez le choix entre deux types de contenu, Article et Page. h Cliquez sur le lien Article h Vous arrivez alors sur le formulaire dajout de contenu de Drupal, entrez ici une recette de cuisine Claude-Olivier Fribourg, le propritaire et auteur du site http://1001recettes.blogspot.com/, en plus davoir le talent de bien cuisiner et de prendre de jolies photos a eu la gentillesse de me permettre dillustrer ce livre en reprenant une partie de son blog. Vous pouvez reprendre la recette Salade de penne au thon rouge disponible la section Plat principal (http://1001recettes.blogspot.com/2006/07/salade-de-penne.html)
h Titre :Salade de penne h Tags : Plat principal, Ptes Les tags sont des mots cls qui caractrisent un article et sur lesquels il sera ensuite possible de faire des recherches. h Corps : Copiez le corps de la recette h Image : Enregistrez une image sur votre disque (clic droit sur limage puis Enregistrer Sous) puis cliquez sur le bouton Parcourir pour pointer vers elle Vous pouvez agrandir les photos du site 1001 Recettes en cliquant sur limage.
30
Dmarrage rapide
A la dcouverte de Drupal
31
h Cliquez ensuite sur le bouton Transfert de fichiers h Enfin, cliquez sur le bouton Enregistrer tout en bas de la page Drupal vous redirige alors vers votre article mis en forme.
h Image : Ajouter une image comme pour le prcdent article h Cliquez sur le bouton Enregistrer tout en bas de la page Le contenu de votre site sest enrichi dun nouvel article.
Votre premier article mis en page par Drupal.
32
Dmarrage rapide
A la dcouverte de Drupal
33
Notez que le sujet du commentaire nest pas obligatoire. h Ajoutez un deuxime commentaire la recette
h Cliquez sur le lien tag Plat principal de la premire recette Saffiche alors la liste de tous les articles ayant dans sa liste de tags Plat principal.
Les commentaires de larticle mis en forme
h Cliquez sur le lien Riz Saffiche alors la liste de tous les articles ayant dans sa liste de tags Riz. Les tags permettent donc de classifier le contenu.
34
Dmarrage rapide
A la dcouverte de Drupal
35
Modification de larticle
22 Les menus
Menu contextuel dans les listes.
Sur la page de consultation dun article, un onglet Modifier permet daccder aux mmes fonctionnalits
h Modifiez larticle en utilisant lune ou lautre des mthodes h Cliquez sur le lien Modifier le rsum h Mettez un rsum la recette
h Cochez la case Fournit un lien de menu h Remplissez les champs comme dans lillustration suivante
36
Dmarrage rapide
A la dcouverte de Drupal
37
h Cliquez sur Enregistrer la configuration et observez le rsultat : lordre des menus a chang. Vous pourrez retrouver une explication plus approfondie des menus au chapitre XXX de ce livre.
h De la mme manire, ajoutez un menu pour la recette de Risotto. Limitez le titre Risotto la bire blanche
Ajoutez une nouvelle recette (Allez faire un tour dans la catgorie Vite fait bien fait - Recette Croque Hawai du site 1001 recettes) et crez son menu Supprimez le premier menu Accueil du Menu Principal
Les deux menus ajouts La recette du croque Hawa, son menu et le menu Accueil supprim
38
Dmarrage rapide
A la dcouverte de Drupal
39
mentaires rcents
h Cliquez sur Enregistrer les blocs Vous voyez alors apparatre le bloc Commentaires rcents sur la partie gauche de la page.
Remarquez que, comme pour les menus, loutil vous dsirez sur une rgion donne.
23 Les blocs
Les blocs sont des botes que vous pouvez cacher ou faire apparatre l o vous le dsirez sur votre page de Drupal. Peut-tre avez-vous dj remarqu le bloc de recherche dans la barre de gauche de Drupal.
40
Dmarrage rapide
A la dcouverte de Drupal
41
233 Exercice
Supprimez le message Propuls par Drupal en bas de la page.
Message supprimer
Corrig :
h Menu Structure - Lien Blocs h Pour le bloc Propuls par Drupal de la rgion Footer, choisir - Aucun h Bouton Enregistrer les blocs
h Rendez-vous sur la page du Risotto, au niveau des commentaires Comme vous pouvez le constater, vous pouvez consulter les commentaires mais il nest pas possible den ajouter car le formulaire napparat pas : lutilisateur anonyme ne possde pas les droits pour accder cette fonctionnalit. Vous allez maintenant modifier les droits daccs pour que les utilisateurs anonymes puissent poster un commentaire. h Reconnectez vous en administrateur avec le login/mot de passe admin/atelierdrupal en utilisant le bloc Connexion utilisateur
Vous allez dplacer le bloc de recherche, actuellement dans la rgion Sidebar first, dans la rgion Header. h Cliquez sur le lien Exit block region demonstration h A la section Sidebar first, modifiez la rgion Header pour le bloc du Formulaire de recherche h Cliquez sur Enregistrer les blocs
42
Dmarrage rapide
A la dcouverte de Drupal
43
h Menu Personnes h Onglet Droits daccs Chaque module possde une section qui dfinit un certain nombre de droits. h Rendez-vous la section du module Comment h Dans la colonne utilisateur anonyme, cochez Post comment qui autorise lenvoi de commentaires h Cochez galement Skip comment approval qui permet aux commentaires dtre publis sans tre modrs par les administrateurs
25 Les modules
251 Activer un module
Les Modules sont des briques de programme qui permettent dtendre les fonctionnalits de Drupal. Vous allez maintenant en activer un qui permet de raliser des sondages. Vous crerez ensuite un sondage qui permettra vos visiteurs de voter pour leur recette favorite. h Cliquez sur Modules h Cochez la case activ du module Poll (Sondage)
h Cliquez sur Enregistrer la configuration Il sagit maintenant de crer un sondage : h Cliquez sur Contenu
La gestion des droits sur le module Comment
h Puis sur le lien + Ajouter un contenu En activant ce module, vous avez accs un nouveau type de contenu Sondage en plus des Article et Page de base. h Cliquez sur le lien Sondage et crez un nouveau sondage comme sur lillustration suivante
h Cliquez sur Enregistrer les droits daccs h Cliquez nouveau sur Se dconnecter dans le bloc admin. h Essayez de poster un nouveau commentaire
44
Dmarrage rapide
A la dcouverte de Drupal
45
h Ajoutez ce sondage une entre dans le menu principal, comme pour les articles, dans longlet Paramtres du menu h Cliquez sur Enregistrer Vous pouvez tester votre sondage !
h Cliquez sur le bouton Search La liste de tous les modules contenant le mot Weather saffiche alors.
Votre sondage fonctionne !!!
h Choisissez le module Weather (http://www.drupal.org/project/weather) h Descendez la section Downloads de la page Drupal peut installer un module automatiquement partir de lurl de son archive. h Reprez la version qui convient Drupal 7 (7.x-1.0 au moment de la rdaction de ce livre) et faites un clic droit sur le lien tar.gz et choisissez loption Copier ladresse du lien
Un module peut tendre les fonctionnalits de Drupal de beaucoup de faons diffrentes. Ici, en activant le module Poll (Sondage), vous avez accs un nouveau type de contenu, et, si vous retournez sur la page dadministration des blocs, vous verrez quun nouveau bloc Sondage le plus rcent est disponible.
h Menu Modules h Lien + Installer un nouveau module h Coller lurl prcdemment dans la zone Installer depuis une URL
46
Dmarrage rapide
A la dcouverte de Drupal
47
Configuration du module
Lorsque le module est activ, un lien Configurer apparat, il permet daccder directement la page de configuration du module. h Cliquez sur le lien Configurer du module Weather Le module Weather peut afficher deux types de bloc, un bloc mto li la localisation de lutilisateur du site ou un bloc mto li au site lui-mme. Pour simplifier la configuration de ce premier module, vous vous limiterez afficher uniquement le deuxime bloc. h Puis sur le lien + Units daffichage pour ajouter un affichage h Les options par dfaut de cette page conviennent
h Bouton Enregistrer
Installation dun module depuis lURL de larchive
h Cliquez sur le bouton Installer Drupal soccupe alors de tlcharger larchive et de lextraire lendroit o il faut. Il vous reste activer le module. Si linstallation automatique ne fonctionne pas, des mthodes alternatives sont dcrites (3.3.3 Mthodes dinstallation dun module) h Lien Enable newly added modules (Activer les modules nouvellement installs) h Allez tout en bas de la page jusquau module Weather, et cochez la case ACTIVE Les modules sont tris par catgories. Vous pouvez donc replier la catgorie COEUR qui regroupe lensemble des modules installs par dfaut dans Drupal pour faciliter la recherche dans la page. h Bouton Enregistrer la configuration
h Cliquez sur le lien Add location to this display (Ajouter un endroit pour cet affichage) h Choisissez le pays et la ville qui vous conviennent
h Bouton Enregistrer h Bouton Enregistrer la configuration Le bloc a t cr, il sagit maintenant de lafficher dans une rgion.
Le module Weather est maintenant prt tre utilis
48
Dmarrage rapide
A la dcouverte de Drupal
49
Le bloc du module BMI h Ensuite, pour plus de clart pour la suite de ce livre, dsactivez les modules Weather et BMI
h Lien + Installer un nouveau module h Copier lurl (http://ftp.drupal.org/files/projects/bmi-7.x-1.0-rc1.tar.gz) h Bouton Installer h Lien Enable newly added modules (Activer les modules nouvellement installs). h Pour le module BMI, cochez la case ACTIVE. h Bouton Enregistrer la configuration
253
h BMI est un module qui propose un bloc permettant de calculer son IMC (Indice de Masse Corporelle). Il sagit donc pour vous de trouver le module, de linstaller, de lactiver et dafficher le bloc en Sidebar First
Configuration et utilisation
h Menu Structure - Lien Blocs h Pour le bloc Body Mass Index, choisir la rgion Sidebar first h Bouton Enregistrer les blocs Le bloc Body Mass Index doit safficher sur la page daccueil.
50
Dmarrage rapide
A la dcouverte de Drupal
51
Deux thmes sont Actifs, Bartik et Seven Le thme par dfaut est Bartik, cest le thme qui sert afficher le contenu du site Le thme Seven est utilis pour les actions dadministration Il existe deux autres thmes installs (Garland et Stark) mais ils ne sont pas activs
52
Dmarrage rapide
A la dcouverte de Drupal
53
h Cliquez sur le bouton Search h Choisissez le thme danland (http://www.drupal.org/project/danland) h Descendez la section Downloads de la page Les modules et les thmes sinstallent de la mme faon : h Reprez la version qui convient Drupal 7 (7.x-1.0-rc2 au moment de la rdaction de ce livre) et faites un clic droit sur le lien tar.gz et choisissez loption Copier ladresse du lien h Menu Apparence h Lien + Installer un nouveau thme h Coller lurl prcdemment dans la zone Installer depuis une URL h Cliquez sur le bouton Installer Comme pour les modules, Drupal soccupe alors de tlcharger larchive et de lextraire lendroit o il faut. Il vous reste activer le thme. h Lien Enable newly added themes (Activer les thmes nouvellement installs) Allez tout en bas la section thmes dsactivs. Deux thmes ont t ajouts, Danland et Danblog.
Le thme Danblog est une version simplifi du thme Danland, il ne contient pas le diaporama de page de garde. Ce diaporama tant configurable uniquement manuellement (en ditant des fichiers), vous utiliserez dans cette prise en main uniquement Danblog. h Retournez sur la page daccueil h Le thme qui affiche le contenu de votre site a chang
54
Utiliser Drupal
55
V
3
ous avez dcouvert un grand nombre de fonctionnalits de Drupal dans la premire partie. Le but de cette deuxime partie est dapprofondir ces dcouvertes. Tout dabord vous apprendrez comment surveiller votre installation et en modifier les paramtres principaux en lisant le chapitre 4. Administrer Drupal. Aprs la lecture du chapitre 5. Les modules, la recherche et linstallation des modules nauront plus aucun secret pour vous. Cest en installant dautres modules au chapitre 6. Le contenu que vous pourrez proposer une interface riche vos utilisateurs pour quils puissent ajouter facilement du contenu votre site.
- Utiliser Drupal
Au chapitre 7. Organiser son site, vous apprendrez organiser ce contenu pour que votre site garde une cohrence lorsquil prendra de limportance. Vous dcouvrirez galement comment grer les utilisateurs Enfin, cest au chapitre 8. Field UI : Cration de types de contenus personnaliss que vous configurerez Drupal pour quil sadapte votre contenu.
Cette barre liste les lments de haut niveau pour ladministration de votre site et propose des raccourcis bien pratiques :
Utiliser Drupal
Icne maison Tableau de bord Contenu Structure Apparence Personnes Modules Configuration Rapports
Raccourci vers la page daccueil du site. Lien vers une page daccueil personnalisable pour ladministrateur. Pages dadministration pour rechercher, crer, modifier et supprimer les contenus et les commentaires. Pages dadministration pour structurer les informations du site (Blocs, menus, types de contenu) Pages permettant de grer les thmes. Pages permettant de grer les utilisateurs et leurs droits. Permet lajout, la modification ou la suppression de modules. Il peut-tre galement un bon endroit pour trouver la page de configuration dun module nouvellement install. Pages de configuration de lensemble des modules et du site lui-mme. Pages dinformations sur ltat de sant du site et de son activit.
56
Utiliser Drupal
57
Pages daide des modules. Accder la page de lutilisateur connect. Dconnexion de lutilisateur en cours.
Noubliez pas que cette page existe. Malgr sa singularit, elle rgle des paramtres que vous modifierez forcment un moment.
58
Utiliser Drupal
59
Cette page propose de lister lensemble des modules selon plusieurs critres. Modules Categories Filter by compatibility Search modules Sort By Affiche les modules par catgories, attention, il appartient aux auteurs dinscrire leur modules dans une catgorie et ils ne le font pas toujours. Captcha devrait ici apparatre dans la catgorie Security. Affiche les modules compatibles avec votre version. Recherche partir du nom ou de la description du module. Critre de tri pour les rsultats. Le critre Most installed sort les modules selon leur popularit.
Downloads : En bas de page, la liste des versions disponibles est prsente. Ici, il existe des versions stables du module pour les versions 5.x et 6.x de Drupal et des versions de dveloppement pour les versions 5.x, 6.x et 7.x. La dernire version disponible pour Drupal 7 est la 1.0-alpha2. Pour plus de renseignements sur les diffrentes versions du module, vous pouvez cliquer sur le lien View all releases. Safficheront alors les anciennes versions du module.
h Faites une recherche sur le module Captcha (Vous pouvez vous inspirer de la capture prcdente) h Allez sur la page du module
Zone droite de la page : Dans cette zone, plusieurs blocs affichent des informations relatives aux modules.
60
Utiliser Drupal
61
Maintainers for CAPTCHA Liste des personnes ayant fait le plus de dveloppements pour le module. Les problmes rencontrs par le module. Utilisez ce formulaire pour savoir si le problme que vous avez Issues for CAPTCHA ventuellement rencontr est dj signal ou corrig. Recent issues Derniers problmes rencontrs avec le module. Related projects Autres modules en lien avec celui-ci. Resources Liens vers les pages de documentations, les traductions et les ventuels sites de test. Development Section pour les dveloppeurs.
Dans cette illustration : Tous les sites ont accs aux modules captcha met weather (rpertoire all). Seul le site par dfaut a accs au module bmi (rpertoire default). Le site test.drupal.tld na pas accs au module bmi Ce nest pas parce quun module est accessible depuis tous les sites quil doit tre activ sur tous les sites. Notez bien que chaque module possde son propre rpertoire.
Installation manuelle
Si aucune des mthodes prcdentes ne fonctionnent, vous allez devoir installer le module manuellement. h Tlchargez larchive du module Captcha sur votre disque dur (Version utilise pour ce livre 7.x-1.0-alpha2) Il faut extraire votre archive pour que le module puisse tre activ dans Drupal, vous avez le choix entre plusieurs rpertoires : /sites/all/modules /sites/default/modules /sites/exemple.fr/modules Le module sera accessible depuis tous les sites prsent sous votre instance de Drupal. Le module ne sera disponible que sur le site par dfaut de Drupal. Le module ne sera disponible que sur le site exemple.fr (Voir chapitre 10. Grer ses diffrents sites Drupal).
Najoutez jamais de module au rpertoire racine /modules de Drupal. Celui-ci nest utilis que pour les modules installs par dfaut dans Drupal. Cela pourrait poser problme lors de la mise jour de Drupal. h Extrayez maintenant larchive Captcha dans le rpertoire /sites/all/modules
62
Utiliser Drupal
63
Sur cette page, saffiche la liste des formulaires HTML (FORM_ID) prsents sur le site. Pour chaque formulaire, il est possible dassocier un CAPTCHA de type Math grce une liste droulante. Pour ajouter un CAPTCHA lorsquune personne crit un commentaire sur un article, il faut donc choisir le CAPTCHA Math du formulaire comment_node_article_form.
Une archive peut contenir plusieurs modules qui peuvent tre activs sparment selon les besoins. Certains modules peuvent ncessiter dautres modules pour fonctionner. Ces informations sur les dpendances des modules sont indiques sur cette page grce aux mentions Dpend de et Requis par. Cest le cas de Image CAPTCHA qui dpend de CAPTCHA. h Cochez la case ACTIVE du module CAPTCHA h Bouton Enregistrer la configuration h En bas de la page, bouton Enregistrer Voyez si le CAPTCHA fonctionne : h Lien Se dconnecter h Choisissez un article Le CAPTCHA saffiche alors si vous tentez de rentrer un nouveau commentaire. Le formulaire de commentaire nest pas protg par un CAPTCHA si vous tes connect en tant quadministrateur.
35 Dsactivation et dsinstallation
Pour dsactiver un module, il suffit de dcocher sa case ACTIVE sur la page de liste des modules. En faisant cela, vous dsactivez les fonctionnalits du module mais ses donnes resteront stockes dans la base de donnes. CAPTCHA cr deux tables lors de son activation, si vous le dsactivez, ces deux tables resteront dans la base de donnes. Pour les supprimer automatiquement, une autre action est ncessaire : h Menu Modules
Maintenant quil est activ, le module CAPTCHA propose trois oprations sous forme de liens : Aide Droits daccs Configurer Lien vers la page daide du module Lien vers la section permettant de grer les droits des utilisateurs sur le module Lien vers la page permettant de configurer le module
64
Utiliser Drupal
65
Ce tableau dtaille la configuration de Drupal, signale les problmes et donne des recommandations : les mises jour disponibles du cur de Drupal ou des modules installs, les versions de programmes Apache ou Php, les librairies, les droits daccs aux systmes de fichiers, etc. Dans lillustration prcdente : Un problme critique est signal sur fond rouge , la bibliothque GD est ncessaire pour le fonctionnement de Drupal. Un problme qui mrite attention est signal sur fond jaune , ici des mises jour de modules sont conseilles. Une amlioration est signale sur fond bleu, ici il est possible dinstaller uploadprogress pour les upload de fichiers. Voici les sections principales du tableau de bord : Drupal
Dsinstallation complte dun module
Version de Drupal Normalement, ce fichier est protg. updatephp est un script qui permet de mettre jour Drupal (voir chapitre xxx Update manager : Mettre jour de Drupal).
h Bouton Dsinstaller
36 Le Tableau de bord
Le tableau de bord vous informe sur ltat de sant et les performances de votre installation Drupal. h Allez sur la page du tableau de bord Menu Rapports - Lien Tableau de bord
Effets de rotation et de dsaturation de la Numro de version de GD. GD est un ensemble de fonctionnalits qui permettent de manipubibliothque GD ler des images. Ce fichier (settingsphp) doit tre protg car il contient des informations sensibles sur Fichier de configuration votre installation (mot de passe MySQL). Lorsque vous mettez jour Drupal ou des modules installs sur Drupal, il peut tre ncessaire Mise jour de la base de donnes de modifier la structure de votre base de donnes. Dans ce cas, un message apparatra ici (voir chapitre xxx : Mettre jour de Drupal). Notification des mises jour Indique si le module Update manager est activ ou non PHP Version de PHP. Si vous cliquez sur le lien, la page phpinfo() saffiche. Plafond mmoire de PHP Mmoire alloue par le systme PHP (memory_limit : voir chapitre 9.2. Configuration de Php). Serveur web Nom et version du serveur web sur lequel Drupal est install. Statut de mise jour des modules et thmes Notifie si de nouvelles versions de vos modules et thmes externes existent. Systme de base de donnes Type de base de donnes et numro de version Version du systme de base de donnes Systme de fichiers Indique si votre rpertoire sites/default/files est accessible en criture. Tches de maintenance cron Date de la dernire excution de Cron (voir chapitre xxx Le cron). Lors de lactivation de nouveaux modules, de nouvelles sections peuvent apparatre
Section du module CAPTCHA du tableau de bord Une partie du tableau de bord o quelques problmes sont signals
66
Utiliser Drupal
Organisation du site
67
A partir de la liste des modules (menu Modules), un lien direct vers la page est propos si elle existe.
Organisation du site
Le chapitre 2.3. Ajout dun bloc, prsentait la page qui permet de configurer les blocs dans Drupal. Voici les autres fonctionnalits proposes autour des blocs.
Parfois le systme de calque peut poser des problmes, vous pouvez supprimer celui-ci en dsactivant le module Overlay. Le thme qui saffiche dans lOverlay est le thme dadministration, il peut tre modifi via le menu Apparence (en bas de la page, section Thme de ladministration).
Liste des pages daide du site Bartik, Danblog et Seven sont les trois thmes activs du site
68
Utiliser Drupal
Organisation du site
69
Vous pouvez activer et positionner les blocs diffremment selon le thme. Un lien Aperu des rgions des blocs permet de visualiser quelles sont les rgions de chaque thme.
Liste des rgions disponibles pour le contenu rcent pour le thme Bartik
Connexion utilisateur Commentaires rcents Management Menu principal Navigation Nouveaux membres Propuls par Drupal Syndication Slecteur de langue User menu Utilisateurs en ligne
Une liste droulante propose de choisir parmi les rgions du thme slectionn o va se positionner le bloc.
Affiche un paragraphe daide li la page en cours. Cela est souvent le cas pour les pages dadministration Affiche le contenu de la page. Si cest une page article, il affichera larticle, son image, ses tags, etc. Si cest une page dadministration, il affichera le formulaire. Affiche les 10 derniers contenus ajouts au site. Permet aux utilisateurs de se connecter sils ne le sont pas. Ce bloc ne saffiche pas si lutilisateur est dj connect. Affiche les 10 derniers commentaires du site. Bloc li au menu Management qui contient les liens des tches administratives Bloc li au menu Menu principal (Onglets au dessus du contenu dans Bartik). Bloc est li au menu Navigation qui contient les liens destins aux visiteurs du site. Affiche les derniers utilisateurs inscrits. Affiche un lien vers http://drupal.org (Par dfaut dans le Pied de page) Affiche un lien vers les flux RSS de la page. Permet de slectionner la langue du site. Liens vers le compte de lutilisateur connect et lien pour se dconnecter du site. Ce bloc affiche le nombre dutilisateurs connects et leur nom.
70
Utiliser Drupal
Organisation du site
71
Cette liste peut senrichir lors de lactivation de nouveaux modules (Exemple : Sondage le plus rcent pour le module Poll).
Vous pouvez accder la page dadministration dun bloc lorsquil est affich sur une page grce un menu contextuel.
Modifier le titre du bloc lorsquil saffiche (et non dans linterface dadministration). Paramtre spcifique au bloc. Comportement du bloc pour chacun des thmes activs.
En partie basse de la page de configurations, quatre onglets horizontaux permettent de grer la visibilit des blocs selon des contextes. Afficher ou ne pas afficher le bloc selon lURL de la page. Attention, le chemin node/* inclut les chemins contenant quelque chose aprs node (node/2 est inclu mais node seul nest pas inclu) Types de contenu Afficher le bloc uniquement pour certains types de contenu. Rles Afficher le bloc uniquement pour les utilisateurs possdant un certain rle. Utilisateurs Permettre aux utilisateurs de choisir si ils veulent ou non afficher ce bloc dans leurs prfrences. Pages
Page de cration dun bloc
h Cliquez sur Enregistrer le bloc, vous avez alors un nouveau bloc Bonjour disponible h Allez en page daccueil
72
Utiliser Drupal
Organisation du site
73
Par dfaut, il y a quatre menus dans Drupal : Management Menu principal Navigation User menu Liste les pages dadministration disponible pour ladministration du site. Par dfaut affich dans la barre de menu en haut de page (Tableau de bord, Contenu, etc.) Onglets affichs par dfaut au dessus du contenu dans Bartik (Home, Salade de penne, etc.) Liste des pages dadministration disponibles en fonction des droits de lutilisateur connect Menu destin tre affich dans le bloc utilisateur, qui permet de se dconnecter et daccder son compte
Longlet Paramtres du menu disponible lors de la cration dun contenu
74
Utiliser Drupal
Organisation du site
75
h h h h h
Menu Structure - Lien Menus Lien + Ajouter un menu Titre : Liens Divers Description : Liste de liens divers Bouton Enregistrer
h Bouton Enregistrer De la mme manire, ajoutez ces autres liens : Titre Drupal en franais Drupal Plats principaux Risotto Salade de penne Chemin http://www.drupalfr.org http://www.drupal.org taxonomy/term/2 node/2 node/1 Description Le site web des drupaliens francophones Site officiel Drupal Liste des plats principaux du site
Votre menu est alors cr, il faut maintenant lui ajouter quelques liens h Lien + Ajouter un lien h Titre du lien dans le menu : Drupal en Franais h Chemin : http://www.drupalfr.org h Description : Le site web des Drupaliens francophones La description est lattribut title du lien et saffiche au survol de la souris.
Le chemin des trois derniers liens internes peuvent tre diffrents sur votre site. Vrifiez leur URL en allant sur les pages concernes.
h Le Lien parent permet de choisir quel menu appartient le lien. Ici, le menu <Liens Divers> est choisi automatiquement.
76
Utiliser Drupal
Organisation du site
77
Loption Activ permet de ne pas afficher un lien tout en le gardant dans le menu.
h Cliquez sur Plats principaux, le menu affiche alors les liens enfants Vous pouvez afficher ce menu dpli par dfaut pour quil affiche ses liens enfants. h Retournez sur la page Lister les liens du menu h Cliquez sur le lien modifier du lien Plats principaux h Cochez loption Afficher dpli h Bouton Enregistrer
78
Utiliser Drupal
Organisation du site
79
Inscription
Seulement les administrateurs Visiteurs Les visiteurs, mais lapprobation dun administrateur est requise
Si vous choisissez cette option, la ligne Crer un nouveau compte napparatra plus. Seul les ajouts manuels seront autoriss (Comme vous lavez fait pour lutilisateur1). Un visiteur anonyme peut se crer un compte et lutiliser immdiatement. Un utilisateur anonyme pourra crer un compte mais il sera inactif par dfaut. Seul ladministrateur du site pourra lactiver.
h Bouton Crer un nouveau compte Retournez dans la liste (Menu Personnes), Utilisateur1 devrait apparatre.
Lorsque les visiteurs crent eux-mme leur compte, vous pouvez cocher loption Exiger la vrification de ladresse de courriel. Le nouvel utilisateur devra alors utiliser un lien temporaire contenu dans le mail pour activer le compte. Vous pouvez proposer vos utilisateurs dajouter leur profil un portrait ou une signature la section Personnalisation. Cependant, je vous conseille plutt dutiliser les champs personnaliss qui proposent un systme plus souple et plus personnalisable (6. Field UI : Types de contenus personnaliss).
Courriels
Liste des utilisateurs
En bas de page, diffrents onglets horizontaux permettent de personnaliser le contenu des mails envoys. Bienvenue (nouvel utilisateur cr par un Mail envoy lorsque ladministrateur cr un compte manuellement. (Option de cration : Seuadministrateur) lement les administrateurs) Mail envoy lorsque lutilisateur a cr un compte mais quil est encore inactif. (Option de craBienvenue (en attente dapprobation) tion : Visiteurs avec approbation) Bienvenue (aucune approbation requise) Mail envoy lorsque lutilisateur a cr un compte. (Option de cration : Visiteurs) Activation du compte Mail envoy lorsque ladministrateur active le compte. (Option de cration : Visiteurs) Compte bloqu Mail envoy lorsque ladministrateur coche loption Bloqu du compte Confirmation de lannulation du compte Mail envoy pour demander la confirmation de lannulation du compte Compte annul Mail envoy lorsque le compte est effectivement annul Mail envoy lorsque lutilisateur clique sur le lien Demander un nouveau mot de passe Rcupration de mot de passe du bloc Connexion utilisateur
80
Utiliser Drupal
Organisation du site
81
Vous pouvez placer des variables (ou jetons) de type [user:name] dans le corps de vos mails qui seront remplacs par une valeur selon le contexte (nom de lutilisateur pour user:name). Cette page permet la modification du nom de lutilisateur anonyme et du rle de ladministrateur (Vous dcouvrirez les rles plus loin dans ce chapitre).
Un utilisateur est affect un rle qui possde des droits Attribution dun rle un ensemble dutilisateurs
82
Utiliser Drupal
Organisation du site
83
Chaque module possde ses propres droits daccs, noubliez pas quil existe un lien Droits daccs sur la page des modules qui vous positionnera la bonne section de la page des droits daccs
h Bouton Enregistrer les droits daccs Vrifiez que lutilisateur1 peut bien crer un article : h Dconnectez-vous en cliquant sur le bouton Se dconnecter dans le menu Connectez-vous avec lutilisateur utilisateur1 : h Nom dutilisateur : utilisateur1 h Mot de passe : atelierdrupal h Cliquez sur Se connecter h Vrifiez que, dans le bloc Navigation (Sidebar First), vous avez accs Ajouter du contenu Article
Droits daccs dfinis par le module CAPTCHA
Le bloc crer
Cration de utilisateur2
Lutilisateur a les droits pour crer un article
h Menu Personnes h Lien + Ajouter un utilisateur Remplissez alors le formulaire : h Nom dutilisateur : Utilisateur2 h Adresse e-mail : utilisateur2@monadresse.com h Mot de passe : atelierdrupal, par exemple
Vous pouvez vous connecter avec deux utilisateurs en mme temps sur un mme ordinateur en utilisant deux navigateurs diffrents (Firefox et Internet Explorer par exemple).
84
Utiliser Drupal
Organisation du site
85
442 Utilisation
h Editez larticle du Risotto h En bas de la page, slectionnez longlet horizontal Paramtres du chemin dURL h Dans la zone Alias dURL, entrez risotto
Cration du bloc
h Menu Structure - Lien Blocs h Lien + Ajouter un bloc h Description du bloc : Bloc utilisateur identifi h Titre du bloc : Bienvenue, utilisateur identifi h Corps du bloc : Merci de vous tre connect ce site avec votre compte ! h Bartik : choisir Sidebar first h A la section Paramtres de visibilit, dans longlet Rles, cochez la case utilisateur identifi
h Bouton Enregistrer le bloc h Connectez vous avec utilisateur2, le bloc doit apparatre Le bloc saffiche pour utilisateur1 car il possde le rle Rdacteur de recettes ET utilisateur identifi. Pour la mme raison, il saffiche galement pour utilisateur2.
Il est possible de supprimer le ?q= en utilisant les URL simplifies (xxx : Activez les URL simplifis)
443 Administration
Une page permet dadministrer lensemble des alias et den ajouter de nouveaux : h Menu Configuration - Lien Alias durl (Ou lien Configurer du module Path) Ici est liste lensemble des alias du site. Reprez lURL de la page de liste des recettes contenant le tag Riz (de type ?q=taxonomy/term/4). Vous allez lui crer un alias ?q=riz. h Cliquez sur + Ajouter un alias h Dans la zone Chemin systme existant, entrez taxonomy/term/4 h Dans la zone Alias de chemin, entrez riz
441 Installation
h Le module est install par dfaut et activ dans Drupal
86
Utiliser Drupal
Ajout de contenu
87
Ajout de contenu
Dans ce chapitre vous verrez comment les diffrents utilisateurs de votre site vont pouvoir y ajouter du texte et comment ils peuvent le mettre en forme de manire conviviale et lagrmenter (ajout dimages ou de vidos).
h Menu Contenu h Lien + Ajouter du contenu Il existe par dfaut dans Drupal deux types de contenu : Article et Page de base qui possdent quelques diffrences : Vous pouvez ajouter une illustration et des Tags un article. Le rsum dune page ne saffichera pas par dfaut en page daccueil. Une page naccepte pas de commentaires. Par exemple, pour un site de nouvelles, on crera un contenu de type Page pour prsenter le site. Par contre, pour les nouvelles proprement dites, on choisira un contenu de type Article qui permettra aux lecteurs de laisser des commentaires, dafficher les nouveaux articles sur la page daccueil. En activant des modules, de nouveaux types de contenu peuvent sajouter la liste comme cela sest pass pour le module Poll (Ajout du type de contenu Sondage).
etc. Cela ne veut pas dire que tout est une node dans Drupal : Un commentaire nest pas une node mais est attach une node Une page dadministration nest pas une node Le chapitre 4. Field UI : Types de contenus personnaliss, montre comment crer vos propres types de contenu en utilisant linterface de Drupal.
88
Utiliser Drupal
Ajout de contenu
89
Paramtres du menu
Permet de lier un menu au contenu. Les rvisions sont des versions de larticle. Vous pouvez modifier larticle tout en conservant son ancienne version et y revenir ensuite grce longlet rvision de la node.
Lors de laffichage de la node, longlet Rvisions permet de revenir une ancienne rvision.
Liste des rvisions dune node Les onglets horizontaux dun type de contenu
Paramtres du chemin Permet de modifier lURL de larticle (2.4. Path : Url de vos pages). dURL Paramtres des commen- Gre les commentaires. Vous pouvez par exemple interdire les commentaires sur cet article bien que le type taires de contenu les autorise. Permet de modifier le nom de lauteur de larticle ainsi que sa date de rdaction.
Information de rdaction
Options de publication
Permet de publier ou non larticle, de le mettre en page daccueil ou de lpingler en haut de la page daccueil.
Si vous tes en cours de rdaction dun article, il peut tre utile de ne pas le publier pour que vos visiteurs ne puissent pas le consulter.
90
Utiliser Drupal
Ajout de contenu
91
Les onglets horizontaux dans Drupal possdent un court rsum des paramtres dfinis.
Paramtres du formulaire Permet de modifier le libell du titre et de rgler les paramtres de laperu avant soumission. de contribution Paramtres des Options de publications (Publi, Promu en page daccueil, Epingl en haut des listes) par dfaut des nouvelles nodes de ce type de contenu. Vous pouvez galement forcer la cration de nouvelles Options de publication rvision chaque modification en cochant Crer une nouvelle rvision. Permet galement de rgler la gestion multilingue. Paramtres daffichage Indique si le nom de lauteur et la date doivent tre affichs lors de la consultation de ce type de contenu. Paramtres des commenCest ici que se configure le module Comments de Drupal qui gre les commentaires. taires Paramtres du menu Permet de dfinir un menu par dfaut et de rduire le nombre de menus disponibles pour le contributeur. Cette page contient donc des paramtres trs importants pour la gestion des types de contenus. Noubliez pas quelle existe !
h Rendez vous sur la page de la Salade de penne, ditez l en cliquant sur longlet Modifier Des balises html peuvent tre utilises pour la prsentation de votre recette : Les balises HTML sont des commandes interprtes par les navigateurs internet. Elles sont saisies entre les signes < et >. En gnral, les balises de dbut (exemple : <strong>) ont une balise de fin (</strong>)
En bas de page, des onglets horizontaux permettent de modifier le comportement par dfaut des nouveaux articles du site.
Une balise HTML dans le corps du texte Paramtres du type de contenu article
92
Utiliser Drupal
Ajout de contenu
93
h Mettez la ligne du vin conseill en gras grce la balise <strong> h Cliquez sur le bouton Enregistrer et voyez le rsultat
Cliquez sur le lien Plus dinformations sur les formats de texte pour connatre les balises acceptes par les formats disponibles.
h Editez de nouveau la page h Dans la liste Format de texte, en dessous du corps,choisissez Plain text en remplacement de Filtered HTML
Extrait de la page daide du format Filtered HTML
h Bouton Enregistrer
Affichage de la date et de lheure courante dans une node grce PHP La mise en gras ne fonctionne plus
Les formats dentres permettent donc dautoriser linterprtation de certaines balises ou motifs dans votre contenu. Il existe par dfaut 3 formats dentres : Filtered HTML, Full HTML et Plain Text. Full HTML interprte lensemble de balises HTML, Filtered HTML est moins permissif et donc plus scuris, Plain text autorise le minimum de balises HTML.
La fonction PHP date (http://php.net/manual/fr/function.date.php) permet de retourner la date et lheure courante : Pour afficher le jour, le mois et lanne :
<?php echo date('d-m-Y') ?>
94
Utiliser Drupal
Ajout de contenu
95
Un format de texte est compos de filtres qui valuent ou nvaluent pas des balises. Voici de quels filtres est compos le format FullHTML : h Menu Configuration h Lien Format de textes
Cration de larticle
h Menu Contenu - Lien + Ajouter du contenu h Choisir Article h Titre : Affichage de la date et lheure h Corps :
Bonjour ! Nous sommes le <?php echo date('d-m-Y') ?> et il est <?php echo date('H:i') ?>
h Lien configurer du format Full HTML Cette page permet de configurer le format de texte. La section Filtres activs, liste lensemble des filtres installs. Limiter les balises HTML autorises Affiche les fichiers HTML au format texte Convertir les sauts de ligne en HTML Autorise seulement quelques balises. Ce filtre est utilis pour le format Filtered HTML Aucune balise HTML autorise. Ce filtre est utilis pour le format Plain text
h Bouton Enregistrer
Le filtre dtecte les sauts de ligne dans la zone de texte et les remplacent par des balises HTML (<br> pour retour la ligne et <p> pour cration de paragraphe) Transforme les chaines de type http://www.atelierdrupal.net en <a href="http://www.atelierdrupal. Convertir les URL en liens net">http://www.atelierdrupal.net</a> (dtecte galement les adresses mail) Corriger le HTML dfecLorsquune balise nest pas reconnue, elle est supprime tueux ou coup h Cochez le filtre interprteur PHP qui a t ajout lors de lactivation du module PHP Filter
Full HTML
Aprs la premire ligne, le retour la ligne fonctionne, par contre, cest sans surprise que les balises <?php ?> ne sont pas values.
96
Utiliser Drupal
Ajout de contenu
97
Vous pouvez grer les droits sur la page de configuration des formats de texte h Menu Configuration h Lien Format de textes Le lien Configurer du module Filter permet daccder directement cette page.
h Lien configurer du format Full HTML En haut de cette page, vous pouvez choisir les rles qui pourront utiliser le format de texte.
Vous pouvez ensuite modifier lOrdre de traitement des filtres. Par exemple, le filtre Corriger le HTML dfectueux ou coup va modifier la balise <?php ?> et interprteur PHP ne pourra lvaluer, provoquant ainsi une erreur. h Bouton Enregistrer la configuration h Rechargez la page Affichage de la date et lheure
La section Filter de la page des droits daccs prsente une vision plus globale des permissions. h Menu Personnes - Onglet Droits daccs
98
Utiliser Drupal
Ajout de contenu
99
Remarquez en bas de page les onglets horizontaux qui permettent de modifier les paramtres de certains filtres activs (Taille des vidos par exemple).
h Bouton Enregistrer la configuration Vous allez maintenant ajouter une vido dans le Corps de votre article. h Allez sur la page dune vido h Copiez son URL h Modifiez larticle Salade de Penne h A la fin du corps ajoutez [video:url de votre vido] Ici, le filtre nest donc plus une balise HTML h Choisissez le format de texte Full HTML
Lordre de traitement des filtres est important. Ici, si Convertir les URL en liens traite le lien Vido avant Vido Filter, il modifie sa syntaxe et la vido ne saffiche pas.
Le texte daide en dessous du format de texte est celui des diffrents filtres qui lui sont associs. Vrifiez bien quaprs avoir choisi Full HTML, le texte You may insert videos with [video:URL] apparat bien en tte de liste. h Bouton Enregistrer
100
Utiliser Drupal
Ajout de contenu
101
Wysiwyg affiche un lien direct vers la page de tlchargement (Tlcharger) et indique dans quel rpertoire il faut lextraire. Les diteurs Wysiwyg sont des programmes Javascript, voila pourquoi Wysiwyg va chercher localiser un fichier .js (wysiwyg.js) h Crez le rpertoire /sites/all/libraries dans votre rpertoire Drupal. Chaque diteur y possdera un sous-rpertoire h Cliquez sur le lien Tlcharger h Tlchagez le fichier zip sur le site de lditeur (Version utilise pour ce livre openwysiwyg_ v1.4.7.zip) h Extrayez le rpertoire dans /sites/all/libraries h Renommez le en openwysiwyg (sans numro de version). h Rechargez la page de configuration de Wysiwyg (Configuration - Profils wysiwyg)
102
Utiliser Drupal
Ajout de contenu
103
Le module Wysiwyg a dtect quun diteur est disponible, il permet alors dassocier chaque format avec cet diteur. Si cela ne fonctionne pas, cest sans doute que le chemin daccs est faux. Vrifiez que vous navez pas un rpertoire librairies au lieu de libraries et que le fichier .js est bien lendroit indiqu par Wysiwyg.
h Lien Modifier Une page contenant cinq sections saffiche alors : Paramtrage de base Boutons et plugins Apparence de lditeur Nettoyage et sortie CSS Permet de modifier la langue (si la traduction est disponible) et de configurer lactivation de lditeur. Permet dajouter ou de supprimer des boutons dans la barre doutils. Permet de modifier laspect de la barre doutils Directives de traitement du code HTML Ajouter du code CSS spcifique pour lditeur
Par dfaut, aucun bouton nest activ, la barre doutils de lditeur sera donc vide: h Dpliez la section Boutons et plugins h Cochez lensemble des cases
h Bouton Enregistrer la configuration Il faut maintenant ssocier lditeur au Format de texte openWysiwyg. h Menu Configuration - lien Profils wysiwyg h Choisissez lditeur openWysiwyg pour le Format de texte openWysiwyg h Bouton Enregistrer
Boutons disponibles de openWysiwyg
104
Utiliser Drupal
105
Il est maintenant temps de voir le rsultat de votre travail : h Editez le contenu de la Salade de penne h Choisissez le format dentre openWysiwyg Une barre doutils doit apparatre en haut de la zone de texte. h Mettez en forme la recette
Le type de contenu qui permet dajouter un article est compos de champs (Fields) de diffrents types. Dans ce chapitre, vous allez dcouvrir comment paramtrer chacun de ces trois champs : Tags (Taxonomie) Corps (Texte) Image (Fichier) Ensuite, dans la deuxime partie, vous crerez votre propre type de contenu Recette, compos de ses champs spcifiques. Aprs avoir cr ce type de contenu, Drupal proposera alors une interface de saisie conviviale pour les nouvelles recettes et permettra de configurer laffichage des champs. Enfin, vous verrez comment paramtrer efficacement la Taxonomie et comment ajouter des champs dautres entits (termes de taxonomie, utilisateurs et commentaires).
Avant de crer votre propre type de contenu, vous allez dcouvrir ce qui compose le type article que vous avez dj utilis.
h Bouton Enregistrer
Deux lments peuvent tre modifies graphiquement par ladministrateur Drupal : Laspect final du contenu pour le visiteur du site (Taille des images, longueur du rsum sur la page daccueil, affichage dune description pour les tags, etc), ceci se fait par le lien grer laffichage. Le formulaire de saisie que le rdacteur de contenu utilisera (formulaire pour ajouter une zone de texte, une image, des tags, etc.), ceci se fait par le lien grer les champs. Le lien modifier, qui permet de grer les options dun type de contenu, a t tudi au chapitre X h Lien Grer les champs du type Article
Noubliez pas que le format de texte cr est trs permissif, autorisez seulement des utilisateurs de confiance lutiliser
106
Utiliser Drupal
107
La liste des champs de larticle saffiche. Voici une description de chaque colonne du tableau : Etiquette Nom Champ Widget Oprations Cest le nom du champ tel quil sera affich lcran pour le visiteur et le rdacteur. La croix prcdent ces tiquettes permet de dordonner les champs. Nom du champ machine pour Drupal (Nom sans espace et sans majuscule) Type du champ Type dlment utilis pour le formulaire (Liste droulante, case cocher, zone de texte, etc.) Le lien modifier permet daccder la page de configuration du champ
Limage apparat en grande taille sur la page de larticle et en taille moyenne sur la page daccueil. Vous allez modifier cet affichage pour que la photo soit en taille moyenne sur la page de larticle et napparaisse plus sur la page daccueil. h Menu Structure - Lien Types de contenu h Lien Grer laffichage du type Article Saffiche alors la liste des champs du type de contenu (sauf le titre qui est un champ part). Voici une description de chaque colonne du tableau.
Cest le nom du champ tel quil sera affich lcran pour le visiteur et le rdacteur. La croix prcdent cette tiquette permet de rordonner laffichage des champs. Indique si nom du champ doit tre affich et si l doit tre sur la mme ligne ou au-dessus Affiche sous quelle forme le champ doit safficher. Pour une date, on pourra choisir lordre des jour-mois-anne, pour un numrique, le nombre de chiffres aprs la virgule et pour une image sa taille.
108
Utiliser Drupal
109
h Pour modifier le format de limage, cliquez sur le bouton engrenage (configuration) droite de la ligne Photo de la recette h Dans la liste Style dimage, choisissez medium Image : Crez des Styles dimage personnaliss h Dans la liste Lier limage , choisissez Fichier La liste Lier limage indique le comportement que Drupal doit avoir lorsque limage est clique. Rien : Limage nest pas cliquable Contenu : Limage renvoie vers la node complte Fichier : Limage est affiche seule, dans sa taille originale
h Cliquez sur le contexte Rsum h Dans la colonne Format, choisissez <Hidden> pour le champ Photo de la recette
Le champ Photo de la recette se positionne maintenant dans la section Cach. h Bouton Enregistrer Allez sur votre page daccueil et vous pourrez constater que les images des articles ne saffichent plus. Vous avez utilis le contexte Par dfaut et Rsum, mais de nouveaux contextes peuvent tre ajouts lors de lactivation de nouveaux modules. Ces contextes peuvent tre activs en bas de page.
Changement du format de limage
h Bouton Mettre jour h Bouton Enregistrer en bas de la page Allez sur votre page du Croque Hawa et vous pourrez constater que limage saffiche maintenant en medium et quun clic affiche limage dans sa taille originale.
Le contexte Par dfaut est utilis lorsque le module qui affiche la node ne trouve pas dautres contextes activs. Cest pourquoi en modifiant ce contexte, limage sest affiche en style Medium en affichage de contenu intgral. Si vous activez le contexte Contenu intgral et que vous affichez la node des Croque Hawa, le style large sera nouveau utilis.
Vous allez maintenant changer quelques paramtres du formulaire qui permet au rdacteur dajouter une image un article.
110
Utiliser Drupal
111
h Cliquez sur le lien modifier du champ Image Saffiche alors la longue page de configuration du champ image :
h Rsolution maximale de limage : 1280 x 960 h Rsolution minimale de limage : 320 x 200 h Taille maximale du transfert : Peut tre limite par la configuration du serveur La balise HTML <img> se prsente sous cette forme :
<img src="mecontent.gif" alt="Tte mcontente" title="Je suis mcontent"/>
Modifiez les paramtres comme ceci : h Etiquette : Photo de la recette h Champ requis : Si coch, le champ est obligatoire h Texte daide : Tlchargez une image pour linclure dans cette recette.
Lattribut src est le chemin vers le fichier, alt est le texte afficher si limage nest pas trouve, title est un texte qui saffiche au survol de limage par la souris. h Activer le champ Alt : coche (Propose un champ Alt quand on upload une image) h Activer le champ Titre : coche (Propose un champ Alt quand on upload une image) h Aperu du style dimage : Meduim (Taille de laperu dans le formulaire de contribution) La section Paramtres du champ Photo de la recette sera tudie plus tard dans ce chapitre.
h Extensions de fichier autorises : png, gif, jpg, jpeg, bmp h Rpertoire du fichier : indiquez ici un sous-rpertoire de votre installation o les images seront transfres. Pour field/image, les images seront transfres dans drupal/sites/default/files/field/ images.
h Cliquez sur Sauvegarder les rglages h Crez un nouvel article pour constater les changements
112
Utiliser Drupal
113
Modifiez le formulaire qui permet de saisir le Corps du texte ainsi : Libell : Description de la recette Valeur par dfaut : Entrez ici le contenu de votre recette
Rsultat attendu
Corrig : Faites en sorte que la longueur du rsum soit limite 100 caractres
h Menu Structure - Lien Types de contenu h Lien grer laffichage du type Article h Bouton Rsum (Contexte) h Pour le champ Body, cliquez sur le bouton de configuration en bout de ligne h Modifier la Longueur de coupe 100
Les champs Alt et Titre et lapercu en taille medium
Vous pouvez vrifier sur la page daccueil que les rsums contiennent bien 100 caractres.
114
Utiliser Drupal
115
Modifier le formulaire
h Menu Structure - Lien Types de contenu h Lien grer les champs du type Article h Lien modifier du champ Body h Etiquette : Description de la recette h VALEUR PAR DEFAUT : Entrez ici le contenu de votre recette
Cases cocher
Voici comment choisir le widget utiliser : h Menu Structure - Lien Types de contenu h Lien Grer laffichage du type Article h Dans la colonne Widget, cliquez sur le lien Widget dauto-compltion de terme (tiquetage) de la ligne Tags
Cration dune valeur par dfaut pour le champ Body
Vous pouvez modifier votre guise le comportement et laffichage de chaque champ du type contenu Article. Vous tes maintenant prt crer votre propre type de contenu personnalis.
Liste de slection
116
Utiliser Drupal
117
h Bouton Enregistrer le type de contenu Le nouveau type de contenu Recette est cr et ajout dans la liste des types de contenu. h Cliquez sur le lien grer les champs du type de contenu Recette Un type de contenu comporte par dfaut deux champs, le Titre et le Corps. Le corps (Body) servira de texte de prsentation de la recette. Il faut donc modifier le champ en consquence : h Lien modifier du champ Body h Etiquette : Prsentation de la recette h Texte daide : Texte dintroduction la recette Si un paramtre du champ Body ne vous convient pas, il est possible de le supprimer de la liste des champs. Le champ Titre lui, est obligatoire. h Bouton Sauvegarder les rglages
118
Utiliser Drupal
119
h Bouton Enregistrer h Bouton Enregistrer les paramtres du champ La page de configuration du champ numrique saffiche alors. h Minimum : 0 h Texte daide : Temps estim pour la confection de la recette h Suffixe : minutes h Bouton Sauvegarder les rglages Le champ est ajout la liste. Concernant laffichage, il est prfrable que ltiquette soit sur la mme ligne : h Bouton Enregistrer
Etiquette Au-dessus
h Onglet Grer laffichage h Colonne TIQUETTE: Sur la mme ligne h Bouton Enregistrer Il sagit maintenant de tester ce nouveau type de contenu en ajoutant une recette. La recette de 1001recettes choisie pour illustrer les copies dcrans suivantes est celle des Gnocchis la courge, sauce mandarine et parmesan (http://1001recettes.blogspot. com/2011/02/cest-pas-de-la-chiclette-cette-recette.html) h Menu Contenu - Lien + Ajouter du contenu h Type Recette h Ajoutez une recette comme sur la copie dcran suivante :
Dans longlet Grer les champs vous pouvez ordonner les champs par simple glisser/dposer. Il serait par exemple judicieux de mettre le champ Temps de prparation juste aprs le titre.
120
Utiliser Drupal
121
Vous pourrez ensuite, dans votre gabarit de thme, mettre cette liste en forme.
Corrig : Ajouter un champ permettant aux rdacteurs de saisir le prix par personne de leur recette
h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette h Etiquette : Prix h Nom du champ : prix h Type de donnes stocker : Rel virgule flottante h lment du formulaire pour ldition des donnes : Champ texte h Bouton Enregistrer h Bouton Enregistrer les paramtres du champ La page de configuration dun champ numrique saffiche alors. h tiquette : Prix par personne h Texte daide : Entrez le prix estim par personne h Suffixe : h Bouton Sauvegarder les rglages
122
Utiliser Drupal
123
Ce champ doit apparatre dans le rsum h Onglet Grer laffichage, bouton Rsum h Etiquette : Sur la mme ligne h Format : Par dfaut h Bouton Enregistrer
Il devra avoir le rendu suivant et devra tre positionn juste aprs le temps de prparation
Pour rorganiser les champs : h Onglet Grer les champs h Dplacer le champ Prix par personne en dessous du Temps de prparation h Bouton Enregistrer Pour modifier le rendu : h Onglet Grer laffichage h Etiquette : Sur la mme ligne h Format : Par dfaut
Formulaire dajout des tapes
Solution :
Affichage du rsum
Ajouter un champ permettant aux rdacteurs de saisir les diffrentes tapes de la recette
h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette h Etiquette : Etapes h Nom du champ : etapes h Type de donnes stocker : Texte long
h Bouton Enregistrer
124
Utiliser Drupal
125
h lment du formulaire pour ldition des donnes : Zone de texte (plusieurs lignes) h Bouton Enregistrer h Bouton Enregistrer les paramtres du champ La page de configuration dun champ texte saffiche alors. h Champ requis : coch h Ranges : 3 (Nombre de lignes dans le formulaire) h Texte daide : Entrez chaque tape de votre recette h Nombre de valeurs : Illimit h Bouton Sauvegarder Pour pouvoir changer le format de texte par dfaut, il faut r-diter le champ h Lien modifier du champ Etapes h A la section Valeur par dfaut, choisir Filtered HTML
Ajout dun champ existant
Lintitul du champ field_image (Photo de la recette) a t modifi au Chapitre ... h Bouton Enregistrer h A nouveau bouton Enregistrer Les paramtres daffichage dun champ peuvent tre diffrents dun type de contenu un autre.
h Lien grer les champs du type Recette h Etiquette : Email h Nom du champ : email h Type de donnes stocker : Email
h Bouton Sauvegarder les rglages Il nest pas ncessaire de modifier laffichage de ce champ.
h lment du formulaire pour ldition des donnes : Champ texte h Bouton Enregistrer h Bouton Enregistrer les paramtres du champ
126
Utiliser Drupal
127
La page de configuration dun champ texte saffiche alors. h Texte daide : Entrez votre email si vous souhaitez tre contact par vos lecteurs h Bouton Sauvegarder les rglages Le lien demail peut safficher de plusieurs faons diffrentes : h Onglet Grer laffichage
Un champ de Taxonomie est appel Vocabulaire. Un vocabulaire est compos dune liste de termes. Ici, le vocabulaire Tags contient les termes Dessert, Entre, Ptes, Plat principal, Riz.
128
Utiliser Drupal
129
Comme pour les champs classiques, un vocabulaire peut tre utilis pour plusieurs types de contenu.
h Menu Structure - Lien Taxonomie h Lien + Ajouter un vocabulaire h Nom : Difficult de la recette h Description : Indique la difficult de ralisation de la recette h Bouton Enregistrer
Ajout dun champ existant
Le vocabulaire est cr,il faut maintenant lui ajouter les 5 termes : h Lien ajouter des termes du vocabulaire Difficult h Nom : Trs facile h Bouton Enregistrer Ajoutez ainsi les 4 autres termes Facile, Moyen, Difficile et Trs difficile. h Allez sur longlet Lister les termes h Rorganisez les termes dans lordre Trs facile, Facile, Moyen, Difficile ou Trs difficile
h Bouton Enregistrer h Bouton Sauvegarder les rglages Si vous modifiez un contenu de type recette, apparatra alors llment de formulaire Tags.
130
Utiliser Drupal
131
h Bouton Enregistrer Le vocabulaire est cr,il faut maintenant lui ajouter des termes : h Lien ajouter des termes du vocabulaire Provenance h Nom : Asie h Bouton Enregistrer Ajoutez ainsi les autres termes Europe, France, Italie, Chine, Vietnam, Bretagne, Auvergne, Sicile et Pkin. h Aller sur longlet Lister pour rorganiser les termes Rorganisez les termes en les bougeant de haut en bas pour les rordonner et de gauche droite pour les hirarchiser :
h Bouton Enregistrer Ajoutez ce vocabulaire au type de contenu Recette : h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette h Etiquette : Difficult h Nom du champ : difficulte h Type de donnes stocker : Rfrence un terme h Elment du formulaire pour ldition des donnes : Liste de slection h Bouton Enregistrer
h Vocabulaire : Difficult h Bouton Enregistrer les paramtres du champ h Bouton Sauvegarder les rglages Si vous modifiez un contenu de type recette, vous pourrez choisir sa difficult. h Bouton Enregistrer
Organisation des termes de Provenance
132
Utiliser Drupal
133
Vous pouvez galement utiliser la section RELATIONS pour modifier lordre et la hirarchie dun terme.
De la mme faon que pour le vocabulaire Difficult, il faut ajouter ce vocabulaire au type de contenu Recette. h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette h Etiquette : Provenance h Nom du champ : provenance h Type de donnes stocker : Rfrence un terme h Elment du formulaire pour ldition des donnes : Liste de slection h Bouton Enregistrer h Vocabulaire : Provenance h Bouton Enregistrer les paramtres du champ h Bouton Sauvegarder les rglages Modifiez un contenu de type recette, vous pourrez choisir sa provenance.
Lorsque vous avez ajout un utilisateur au chapitre 2.3 - User : Gestion des utilisateurs, il vous tait demand sur la page de cration de comptes les champs suivants : Nom dutilisateur Adresse e-mail Mot de passe Vous allez ajouter un nouveau champ qui demandera si lutilisateur est un homme ou une femme.
h Menu Configuration - Lien Paramtres de comptes Vous pouvez galement atteindre cette page via le lien Configurer du module User. h Onglet Grer les champs h Etiquette : Professionnel h Nom du champ : professionnel
Choix de la provenance de la recette
Le type de donnes est de type boolen : Homme (0) ou Femme (1). Cest donc un entier qui sera stock dans la base.
134
Utiliser Drupal
135
h Type de donnes stocker : Liste (entier) h lment du formulaire pour ldition des donnes : Cases cocher/boutons radio
h Bouton Enregistrer Il faut ensuite indiquer la liste des valeurs que peut prendre le champ. Ici, la valeur pourra tre Homme ou Femme :
Paramtres du champ
Remarquez galement que Drupal associe automatiquement chaque ligne un entier qui sera sauvegard dans la base de donnes.
Vous pouvez maintenant aller dans le profil de ladministrateur et y indiquer si vous tes un Homme ou une Femme : h Lien Bonjour Admin (En haut de la page) h Onglet Modifier h En bas, Section Sexe
h Bouton Enregistrer les paramtres du champ La page de configuration dun champ texte saffiche alors. h Cochez la case Champ Requis h Choisissez Femme comme Valeur par dfaut
136
Utiliser Drupal
137
Loption Femme sera choisie par dfaut uniquement lors de la cration de nouveaux profils. h Bouton Enregistrer h Onglet Voir
h Bouton Enregistrer
Un profil utilisateur et son nouveau champ.
h Bouton Enregistrer les paramtres du champ h Bouton Sauvegarder les rglages h Retournez ensuite sur longlet Lister les termes et ditez les un un en ajoutant les illustrations toque1.png, toque2.png, etc.
h Menu Structure - Lien Taxonomie h Lien modifier le vocabulaire du vocabulaire Difficult h Onglet Grer les champs h Etiquette : Illustration h Nom du champ : illustration h Type de donnes stocker : Image
Les rdacteurs devront toujours choisir le terme dans la liste par contre, lorsque la node sera affiche, seule limage du terme sera elle aussi affiche. Il faut donc modifier laffichage des termes de taxonomie. Notez quil existe un contexte Page dun terme de taxonomie pour grer laffichage dun vocabulaire sur les pages de Taxonomie. Pour afficher les images de taxonomie dans les pages de contenu, il faut utiliser des vues ou des fonctions de thme.
138
Utiliser Drupal
139
Crer un vocabulaire de Taxonomie Type de commentaire contenant les termes Question, Rponse une question, Suggestion pour la recette, Autres Ajouter un champ aux commentaires du type de contenu Recette (et uniquement celui-l) en les mettant en lien avec un terme du vocabulaire Type de commentaire Crer deux commentaires en utilisant ces champs
Les termes du vocabulaire Type de commentaire
140
Utiliser Drupal
141
h Onglet Comment Fields h Etiquette : Type de commentaire h Nom du champ : type_commentaire h Type de donnes stocker : Rfrence un terme h Elment du formulaire pour ldition des donnes : Liste de slection
h Bouton Enregistrer h Vocabulaire Type de commentaire h Bouton Enregistrer les paramtres du champ h Cocher Champ requis h Bouton Sauvegarder les rglages