Atelier Drupal7 Ed3

1
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. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
100 100 101 102
6 Field UI : Types de contenus personnaliss 105

6.1. Dcouverte du type de contenu article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.1.1. Image : Modifier limage lie larticle. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.1.2. Exercice : Modification du champs Corps . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.1.3. Les widgets du champ Tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2. Cration dun nouveau type de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.1. Cration du type de contenu recette. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.2. Ajout dun champ numrique (Temps de prparation) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.3. Ajout dun champ texte multiple (Ingrdients) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.4. Exercice : Ajout dun champ numrique (Prix). . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.5. Exercice : Ajout dun champ zone de texte multiple (tapes) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.6. Ajout du champ photo de larticle . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.2.7. Email Field : Ajout dun champ Mail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.3. Taxonomy : Classer le contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.3.1. Le vocabulaire Tags . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.3.2. Cration dun vocabulaire de taxonomie (Champ Difficult) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.3.3. Cration dun vocabulaire hirarchis (Provenance) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.4. Ajout de champs aux autres entits . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.4.1. Ajout dun champ texte pour les utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.4.2. Ajout dun champ un terme de Taxonomie . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.4.3. Exercice : Ajout dun champ de taxonomie aux commentaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6.4.4. Page de Rapport des champs dun site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
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.
Conventions utilises dans ce livre

h Action excuter par le lecteur Renvoie vers un module en rapport avec le sujet trait Information complmentaire
Quest-ce que Drupal ?

Un CMS (Content Management System Systme de Gestion de Contenu) permet de crer un site Web dynamique, donnant la possibilit plusieurs utilisateurs denrichir son contenu sans connaissance particulire. Drupal est un logiciel OpenSource crit en Php de la famille des CMS. Avec, il est possible de crer rapidement : Un site de nouvelles Des forums Des articles contenant des images, des vidos, des liens vers dautres articles, etc. Des blogs pour chacun des utilisateurs Etc. Drupal est aujourdhui un logiciel prouv : il a t cr par le Belge Dries Buytaert en 2001. Drupal a la particularit doffrir une riche interface de programmation qui lui vaut parfois lappellation de CMF (Content management Framework Plateforme de Gestionnaire de Contenu). Cest grce cette interface que Drupal a attir un grand nombre de dveloppeurs qui participent son volution en crant et partageant un grand nombre de modules. Drupal est souvent considr comme tant une alternative Joomla ! le plus populaire des CMS aujourdhui. Drupal a la rputation dtre plus difficile prendre en main que Joomla ! mais plus volutif et personnalisable ensuite. Le but de cet ouvrage est justement de vous faciliter la prise en main de ce logiciel. Si vous ne connaissez pas Drupal, si vous ne savez pas exactement quoi il sert ou si vous tes impatient de le voir fonctionner, la partie I de ce livre est faite spcialement pour vous : elle vous permettra dinstaller Drupal et de dcouvrir un grand nombre de fonctionnalits en quelques heures seulement. La partie II dtaille les fonctionnalits importantes de Drupal et revient plus prcisment sur certain sujets abords dans la partie I.
Astuce
Versions alpha, beta et stables :

Lors de lcriture de ce livre, certains modules taient en cours de dveloppement pour Drupal 7 et ntaient pas publis en version stable. Il convient donc de bien vrifier avant la mise en production de votre site si la stabilit des modules utiliss ne le mettent pas en pril.
Notes propos de ce livre :
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
112 Tlchargement et accs linstallateur de Drupal

Vous allez maintenant installer Drupal partir de ses fichiers sources. Il faut les tlcharger et les copier au bon endroit dans votre arborescence. h Rendez-vous la section Download & Extend (tlcharger) du site web Drupal (http://www.drupal.org/download) et tlchargez la dernire version stable de Drupal (Version utilise pour ce livre : Drupal 7.0)
Deux mthodes dinstallation seront dcrites, linstallation sous Windows et linstallation sous Linux.
11 Installation rapide sous Windows

La mthode dcrite dans ce livre pour linstallation de Drupal utilise le logiciel WampServer2 qui regroupe Apache, PHP, MySQL et phpMyAdmin. Si vous avez lhabitude dune autre solution WAMP (easyphp ou autre), ne la perdez pas ! Cela devrait galement fonctionner moyennant quelques modifications.
1 - Installation rapide sous Windows
111 Installation de WampServer

h Sur le site web WampServer (http://www.wampserver.com/), allez dans la section Download h Tlchargez et excutez le fichier .exe (Version utilise pour ce livre : wampserver2.1c.exe) h Il sera considr que Wampserver est install dans le rpertoire c:\wamp (Rpertoire par dfaut) Laissez-vous ensuite guider par linstallateur de Wampserver et choisissez les paramtres par dfaut en cas de doute. h A la fin de linstallation, une icne apparat dans la zone de notification ( cot de lheure) h Passez WampServer en franais en faisant un clic droit sur licne Language - french Sous Windows 7, vous pouvez faire en sorte que licne de WampServer saffiche en permanence en cliquant sur le lien Personnaliser de la zone de notification. Ensuite choisissez loption Afficher licne et les notifications pour licne Aestan Tray Menu. h Lancez un navigateur internet et entrez ladresse locale : http://localhost . Vous devriez voir safficher la page daccueil WampServer.
Page de tlchargement de drupal.org
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
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
Drupal est prt tre install !
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
113 Installation de la langue franaise

La priorit est maintenant dinstaller Drupal en franais : h Cliquez sur le bouton Save and continue pour passer la deuxime tape : Choose language h Cliquez sur le lien Learn how to install Drupal in other languages (Apprenez comment installer Drupal dans dautres langues) Une page daide linstallation des traductions apparat alors. Elle dcrit 3 tapes, le tlchargement du fichier de traduction, le changement de nom du fichier et la copie du fichier. h Cliquez sur le lien translation serveur de ltape 1 h Cherchez la langue franaise et tlchargez le fichier qui correspond la version 7
Drupal est prt tre install... en francais !
h Choisissez loption French (Franais) h Cliquez ensuite sur Save and continue pour passer ltape suivante
114 Installation de la base de donnes

Une base de donnes est un ensemble de donnes organises ncessaires au fonctionnement dune application. Lorsque lapplication a besoin dexploiter sa base, elle interroge alors le gestionnaire de base de donnes (ici, vous utiliserez MySQL) qui lui-mme effectuera les actions ncessaires dans la base (ajout, modification, suppression de donnes, etc.). Ce programme est optimis pour utiliser efficacement de grandes quantits de donnes. Vous allez utiliser phpMyAdmin pour crer et configurer la base de donnes de Drupal. h Lancez un autre navigateur internet (ou un nouvel onglet) et entrez ladresse locale : http://localhost/phpmyadmin (ou cliquez sur le raccourcis depuis licne WampServer).
Tlchargement de la langue franaise
16
Dmarrage rapide
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
Installation de la base de donnes par linstallateur 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).
115 Configuration du site

Une fois le processus dinstallation termin, il faut entrer les paramtres du site et de son administrateur. Compltez les champs de la manire suivante : h Nom du site : A vos toques !
Cration de la base de donnes MySQL pour Drupal grce phpMyAdmin
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
19
12 Installation rapide sous Linux

Linstallation dune solution LAMP (Linux, Apache, MySQL, Php) sous Linux est toujours trs bien documente quelque soit la distribution utilise. Dans ce livre, la distribution grand public Ubuntu a t choisie car elle est la plus utilise ce jour.
121 Installation dune solution LAMP

Pour installer les quatre logiciels dont vous avez besoin, tapez la ligne de commande suivante dans un terminal (avec Ubuntu : Applications - Accessoires - Terminal) :
sudo apt-get install apache2 apache2-doc mysql-server php5 libapache2-mod-php5 php5-mysql phpmyadmin php5-gd
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
Paramtres du site et de son administrateur
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
21
122 Tlchargement et accs linstallateur de Drupal

Vous allez maintenant installer Drupal partir de ses fichiers source. Il faut donc les tlcharger et les copier au bon endroit dans votre arborescence de fichiers. Il est prfrable dinstaller Drupal dans votre rpertoire personnel (/home/utilisateur) pour faciliter ldition et lajout des fichiers de Drupal. Toutefois, sachez quil est possible pour vous de linstaller dans un autre rpertoire (classiquement /var/www). h Rendez-vous la section Download & Extend (tlcharger) du site web Drupal (http://www.drupal.org/dowload) et tlchargez la dernire version stable de Drupal (Version utilise pour ce livre : Drupal 7.0)
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
Page daccueil de drupal.org
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
Votre solution LAMP est installe, phpMyAdmin fonctionne
22
Dmarrage rapide
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
123 Installation de la langue franaise

La priorit est maintenant dinstaller Drupal en franais : h Cliquez sur le bouton Save and continue pour passer la deuxime tape : Choose language h Cliquez sur le lien Learn how to install Drupal in other languages (Apprenez comment installer Drupal dans dautres langues) Une page daide linstallation des traductions apparat alors. Elle dcrit 3 tapes, le tlchargement du fichier de traduction, le changement de nom du fichier et la copie du fichier. h Cliquez sur le lien translation serveur de ltape 1 h Allez jusqu la langue franaise et tlchargez le fichier qui correspond la version 7
124 Vrification des pr-requis

Un message apparat alors, signalant plusieurs erreurs.
Tlchargement de la langue franaise
h Enregistrez le fichier dans le rpertoire /home/utilisateur/drupal/profile/standard/translation
Drupal demande des droits en criture
24
Dmarrage rapide
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
125 Installation de la base de donnes

Une base de donnes est un ensemble de donnes organises ncessaires au fonctionnement dune application. Lorsque lapplication a besoin dexploiter sa base, elle interroge alors le gestionnaire de base de donnes (ici, vous utiliserez MySQL) qui lui-mme effectuera les actions ncessaires dans la base (ajout, modification, suppression de donnes, etc.). Ce programme est optimis pour utiliser efficacement de grandes quantits de donnes. Vous allez utiliser phpMyAdmin pour crer et configurer la base de donnes de Drupal. h Lancez un autre navigateur internet (ou un nouvel onglet) et entrez ladresse locale : http://localhost/phpmyadmin Vous devriez alors voir apparatre la page de connexion de phpMyAdmin : h Connectez vous avec le login root / atelierdrupal (si vous avez suivi ce livre). Cest le mot de passe que vous avez entr linstallation de LAMP h En dessous de la ligne Crer une base de donnes, entrez le nom de la base, par exemple drupal
Cration de la base de donnes MySQL pour Drupal grce phpMyAdmin
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)
Installation de la base de donnes par linstallateur Drupal
26
Dmarrage rapide
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 :
Restaurer les accs aux fichiers
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
126 Configuration du site

Une fois le processus dinstallation termin, il faut entrer les paramtres du site et de son administrateur. Compltez les champs de la manire suivante : h Nom du site : A vos toques ! 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)
Linstallation de Drupal sous Windows est termine !
28
Dmarrage rapide
A la dcouverte de Drupal
29
2
2 - 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
Ajout dun type de contenu
Le site 1001 Recettes
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
31
212 Le deuxime article avec rsum

Entrez donc une deuxime recette pour enrichir le contenu. Pour ce livre il a t choisi le Risotto la bire blanche et Stilton et tranches de melon poles (Section Plat principal). h Titre :Risotto la bire blanche et Stilton et tranches de melon poles h Tags : Plat principal, Riz Remarquez lauto-compltion des tags lorsque vous entrez la lettre P, Drupal vous propose la liste des tags qui commence par cette lettre (Voir illustration suivante) h Cliquez sur le lien Modifier le rsum cot du corps Le champs corps se spare alors en deux parties, vous dcouvrirez la fin de ce chapitre lintrt de crer un rsum. h Rsum : Copiez lintroduction de la recette dans le rsum h Corps : Copiez la recette elle-mme dans le corps
Tlchargement dune image dans un article
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.
Ajout dun tag existant et dun rsum
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
33
213 Ajout de commentaires

Par dfaut, il est possible dajouter des commentaires aux articles, vous allez maintenant en ajouter deux pour la recette du Risotto. Descendez en bas de la page la section Ajouter un commentaire. h Sujet : Bonne ide h Commentaire : De mouiller le riz avec la bire h Cliquez sur Enregistrer
214 Navigation entre les articles

h Cliquez sur le titre du site (A vos toques) pour retourner sur sa page daccueil (http://localhost/ drupal/) Cette page a chang : elle contient maintenant la liste des articles en commenant par le plus ancien la manire dun blog. Remarquez galement que : Lorsquun rsum existe pour un article, seul ce rsum est affich (cas du Risotto). Les images sont plus petites que dans les articles. Il existe un lien Read more permettant daccder larticle complet. Les tags sont affichs sous forme de lien.
Formulaire dajout de commentaire
Notez que le sujet du commentaire nest pas obligatoire. h Ajoutez un deuxime commentaire la recette
La nouvelle page daccueil du site
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
35
215 Modifier un article

Vous allez maintenant modifier le premier article pour y crer un Rsum. Plusieurs mthodes permettent de modifier les articles : Un menu contextuel est disponible en haut droite de chaque article sur les pages de listes (Accueil ou Tags), permettant de modifier ou supprimer larticle
Modification de larticle
h Cliquez sur Enregistrer
22 Les menus
Menu contextuel dans les listes.
221 Ajout dun menu

Vos deux recettes sont accessibles depuis la page daccueil, vous allez crer des menus dans lentte, cot de longlet Home, pour les rendre plus visibles. h Editez nouveau la recette des Penne h Placez-vous en bas de la page h Vrifiez que longlet horizontal Paramtres du menu est bien slectionn Lensemble de ces onglets horizontaux seront dtaills au chapitre XXX de ce livre
Sur la page de consultation dun article, un onglet Modifier permet daccder aux mmes fonctionnalits
Onglet Modifier dun article
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
37
222 Organisation des menus

Voici les deux entres de menus crs. Imaginez maintenant que vous vouliez passer la salade de pene devant le Risotto. h En haut de la page, dans le menu dadministration, cliquer sur Structure h Puis sur le lien Menu Il existe par dfaut quatre menus, mais vous avez ajout les recettes au menu Menu principal. h Cliquez sur le lien lister les liens du Menu principal h Cliquez sur le symbole de la Salade de penne et remontez-le par glisser/dposer au-dessus du Risotto
Paramtres du menu dun article
h Cliquez sur Enregistrer
Page dorganisation des menus
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.
223 Exercice : Ajout dun contenu

Le nouvel onglet de menu avec sa description
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
39
Corrig : Ajouter la recette du Croque Hawai

h Menu Contenu h Lien + Ajouter du contenu h Lien Article h Titre : Croque-Hawa et petite salade h Tags : Entre h Cliquez sur le lien Modifier le rsum cot du corps si vous voulez crer un rsum h Rsum : Copiez lintroduction de la recette dans le rsum h Corps : Copiez la recette elle-mme dans le corps h Image : Ajouter une image Pour le menu : h Cocher la case Fournit un lien de menu h Titre du lien dans le menu : Croque-Hawa h lment parent : <Menu principal> h Cliquez sur le bouton Enregistrer tout en bas de la page Pour rorganiser le menu : h Menu Structure - Lien Menu h Lien lister les liens du menu Menu principal h Lien supprimer du lien Home h Placer le Croque-Hawai en troisime dans la liste h Bouton Enregistrer la configuration
mentaires rcents
Page dadministration des blocs
h Cliquez sur Enregistrer les blocs Vous voyez alors apparatre le bloc Commentaires rcents sur la partie gauche de la page.
Le bloc Commentaires rcents dans la rgion Sidebar First
Remarquez que, comme pour les menus, loutil vous dsirez sur une rgion donne.
vous permet de rorganiser les blocs dans lordre que
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.
232 Les rgions

En plaant le bloc Commentaires rcents, vous pouviez choisir lemplacement du bloc dans une liste droulante. Cette liste est la liste de toutes les rgions du thme utilis pour la consultation du site (Bartik). h Retournez sur la page dadministration des blocs, menu Structure - Blocs h En haut de la page, cliquez sur le lien Aperu des rgions des blocs (Bartik) Une page type du thme utilis (Bartik) saffiche, ainsi que le nom de toutes ses rgions, sur fond jaune.
231 Ajouter un bloc

Vous allez maintenant ajouter un bloc qui permet de lister les derniers commentaires ajouts votre site. h Cliquez sur le menu Structure h Puis sur le lien Blocs h Dans la section Dsactiv (en bas de la page), choisissez la rgion Sidebar first pour le bloc Com-
40
Dmarrage rapide
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
24 Gestion des permissions

Aprs une installation simple de Drupal, deux utilisateurs sont crs : lAdministrateur, qui a tous les droits et lutilisateur Anonyme, qui a des droits restreints. Vous pourrez constater quil est possible dautoriser ou dinterdire des actions de chaque module de Drupal selon le profil de lutilisateur. Dans cet exemple vous allez permettre aux utilisateurs anonymes de poster des commentaires. h Cliquez sur Se dconnecter dans le bloc admin En vous dconnectant, vous tes considr comme utilisateur anonyme par Drupal.
Les rgions du thme Bartik
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
Le bloc de recherche positionn dans la rgion Header Le bloc de connexion utilisateur
42
Dmarrage rapide
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)
Page dadministration des modules
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
Il est maintenant possible de poster des commentaires en tant quanonyme.
Pour la suite de ce tutorial, reconnectez-vous en admin/atelierdrupal.
Ajout dun Sondage
44
Dmarrage rapide
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 !
Recherche dun module par son nom sur drupal.org
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.
252 Installation dun module externe

Les modules les plus utiles sont installs par dfaut avec Drupal. Mais un trs grand nombre de modules sont tlchargeables sur le site officiel de Drupal (plus de 1000 pour la version 7.x). Une des grandes forces de Drupal rside dans le fait quil est facile, pour les personnes connaissant le Php, de dvelopper de nouveaux modules. Vous allez maintenant tlcharger et installer le module Weather qui vous permettra dafficher sous forme de bloc la mto en temps rel dun aroport donn partir de son METAR. Le module Weather na quun rapport lointain avec un site de recette. Mais il a lavantage de ne pas tre difficile installer et configurer. Ce module sera dsactiv la fin de ce chapitre.
Copie de lurl de larchive du module
h Menu Modules h Lien + Installer un nouveau module h Coller lurl prcdemment dans la zone Installer depuis une URL
Tlchargement et installation du module

Chaque module a une page sur le site Drupal.org. Il faut localiser cette page pour installer ensuite le module. h Rendez-vous sur le site http://www.drupal.org h Dans le zone de recherche, entrez weather h Slectionnez loption Modules
46
Dmarrage rapide
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
Un nouvel affichage systme doit apparatre dans la liste
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
Slection dun aroport
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
h Menu Structure - Lien Blocs
48
Dmarrage rapide
49
h Pour le bloc Mto : Systme, choisir la rgion Sidebar first
Les blocs du module Weather
h Bouton Enregistrer les blocs h Retournez sur la page daccueil
Le bloc du module BMI h Ensuite, pour plus de clart pour la suite de ce livre, dsactivez les modules Weather et BMI
Corrig : Recherche, installation et activation du module

h La page de tlchargement du module est : http://drupal.org/project/bmi (version 7.x-1.0-rc1 au moment de la rdaction de ce livre) h Menu Modules
Le bloc Weather en action !
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
Exercice : Installation, configuration et utilisation de BMI
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
51
Dsactivation des modules

h Menu Modules h Pour les modules BMI et Weather, dcochez la case ACTIVE. h Bouton Enregistrer la configuration Les blocs ne devraient plus apparatre en page daccueil.
26 Modification des thmes de Drupal

Un thme dans Drupal est un ensemble de fichiers qui constitue lapparence graphique de votre site. Vous aurez peut-tre lenvie de personnaliser laspect de Drupal. Cela est tout fait possible, mais, suivant votre niveau dexigence, ce peut tre une tche trs simple raliser ou trs complique. La ralisation et la modification des thmes sont abords dans la Partie IV - Modifier lapparence de votre site de ce livre. Ici, le but est davoir un aperu des possibilits de Drupal, vous allez donc dabord personnaliser le thme par dfault (Bartik) grce linterface de Drupal, puis, vous installerez, comme pour les modules, un thme depuis internet.
261 Page de configuration des thmes

Linterface dadministration de Drupal permet de modifier quelques paramtres du thme. h Menu Apparence
Page de configuration des thmes
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
53
262 Installation dun thme externe

Comme pour les modules, un grand nombre de contributeurs proposent des thmes qui sont disponibles sur le site http://www.drupal.org. h Rendez-vous sur le site http://www.drupal.org h Dans le zone de recherche, entrez weather h Slectionnez loption Themes
Les deux thmes de Danland
h Cliquez sur le lien Activer et choisir par dfaut du thme Danblog

Recherche dun thme par son nom sur drupal.org
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
Dcouvrez le thme Danland !
Activez le thme Bartik par dfaut pour la suite de ce livre.
54
Utiliser Drupal
Administrer Drupal par linterface
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.
31 Toolbar : Les menus de votre site

Toolbar est un module du coeur de Drupal qui affiche, une barre en haut de chaque page Drupal pour ladministrateur du site.
Le menu affich par Toolbar
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
Aide Bonjour admin Se dconnecter
Pages daide des modules. Accder la page de lutilisateur connect. Dconnexion de lutilisateur en cours.
331 Quest quun CAPTCHA ?

Dans le chapitre 2.5 - Gestion des permissions, vous avez autoris les anonymes poster des commentaires. Cela peut tre une mauvaise ide car des robots malveillants peuvent poster un grand nombre de commentaires pour mettre votre site en difficult. Pour cela, les sites affichent des Captcha que - thoriquement - seul les humains peuvent rsoudre. Le module Drupal Captcha permet dinstaller cette fonctionnalit.
32 Page de configuration du site

Rendez vous sur la page de configuration du site. h Menu Configuration h Section Systme - Lien Informations Vous pouvez changer ici les paramtres principaux du site : Nom du site Slogan Nom du site qui apparat dans lentte. Saffiche cot du nom du site en fonction des paramtres du thme Adresse mail de ladministrateur du site. Cette adresse est aussi celle qui sera utilise pour lenvoi des mails, Adresse de courriel par exemple lorsquun nouvel utilisateur est cr. Nombre de contributions Nombre de rsums afficher au maximum sur la page daccueil. Au del de cette limite, une pagination sera sur la page daccueil cre. Entrez ici le chemin de la page daccueil de votre site, soit avec une URL simplifie, soit avec une URL comPage de garde par dfaut plte. Pages derreur Permet de personnaliser les pages de redirection en cas daccs refus ou de page non trouve
Position du nom du site et du slogan sur Bartik
Le formulaire CAPTCHA pour les anonymes
Noubliez pas que cette page existe. Malgr sa singularit, elle rgle des paramtres que vous modifierez forcment un moment.
332 Recherche sur drupalorg

Comme il existe une trs grande quantit de module pour Drupal, il est parfois fastidieux de savoir lequel est le plus adapt son besoin. Le site officiel drupal.org aide grandement cette tche et rpertorie la grande majorit des modules Drupal. Vous avez utilis loutil de recherche de drupal.org dans la premire partie, mais il existe dautres pages qui aident la recherche.
33 Installation de modules (Captcha : vitez les robots malveillants)

Les modules sont des petits programmes qui permettent dajouter des fonctionnalits Drupal. Dans le chapitre 3.4. Les modules, vous avez dcouvert comment Drupal fonctionnait avec des modules : vous avez activ le module Poll et install les modules complmentaires Weather et BMI. Dans ce chapitre, vous installerez le module Captcha et dcouvrirez plus en profondeur son processus dinstallation.
La page Download & Extend

h Allez sur le site http://www.drupal.org h Menu du haut : Download & Extend h Onglet Modules
58
Utiliser Drupal
59
Informations et copie dcran du module
Page daccueil des tlchargements pour Drupal
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
Page dun module

Description du module : Tout dabord un texte dcrit le module. Il est ventuellement accompagn dune copie dcran. Une liste de modules complmentaires est propose ainsi que des liens ventuels vers de la documentation.
Les diffrentes versions 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.
333 Mthodes dinstallation dun module

Il sagit maintenant dinstaller le module. h Sur votre site Drupal, menu Modules h Lien + Installer un nouveau module
Larborescence de Drupal : o dcompresser les sources des modules ?
Installation depuis une url

Cette mthode est la mme que celle utilise pour installer le module Weather.
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 depuis une archive tlcharge

Ici, vous tlchargez dabord larchive du module et ensuite, vous installez le fichier choisi. Cette mthode peut tre utilise si la prcdente ne fonctionne pas (Problme au tlchargement).
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
334 Activation et dpendances

Maintenant que votre module est copi au bon endroit dans larborescence de Drupal, il faut lactiver. h Menu Modules h Section SPAM CONTROL
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.
Les deux modules de larchive CAPTCHA
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.
34 Page de configuration des modules

Lorsque vous avez activ un module, le meilleur endroit pour savoir comment lutiliser est la page des modules. h Menu Modules h Section Spam control
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
Les liens vers les pages du module
h Onglet Dsinstaller h Cochez CAPTCHA
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
h Cliquez sur le lien Configurer
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).
Accs au fichier update.php
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
37 Thme dadministration / Overlay

Comme vous lavez vu la fin de la partie prcdente, deux thmes sont activs par dfaut dans Drupal, le thme Bartik qui est le thme du visiteur et le thme Seven qui est le thme dadministration.
66
Utiliser Drupal
Organisation du site
67
Bien souvent, les pages dadministration saffichent sur un calque (Overlay)
A partir de la liste des modules (menu Modules), un lien direct vers la page est propos si elle existe.
41 Block : Les blocs

Thme Seven en calque et thme Bartik en arrire plan
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).
411 Positionnement et rgions des thmes

Un bloc est une bote qui permet dafficher des informations et qui peut se positionner dans une rgion de la page. h Menu Structure - Lien Blocs Cette page possde autant donglets en haut droite quil y a de thmes activs.
38 Help : Les pages daide

Le module Help permet aux autres modules de proposer des pages daide. Celles-ci sont centralises dans le menu Aide. Lorsque vous installez un nouveau module, il y a de grandes chances quil ajoute une page ici.
Liste des pages daide du site Bartik, Danblog et Seven sont les trois thmes activs du site
68
Utiliser Drupal
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
412 Les types de bloc

Voici la liste des blocs des modules activs par dfaut disponibles : Aide du systme Contenu de la page principale Contenu rcent
Les quinze rgions du thme Bartik
Connexion utilisateur Commentaires rcents Management Menu principal Navigation Nouveaux membres Propuls par Drupal Syndication Slecteur de langue User menu Utilisateurs en ligne
Les deux rgions du thme dadministration Seven
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
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.
413 Les options des blocs

Chaque bloc possde une page de configuration. h Cliquer sur le lien Configurer en face du bloc Contenus rcents h Modifiez les paramtres du bloc comme sur lillustration suivante
414 Ajouter un bloc personnalis

Vous allez maintenant ajouter un bloc personnalis qui affichera un message de bienvenue. h Menu Structure - Lien Blocs h Lien + Ajouter un bloc A partir de cette page, vous pouvez crer un nouveau bloc et y ajouter le contenu que vous dsirez. h Description du bloc : Bienvenue h Titre du bloc : Bienvenue sur notre site h Corps du bloc : Bonjour, nhsitez pas crer un compte pour dposer de nouvelles recettes. h Bartik : choisir Sidebar first
Les options du bloc contenu rcent
Titre du bloc Nombre dlments de contenu rcent afficher Paramtres de la rgion
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
73
Le bloc de Bienvenue nouvellement cr
42 Menu : Les menus

421 Menus installs par dfaut
Les menus sont des listes de liens qui peuvent tre personnalises et ensuite affichs dans des blocs. h Menu Structure - lien Menus
Les quatre menus de Drupal
422 Crer un menu en ajoutant du contenu

Vous pouvez ajouter des lments des menus directement lors de la cration dun contenu grce longlet Paramtres du menu comme vous lavez fait au chapitre 2.2. Les menus.
Liste des menus du site
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
423 Cration dun nouveau menu

Vous allez crer un nouveau menu dans lequel vous ajouterez quelques liens.
74
Utiliser Drupal
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.
Les 5 liens du menu Liens divers
424 Affichage du menu dans un bloc

Pour chaque menu cr correspond un bloc du mme nom que vous allez afficher gauche du contenu (rgion Sidebar First). h Menu Structure - Lien Blocs h A la section Dsactiv, mettre le bloc Liens divers en Sidebar first h Allez en page daccueil pour voir le bloc Les menus contextuel dun bloc li un menu contiennent des raccourcis pour lister les liens et configurer le menu.
Menu contextuel dun bloc de menu Ajout dun item un menu
76
Utiliser Drupal
77
425 Hirarchiser un menu

h Retournez sur la liste des liens du menu (Menu contextuel - Lister les liens) Vous pouvez changer lordre des menus mais galement les hirarchiser. Par exemple, vous pouvez indiquer que les liens Risotto et Salade de penne sont les enfants du lien Plats principaux. h Dplacer les liens Risotto et Salade de penne vers la droite
Loption Activ permet de ne pas afficher un lien tout en le gardant dans le menu.
Options des menus
43 User : Gestion des utilisateurs

Drupal est un outil qui permet de crer des sites communautaires dont le contenu est enrichi par diffrents utilisateurs. Drupal dispose donc de fonctionnalits avances qui permettent au webmaster de grer les utilisateurs de son site. Dans ce chapitre, vous dcouvrirez les diffrentes mthodes qui vous sont offertes pour crer de nouveaux comptes utilisateurs. Ensuite, vous apprendrez grer les droits daccs : vous attribuerez chacun de vos utilisateurs des rles qui leur permettront davoir accs seulement certaines fonctionnalits.
Hirarchisation des liens du menu
431 Ajout dutilisateurs

Il existe par dfaut deux utilisateurs sous Drupal : ladministrateur du site, qui a tous les droits et lutilisateur anonyme, ou utilisateur non authentifi, qui a des droits limits par dfaut. h Menu Personnes Vous pouvez consulter sur cette page la liste des utilisateurs du site. Lutilisateur Anonyme napparat pas dans cette liste car il nest pas possible de le modifier. h Vous pouvez ajouter un nouvel utilisateur en tant quadministrateur en cliquant sur le lien + Ajouter un utilisateur Remplissez alors le formulaire : h Nom dutilisateur : Utilisateur1 h Adresse e-mail : utilisateur1@monadresse.com h Mot de passe : atelierdrupal, par exemple h Laissez le Statut Actif Loption Notifier lutilisateur la cration de son nouveau compte envoie un mail ladresse Adresse de courriel
h Bouton Enregistrer la configuration
Liste des plats principaux replis
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
Menu hirarchis dpli
78
Utiliser Drupal
79
Inscription
Les diffrentes faons de crer un compte avec Drupal
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.
Ajout dun utilisateur manuellement
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
432 Configuration de linscription des utilisateurs

Comme cest souvent le cas pour les sites communautaires, les visiteurs peuvent se crer un compte automatiquement. h Menu Configuration - Lien Paramtres de compte Cette page sert configurer le processus de cration des comptes et les messages envoys cette occasion.
80
Utiliser Drupal
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).
433 Les rles des utilisateurs

Chaque utilisateur de Drupal peut tre affect un rle. Les rles donnent ensuite des droits daccs permettant dexcuter des actions.
Liste des rles
h Bouton Ajouter un rle
Attribution dun rle un utilisateur

Vous allez maintenant attribuer le rle Rdacteur de recettes utilisateur1. h Menu Personnes h Choisissez le lien modifier de la ligne Utilisateur1 h Cochez la case Rdacteur de recettes de la section Rles h Cliquez sur le bouton Enregistrer Il est possible, sur la page Personnes de slectionner une liste dutilisateurs et dajouter ou de supprimer des rles. Cela vite ladministrateur dentrer le mot de passe de lutilisateur.
Un utilisateur est affect un rle qui possde des droits Attribution dun rle un ensemble dutilisateurs
Cration dun rle

h Menu Personnes - Onglet Droits daccs h Bouton en haut droite Rles Ici, saffiche la liste de rles. Par dfaut, il existe trois rles spciaux : utilisateur anonyme (pour tous les visiteurs du site non authentifis), utilisateur identifi (pour tous les utilisateurs ayant un compte) et administrator qui est le rle de lutilisateur cr durant linstallation de Drupal. h Ajoutez en un nouveau : Rdacteur de recettes.
434 Droits daccs en fonction des rles

h Menu Personnes - Onglet Droits daccs Cette page permet de configurer les droits daccs de chaque rle. Il y a une colonne par rle. Chaque module dfini ses propres droits. Vous allez permettre aux utilisateurs Rdacteur de recettes de crer de nouveaux articles pour pouvoir ajouter des recettes. Cest le module Node qui gre ces permissions : h A la section Node, dans la colonne Rdacteur de recettes, cochez les lignes Article : Crer un nouveau contenu, Article : Editer son contenu et Article : Supprimer sont contenu
82
Utiliser Drupal
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
Lien droits daccs de CAPTCHA Droits daccs selon les rles
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
435 Exercice : Cration dun bloc pour un rle spcifique

Crez un utilisateur utilisateur2 qui na pas de rle spcifique Crez un bloc personnalis qui ne saffichera que pour le rle utilisateurs identifis
Le bloc crer
Le bloc saffiche t-il pour utilisateur1 ? Pourquoi ?
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
85
h Bouton Crer un nouveau compte
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
Cration dun alias dURL pour un contenu
h Bouton Enregistrer LURL de votre contenu devient alors ?q=risotto.

Paramtre de visibilit du bloc
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
44 Path : Url de vos pages

Les URL de Drupal tels que ?q=node/2 (lien vers la node n2) ou ?q=taxonomy/term/1 (Lien vers le tag n1) ne sont pas trs explicites. Grce au module Path, vous pouvez crer des Alias dURL qui permettent par exemple de faire correspondre ?q=node/2 ?q=risotto pour amliorer la navigation et le rfrencement.
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).
51 Les types de contenu

Rendez vous sur la page dajout de contenus :
Ajout dun alias
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).
h Bouton Enregistrer h Affichez la page du Risotto et cliquez sur le Tag Riz
Quest ce quune node ?

Vous rencontrerez (ou avez dj rencontr) rgulirement le mot Node en utilisant Drupal, alors quest-ce quune node ? Une node dans Drupal est un contenu de nimporte quel type Article Page Sondage
Le nouvel alias cr
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.
21.1. Pathauto : Automatisez la cration de vos Alias
88
Utiliser Drupal
Ajout de contenu
89
511 Options des nodes

h Editez un contenu de type article (Par exemple Salade de penne) h Placez vous tout en bas de la page Ici des onglets horizontaux permettent de rgler les paramtres de larticle.
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.
Informations sur les rvisions
Lors de laffichage de la node, longlet Rvisions permet de revenir une ancienne rvision.
Ajout dune 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
Changement dauteur pour larticle
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.
Les options de publications sont Publi et Promu en page daccueil
512 Options des types de contenus

h Menu Structure h Lien Type de contenu Saffiche la liste des contenus disponibles pour votre site. Vous pouvez rgler les options par dfaut de chaque type de contenu. Les nouvelles nodes de ce type sont alors cres avec ces paramtres. h Cliquez sur le lien modifier du type de contenu Article. Il est possible de changer le Nom et la Description de larticle.
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 !
52 Filter : Formatez vos textes

521 Utilisation des formats de texte
Lors de la cration de vos recettes, vous navez pas mis en forme le texte du Corps de votre article. Voici comment mettre en gras et souligner certains textes dune recette.
Nom et description de larticle
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 : ) ont une balise de fin ()
Affichage du nom et de la description lors de lajout de contenu
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 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.
Mise en gras dune ligne
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
522 Exercice : Ajoutez du code php dans vos nodes

Le module PHP filter ajoute un format de texte PHP code qui donne la possibilit dexcuter du code PHP dans le contenu. Activez le module PHP Filter (Module prsent par dfaut dans Drupal). Crez un article qui affiche dans son contenu la date et lheure courante.
Modification du format de texte
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') ?>
Pour afficher lheure et les minutes

<?php echo date('H:i') ?>
94
Utiliser Drupal
Ajout de contenu
95
Corrig Activation du module

h Menu Modules h Cochez la case PHP filter h Bouton Enregistrer la configuration
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') ?>
Liste des formats de texte disponibles
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 Format de texte : PHP Code
Du code PHP dans le corps de larticle
523 Ajouter un filtre un format dentre

Si le format Full HTML est utilis pour larticle prcdement cr, voici le rsultat obtenu :
Le filtre dtecte les sauts de ligne dans la zone de texte et les remplacent par des balises HTML ( pour retour la ligne et 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.
Les filtres de Full HTML
Rles pouvant utiliser Full HTML
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
Full HTML interprte les balises PHP
524 Droits daccs aux formats de texte

Une mauvaise configuration des formats de texte constitue un risque de scurit. Certaines balises permettent dinclure des liens ou des scripts malicieux, il est donc fortement conseill de limiter laccs aux formats de texte permissifs aux utilisateurs de confiance.
Liste des droits daccs des formats de texte
Pour la suite de ce livre, le format de texte PHP Filter sera dsactiv
98
Utiliser Drupal
Ajout de contenu
99
53 Video filter : Affichez des vidos dans votre contenu

Le module Video filter permet dinsrer un lien vers les vidos des sites de partage de type Youtube, DailyMotion, Vimeo, etc. h Tlchargez et activez le module Video filter (http://drupal.org/project/video_filter - Version utilise pour ce livre 7.x-2.x-dev) Video Filter ajoute votre installation un nouveau filtre Video Filter que vous allez ajouter au format dentre Full HTML. h Menu Configuration - Lien Formats de texte Saffiche alors la liste des formats de texte prsents sur le site. h Lien configurer du format Full HTML h Dans la liste Filtres activs, cochez Video Filter h Dans la liste Filtrer lordre de traitement, placez Video Filter au-dessus de Convertir les URL en liens
Remarquez en bas de page les onglets horizontaux qui permettent de modifier les paramtres de certains filtres activs (Taille des vidos par exemple).
Paramtres des filtres
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
Page de configuration dun format de texte
Ajout dun lien vers une vido
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
542 Installation de lditeur openWYSIWYG

openWYSIWYG est un diteur lger et opensource. Voici les directives du module Wysiwyg pour installer cet diteur :
Les directives dinstallation de openWysiwyg
Le contenu intgre une vido !
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)
54 Wysiwyg : Installer un diteur Wysiwyg

Installer un diteur Wysiwyg (What You See Is What You Get - Ce que vous voyez est ce que vous avez) permettra aux utilisateurs qui ne connaissent pas la syntaxe HTML de mettre en forme facilement leur texte.
Exemple dditeur Wysiwyg
541 Configuration de Wysiwyg

Contrairement ce que son nom peut laisser penser, le module Wysiwyg ne contient pas dditeur Wysiwyg. Il permet seulement dinstaller facilement lun des nombreux diteurs existants. h Tlchargez et activez le module Wysiwyg (http://drupal.org/project/wysiwyg - Version utilise pour ce livre 7.x-2.0) h Lien Configurer du module ou Configuration - Profils wysiwyg Saffiche alors la liste de tous les diteurs supports par le module, aucun nest install pour le moment. Cependant, Wysiwyg indique o les tlcharger et leurs chemins dinstallation.
Wysiwyg a trouv lditeur
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.
Vous pouvez configurer le comportement de votre diteur pour ce format dentre
Configuration de lditeur pour le format dentre
543 Cration dun nouveau format de texte pour lditeur

Wysiwyg permet donc maintenant dassocier un format de texte avec un diteur. Comme il est prfrable de conserver les formats existants, vous allez crer un nouveau format openWysiwyg qui sera associ avec lditeur. h Menu Configuration - lien Formats de texte h Lien + Ajouter un format de texte h Nom : openWysiwyg h Ne cochez aucun filtre pour que openWysiwyg puisse utiliser toutes les balises HTML
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
Le nouveau format dentre
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
h Bouton Enregistrer en bas de page.
104
Utiliser Drupal
Field UI : Types de contenus personnaliss
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).
61 Dcouverte du type de contenu article

La zone de texte et openWysiwyg
Avant de crer votre propre type de contenu, vous allez dcouvrir ce qui compose le type article que vous avez dj utilis.
611 Image : Modifier limage lie larticle

Il est possible dajouter chaque article une image. Grce au module Field, ce champ peut entirement se configurer. h Menu Structure - Lien Types de contenu
Les diffrentes oprations possibles sur un type de contenu
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
Le texte mis en forme
Noubliez pas que le format de texte cr est trs permissif, autorisez seulement des utilisateurs de confiance lutiliser
106
Utiliser Drupal
107
Page de gestion des champs de larticle
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
Image du Croque-Hawa sur la page daccueil
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.
Modification de laffichage de limage dans la node

Voici comment saffiche limage dun article par dfaut :
Gestion de laffichage des champs dun article
Champ Etiquette Format

Image du Croque-Hawa sur la page de la recette
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
Photo de la recette est maintenant cach
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.
Les contexte daffichage

Lorsque vous affichez la page daccueil, les nodes saffichent sous forme de rsum. Le but est ici de ne plus faire apparatre les images dans les rsums. h Menu Structure - Lien Types de contenu h Lien Grer laffichage du type Article
Liste des contextes daffichage dun article
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.
Modification du formulaire dajout dimage

Les contextes daffichage dun article
Vous allez maintenant changer quelques paramtres du formulaire qui permet au rdacteur dajouter une image un article.
110
Utiliser Drupal
111
Formulaire par dfaut pour tlcharger une image dans un article
h Cliquez sur le lien modifier du champ Image Saffiche alors la longue page de configuration du champ image :
Paramtre de limage Section commune tous les champs
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.
Paramtres du fichier image
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
Nouvelles directives du formulaire de contribution
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
612 Exercice : Modification du champs Corps

A laffichage dun article, faites en sorte que la longueur du rsum soit limite 100 caractres.
Modification de la longueur du rsum
h Bouton Mettre jour h Bouton Enregistrer

Rsum dune recette coupe 100 caractres
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
h Bouton Sauvegarder les rglages
613 Les widgets du champ Tags

Les widgets sont des lments visuels de linterface graphique (Bouton, Liste droulante, zone de texte, etc.). Il est possible modifier le widget utilis pour la saisie des valeurs dans les champs des types de contenu. Voici par exemple les types de widgets disponibles pour le champ Tags du type de contenu article :
Changement de widget pour un champ
Vous pouvez alors choisir le widget utiliser pour ce type de contenu.
Widget dauto compltion Choix dun widget pour le Tag
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
62 Cration dun nouveau type de contenu

Pour ajouter des recettes votre site, vous avez jusqu maintenant utilis le type de contenu article. Vous allez maintenant crer un nouveau type de contenu contenant ces champs : Prsentation de la recette (Texte) Temps de prparation (Numrique) Ingrdients (Texte) Prix (Numrique) tapes de la recette (Texte) Photo (Image) Email du rdacteur (Email) Pourquoi crer un type de contenu spcifique pour ajouter des recettes alors quil est possible dajouter le prix, les ingrdients, etc. dans le corps de larticle ? Pour simplifier la tche du rdacteur et quil se concentre uniquement sur la rdaction de sa recette Pour uniformiser la prsentation et pouvoir la modifier sans avoir diter toutes les nodes Pour pouvoir effectuer des tris (exemple : tris par prix) et des filtres (exemple : lister les recettes contenant une photo)
Paramtres du type de contenu
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
621 Cration du type de contenu recette

Avant dajouter des champs, il faut commencer par crer le nouveau type de contenu : h Menu Structure - Lien Types de contenu h Lien + Ajouter un type de contenu Le formulaire qui permet de grer les options dun type de contenu a t dtaill au chapitre X h Nom : Recette h Description : Ajouter une recette ce site h Libell du champ titre : Titre de la recette
622 Ajout dun champ numrique (Temps de prparation)

Les rdacteurs de recettes pourront indiquer le temps quil faut (en minutes) pour la confectionner grce ce champ. Dans longlet Grer les champs du type Recette : h Etiquette : Temps de prparation h Nom du champ : temps_preparation (en miniscule, sans espace) h Type de donnes stocker : Entier h lment du formulaire pour ldition des donnes : Champ texte
118
Utiliser Drupal
119
Ajout dun nouveau champ un type de contenu
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
Formulaire dajout dun contenu de type recette
Etiquette Au-dessus
Etiquette sur la mme ligne
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 :
Affichage dune recette sur le site
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.
Modification de lordre des champs
120
Utiliser Drupal
121
623 Ajout dun champ texte multiple (Ingrdients)

Le rdacteur devra saisir un ingrdient par ligne. Comme une recette possde plusieurs ingrdients, ce champ sera de type texte multiple : Le rdacteur pourra ajouter autant de lignes que ncessaire grce un bouton. h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette h Etiquette : Ingrdients h Nom du champ : ingredients h Type de donnes stocker : Texte h lment du formulaire pour ldition des donnes : Champ texte h Bouton Enregistrer h Taille maximale : 255 (Cest le nombre de caractre maximum du champ) h Bouton Enregistrer les paramtres du champ La page de configuration dun champ texte saffiche alors. h Taille du champ texte : 90 (Cest la taille de llment zone de texte) h Texte daide : Entrez un lment par ligne h Nombre de valeurs : Illimit h Bouton Sauvegarder les rglages Modifiez la recette des gnocchis et ajoutez les ingrdients
Vous pourrez ensuite, dans votre gabarit de thme, mettre cette liste en forme.
624 Exercice : Ajout dun champ numrique (Prix)

Ajouter un champ permettant aux rdacteurs de saisir le prix par personne de leur recette Ce champ doit apparatre dans le rsum Il devra avoir le rendu suivant et devra tre positionn juste aprs le temps de prparation
Affichage du champs prix par personne
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
Zone de texte avec nombre de valeurs illimit
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
Les diffrentes tapes dans la node
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
625 Exercice : Ajout dun champ zone de texte multiple (tapes)

Ajouter un champ permettant aux rdacteurs de saisir les diffrentes tapes de la recette comme sur les copies dcran suivantes :
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.
627 Email Field : Ajout dun champ Mail

Certains modules de Drupal permettent dajouter de nouveaux types de champs. Cest le cas du module Email Field qui permet dajouter un champ de type Email qui propose diffrents formats daffichage. h Tlchargez et activez le module Email Field (http://drupal.org/project/email) - Version utilise pour ce livre 7.x-1.0-beta1. Ajouter un champ qui permettra au rdacteur de la recette de proposer un lien vers son mail : h Menu Structure - Lien Types de contenu
Modification du format dentre par dfaut dune zone de texte
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.
626 Ajout du champ photo de larticle

Vous pouvez utiliser un mme champ pour diffrents types de contenu. Pour illustrer le type de contenu recettes, vous allez ajouter le champ photo des articles. h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette A la section Ajouter un champ existant : h Dans la liste Champ partager, Slectionnez le champ Image : field_image (Photo de la recette) Ce champ sappelle Photo de la recette car vous avez modifi son tiquette. h Etiquette : Photo de la recette
Le nouveau type de donnes Email
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
63 Taxonomy : Classer le contenu

La taxonomie est la science qui tudie le classement, lorganisation. Cest galement le nom du module qui permet de classer le contenu dans Drupal. Le champ Tags du type de contenu article est gnr par ce module. Dans ce chapitre, vous allez ajouter trois champs au type de contenu recette : Tags : Reprise du champ Tags existant dans le type Article Difficult : Liste droulante permettant de choisir le niveau de difficult de la recette Provenance : Liste droulante hirarchise permettant de choisir la rgion ou le pays dorigine de la recette
Les diffrents formats daffichage dun champ Email Field
631 Le vocabulaire Tags

Le champ Tags permet dajouter des mots cls lors de lajout darticles. Ce champ est gr par le module Taxonomie.
Lien e-mail par dfaut
Dcouverte du vocabulaire Tags

Rendez vous sur la page des Tags : h Menu Structure - Lien Taxonomie h Cliquez sur le lien Lister les termes du vocabulaire Tags La liste de tous les tags que vous avez entr lors de la rdaction des articles saffiche alors. Il est possible ici de les rordonner, dajouter de nouveaux tags, de les modifier et de les supprimer.
Formulaire de contact e-mail
E-mail plain text
Liste des termes du vocabulaire Tags
h Choisissez ici Lien e-mail par dfaut
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
Association dun vocabulaire un type de contenu

Vous allez maintenant ajouter le champ Tags au type de contenu recette : h Menu Structure - Lien Types de contenu h Lien grer les champs du type Recette Ce champ existe dj pour le type article, vous allez le rutiliser pour vos recettes grce la section Ajouter un champ existant : h Etiquette : Tags h Nom du champ : tags h Champ partager : Rfrence un terme : field_tags (Tags) h Elment du formulaire pour ldition des donnes : Widget dauto-compltion de terme Les autres Widget (Elments de formulaires) sont dcris au chapitre xxx
Comme pour les champs classiques, un vocabulaire peut tre utilis pour plusieurs types de contenu.
632 Cration dun vocabulaire de taxonomie (Champ Difficult)

Le vocabulaire difficult permettra aux rdacteurs de recettes dindiquer si elle est Trs facile, Facile, Moyen, Difficile ou Trs difficile raliser.
Choix de la difficult pour une recette
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.
Saisie de tags pour les recettes
130
Utiliser Drupal
131
633 Cration dun vocabulaire hirarchis (Provenance)

Le vocabulaire provenance permettra aux rdacteurs dindiquer lorigine gographique de la recette. Elle sera hirarchise (Asie, Europe - France, Italie, Chine, Vietnam - Bretagne, Auvergne, Sicile, Pkin). Commencez par crer le vocabulaire de la mme faon que pour les ingrdients : h Menu Structure - Lien Taxonomie h Lien + Ajouter un vocabulaire h Nom : Provenance h Description : Provenance gographique de la recette
Organisation des termes du vocabulaire difficult
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
Choix du vocabulaire pour lister les termes
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.
64 Ajout de champs aux autres entits

Vous savez maintenant comment ajouter des champs des entits nodes (de type article, recette, etc.). Mais il est possible dajouter des champs de nimporte quel type dautres entits comme les utilisateurs, les commentaires ou bien les termes de Taxonomie. Voici, par exemples, les choses qui seront ralises dans ce chapitre : Ajouter un champ Sexe (Bouton radio) pour les utilisateurs Ajout dun champ Type de commentaire (terme de taxonomie) pour les commentaires Ajout dun champ (Image) pour les termes de Taxonomie du vocabulaire difficult
641 Ajout dun champ texte pour les utilisateurs

Choix du terme parent 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.
Rendu du champ dans le profil de lutilisateur
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
Ajout dun champ boutons radios
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.
Association dun entier par ligne
h Bouton Sauvegarder les rglages

Liste des valeurs possibles
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
Nouveau champ du profil
136
Utiliser Drupal
137
Loption Femme sera choisie par dfaut uniquement lors de la cration de nouveaux profils. h Bouton Enregistrer h Onglet Voir
Ajout dun champ un Vocabulaire
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.
642 Ajout dun champ un terme de Taxonomie

Il est possible dajouter des champs aux vocabulaires de taxonomie. Il est par exemple possible dillustrer le Vocabulaire difficult avec des toques (1 toque => Trs facile, 2 toques => Facile, etc.).
Page dun terme avec image
Ajout de lillustration au terme Facile
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
643 Exercice : Ajout dun champ de taxonomie aux commentaires

Vous allez maintenant devoir crer un champ permettant aux visiteurs dindiquer le type de commentaire quils postent.
Corrig Crer un vocabulaire

h Menu Structure - Lien taxonomie h Lien + Ajouter un vocabulaire h Ajouter les termes : Autres, Question, Rponse une question, Suggestion pour la recette
Choix dun type de commentaire
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
Ajouter le champ Taxonomie aux commentaires

La difficult ici consiste trouver lendroit o ajouter un champ un commentaire. Les commentaires sont configurs selon le type de contenu auquel ils sont associs. Cest donc sur la page de configuration du type de contenu Recette quil faut se rendre h Menu Structure - Lien type de contenu h Lien modifier du type Recette
Gestion des champs des commentaires lis une recette
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
644 Page de Rapport des champs dun site

Tout au long de ce chapitre, vous avez ajout un grand nombre de champs se rapportant diffrentes entits (Node, type de nodes, Commentaire, Terme de taxonomie, Utilisateur). Une page listant lensemble de ces champs et leur utilisation permet de mieux savoir comment est organis votre site. h Menu Rapports - Lien Liste de champs
Ajout du champ au commentaire
h Bouton Enregistrer h Vocabulaire Type de commentaire h Bouton Enregistrer les paramtres du champ h Cocher Champ requis h Bouton Sauvegarder les rglages
Crer deux commentaires en utilisant ces champs

h Afficher une recette (Par exemple celle des Gnocchis) h Crer un commentaire en choisissant son type
Page de liste des champs
Ajout dun commentaire et choix du type

Atelier Drupal7 Ed3

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Atelier Drupal7 Ed3

Uploaded by

Copyright:

Available Formats

1

100 100 101 102

6 Field UI : Types de contenus personnaliss 105

Conventions utilises dans ce livre

Quest-ce que Drupal ?

Versions alpha, beta et stables :

Notes propos de ce livre :

112 Tlchargement et accs linstallateur de Drupal

11 Installation rapide sous Windows

111 Installation de WampServer

Drupal est prt tre install !

113 Installation de la langue franaise

Drupal est prt tre install... en francais !

114 Installation de la base de donnes

Tlchargement de la langue franaise

Installation de la base de donnes par linstallateur Drupal

115 Configuration du site

12 Installation rapide sous Linux

121 Installation dune solution LAMP

Paramtres du site et de son administrateur

122 Tlchargement et accs linstallateur de Drupal

Page daccueil de drupal.org

Votre solution LAMP est installe, phpMyAdmin fonctionne

123 Installation de la langue franaise

124 Vrification des pr-requis

Tlchargement de la langue franaise

h Enregistrez le fichier dans le rpertoire /home/utilisateur/drupal/profile/standard/translation

Drupal demande des droits en criture

125 Installation de la base de donnes

Cration de la base de donnes MySQL pour Drupal grce phpMyAdmin

Installation de la base de donnes par linstallateur Drupal

Restaurer les accs aux fichiers

126 Configuration du site

Linstallation de Drupal sous Windows est termine !

Ajout dun type de contenu

Le site 1001 Recettes

212 Le deuxime article avec rsum

Tlchargement dune image dans un article

Ajout dun tag existant et dun rsum

213 Ajout de commentaires

214 Navigation entre les articles

Formulaire dajout de commentaire

La nouvelle page daccueil du site

215 Modifier un article

h Cliquez sur Enregistrer

221 Ajout dun menu

Onglet Modifier dun article

222 Organisation des menus

Paramtres du menu dun article

h Cliquez sur Enregistrer

Page dorganisation des menus

223 Exercice : Ajout dun contenu

Corrig : Ajouter la recette du Croque Hawai

Page dadministration des blocs

Le bloc Commentaires rcents dans la rgion Sidebar First

vous permet de rorganiser les blocs dans lordre que

232 Les rgions

231 Ajouter un bloc

24 Gestion des permissions

Le bloc de recherche positionn dans la rgion Header Le bloc de connexion utilisateur

Page dadministration des modules

Il est maintenant possible de poster des commentaires en tant quanonyme.

Pour la suite de ce tutorial, reconnectez-vous en admin/atelierdrupal.

Ajout dun Sondage