cyprien roudet framabook atelier drupal 7 cc-by

Atelier

Crer un site internet avec un CMS pas comme les autresTroisime dition

Cyprien Roudet

Framasoft a t cr en novembre 2001 par Alexis Kauffmann. En janvier 2004 une association ponyme a vu le jour pour soutenir le dveloppement du rseau. Pour plus d'information sur Framasoft, consulter http://www.framasoft.net. Se dmarquant de l'dition classique, les Framabooks sont dits "livres libres" parce qu'ils sont placs sous une licence qui permet au lecteur de disposer des mmes liberts qu'un utilisateur de logiciels libres. Les Framabooks s'inscrivent dans cette culture des biens communs qui, l'instar de Wikipdia, favorise la cration, le partage, la diffusion et l'appropriation collective de la connaissance. Le projet Framabook est coordonn par Christophe Masutti. Voir: http://framabook.org

Auteur : Cyprien Roudet Ce livre est publi sous la licence libre Creative Commons-BY http://creativecommons.org/licenses/by/2.0/fr ISBN : 978-2-9539187-3-1 Prix : 29,00 euros Dpt lgal : Janvier 2012, Framasoft 5, Avenue Stephen PICHON | 75013 PARIS Pour les logos Framasoft et Framabook : LL de Mars, licence Art Libre Couverture. Cration : Flavie ROUDET, licence CC-By Remerciements : Flavie ROUDET, Christophe MASUTTI, Chlo GIRARD, Delphine HERVE

3

SOMMAIREIntroduction.....................................................................................8 Chapitre I - Dmarrage rapide................................................................... 11 1 Installation de Drupal..........................................................121.1 1.2 1.3 Installation rapide sous Windows . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Tlchargement et accs linstallateur de Drupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13 Installation rapide sous Linux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19 Le contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les blocs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Gestion des permissions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ModificationdesthmesdeDrupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27 34 38 40 42 49

2

la dcouverte de Drupal.....................................................272.1 2.2 2.3 2.4 2.5 2.6

Chapitre II - Utiliser Drupal ...................................................................... 55 1 Administrer Drupal par linterface................................................551.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 2.1 2.2 2.3 2.4 Toolbar : les menus de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Pagedeconfigurationdusite. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Installation de modules (Captcha : vitez les robots malveillants) . . . . . . . . . . . . . . . . . Pagedeconfigurationdesmodules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dsactivation et dsinstallation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Le tableau de bord . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Thme dadministration / Overlay . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Help : les pages daide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 55 56 57 62 63 64 66 66 67 73 78 85

2

Organisation du site...........................................................67Block : les blocs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Menu : les menus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . User : gestion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Path : url de vos pages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

3

Ajout de contenu.............................................................883.1 3.2 3.3 3.4 4.1 4.2 4.3 4.4 Les types de contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 Filter : formatez vos textes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Videofilter:affichezdesvidosdansvotrecontenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 98 Wysiwyg : installer un diteur Wysiwyg . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Dcouverte du type de contenu article . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cration dun nouveau type de contenu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Taxonomy : classer le contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ajout de champs aux autres entits. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106 117 129 135

4

Field UI : types de contenus personnaliss.......................................106

4

Chapitre III - Administration systme de Drupal .................................................. 145 1 ConfigurationdeApachePHPMySQL......................................1461.1 1.2 1.3 1.4 1.5 2.1 2.2 2.3 2.4 2.5 3.1 3.2 3.3 4.1 4.2 4.3 ConfigurationdeApache . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ConfigurationdePHP . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ConfigurationdeMySQL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Choisir un hbergeur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Configurationduserveurpourlenvoidemail . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sauvegarde/Restaurationdelarborescencedefichiers . . . . . . . . . . . . . . . . . . . . . . . Sauvegarde/Restaurationdelabasededonnes . . . . . . . . . . . . . . . . . . . . . . . . . . . . Backup and Migrate : sauvegardez votre base de donnes . . . . . . . . . . . . . . . . . . . . . Features:transfrezlaconfigurationdevotresite . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sauvegarde/restaurationdunevue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 150 151 155 156 159 160 162 168 172

2

Sauvegarde/Restauration....................................................158

3

Outils dadministration........................................................173Optimisation des performances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 173 UpdateStatus:mettrejourDrupal . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174 Le Cron . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 Gestion des utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 Gestion des nodes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 183 Gestion des champs. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

4

LabasededonnesdeDrupal .................................................178

Chapitre IV - Description de modules utiles de Drupal............................................ 193 1 Views : organisez vos donnes.................................................1931.1 1.2 1.3 1.4 2.1 2.2 2.3 Installation et dcouverte du module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cration dune vue liste des recettes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Gestiondesaffichages . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Cration dun bloc dinfo supplmentaires sur la recette . . . . . . . . . . . . . . . . . . . . . . . 195 202 215 221

2

Sitemultilingue..............................................................229Locale : traduire linterface de Drupal. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 230 Participer leffort de traduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 237 Content Translation : traduire le contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Dashboard : crez un tableau de bord pour ladministrateur . . . . . . . . . . . . . . . . . . . . Administration menu : une alternative Toolbar . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Shortcuts:grezlabarrederaccourcis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Modulefilter:administrationdelalistedesmodules . . . . . . . . . . . . . . . . . . . . . . . . . . . . Token : des jetons pour les modules . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Google Analytics : mesurez laudience de votre site . . . . . . . . . . . . . . . . . . . . . . . . . . . Rules:automatisationdetches . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . CKEditor : diteur Wysiwyg complet . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . IMCE : insrer des images dans un texte partir de CKEditor . . . . . . . . . . . . . . . . . . . . Pathauto : crez automatiquement des alias d'url . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Search:unmoteurderecherchesimple . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Image : crez des styles dimage personnaliss . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Display suite : prsentez vos contenus en utilisant linterface de Drupal . . . . . . . . . . . 247 248 249 252 252 254 255 263 265 268 270 272 274

3

Administrer Drupal...........................................................2473.1 3.2 3.3 3.4 3.5 3.6 3.7 4.1 4.2 4.3 4.4 4.5 4.6

4

Contenu....................................................................263

5

5

Sitecoopratif...............................................................2855.1 5.2 5.3 5.4 5.5 5.6 Blog : donnez la possibilit vos utilisateurs de possder un blog . . . . . . . . . . . . . . . . . Forum : crez un lieu dchange pour vos utilisateurs . . . . . . . . . . . . . . . . . . . . . . . . . . . Advanced Forum . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Contact . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Webform : crez des formulaires . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Fivestar : notez vos contenus . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285 286 288 289 290 296

6

Blocs, menus................................................................2986.1 6.2 6.3 7.1 7.2 7.3 Taxonomymenu:affichezvosvocabulairesdansdesmenus . . . . . . . . . . . . . . . . . . . . 298 Menu Block : divisez, liez et organisez vos blocs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 299 Nice Menus : rendez vos menus dynamiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 302 Dmarrage rapide . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 304 Les lments de Drupal Commerce . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 312 Quelquesexemplesdeconfiguration . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 319

7

Commerce:crezuneboutique...............................................304

Chapitre V - Les thmes........................................................................ 329 1 Configurerlesthmesparlinterface............................................3291.1 1.2 1.3 Paramtres globaux des thmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 329 Color : shma de couleur du thme Bartik . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 331 Paramtres du thme Marinelli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332 Lesfichiersdunthme. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ModificationdeOrangeparCSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Les templates de Orange . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Theme developer : dcouverte des templates dun thme . . . . . . . . . . . . . . . . . . . . . Exercice:mettreunfiletautourdesblocsdunergion . . . . . . . . . . . . . . . . . . . . . . . . . Exercice:modifiezleformatdedatedescommentaires . . . . . . . . . . . . . . . . . . . . . . . Exercice : exploration dun template du module Poll . . . . . . . . . . . . . . . . . . . . . . . . . . . 336 338 342 344 350 351 352

2

Structureetmodificationdunthme............................................3352.1 2.2 2.3 2.4 2.5 2.6 2.7 3.1 3.2

3

CrerunthmepartirdundesignHTML/CSS...................................355Cration du thme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 355 Les rgions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 361 Creruntemplatespcifiquepouruntypedecontenu . . . . . . . . . . . . . . . . . . . . . . . . 367 Lefichiertemplate.php . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 377 Variables de html.tpl.php . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 381 Variables de page.tpl.php . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 382 Variables de node.tpl.php . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384

4

Themingducontenu.........................................................3664.1 4.2 5.1 5.2 5.3

5

Lesvariablesdisponiblesdanslestemplates.....................................381

6

Lethemingdesvues.........................................................384

6

Chapitre VI - Introduction la cration de modules.............................................. 389 1 Environnement de dveloppement.............................................3891.1 1.2 2.1 2.2 2.3 2.4 2.5 3.1 3.2 3.3 3.4 InstallationetconfigurationdEclipse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 390 Architecture dun module . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 396 LapageSummary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Lapagedeconfigurationdumodule . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . UtilisationdesparamtrespourlapageSummary. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ExcuterdesrequtesSQLdansunmoduleenrcuprerlersultat . . . . . . . . . . . . . . Theming du contenu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 405 410 417 420 424 430 433 434 435

2

Votre premier module Drupal..................................................404

3

LesoutilspourmieuxdvelopperavecDrupal...................................430Devel:simplifiezvotreviededveloppeur. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Le module Coder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Drupal for Firebug . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Dbugger avec Eclipse . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Index......................................................................................... 443

7

8

Introduction

IntroductionIniti par Dries Buytaert l'Universit d'Anvers, et plac sous licence libre GNU GPL, voil plus de dix ans que Drupal (prononcez l'anglaise ce mot issu du nrlandais Druppel - goutte) a vu le jour et n'a cess de gagner en renomme. Class depuis 2009 parmi les meilleurs CMS (Content Management System Systme de Gestion de Contenu), il permet de crer un site Web dynamique o plusieurs utilisateurs peuvent enrichir son contenu sans connaissance particulire. Aujourd'hui, il est considr comme un vritable couteau suisse qui se transforme rapidement en : un site de nouvelles ; des forums ; des articles contenant des images, des vidos, des liens vers dautres articles, etc. ; un site e-commerce ; etc. L'ouverture et la modularit d'un CMS sont souvent des lments dcisifs lors du choix de la structure d'un site web, qu'il s'agisse d'un site personnel ou institutionnel. Drupal a l'avantage d'tre la fois apparemment simple l'installation et particulirement robuste l'utilisation. C'est pourquoi nombre de sites gouvernementaux l'utilisent, dont celui de la Maison Blanche aux tats-Unis (whitehouse.gov). un tel niveau de flexibilit correspond un niveau de complexit qui rend toutefois la comprhension de Drupal un peu plus difficile que pour les autres CMS connus. C'est sans doute-l une raison qui justifie une autre appellation : Drupal peut aussi tre considr comme un CMF (Content management Framework Plate-forme de Gestionnaire de Contenu). En effet, c'est parce qu'il propose une interface hautement sophistique que des centaines de dveloppeurs participent aujourd'hui son volution en crant et partageant un grand nombre de modules, correspondant un grand nombre de besoins. Ce livre a pour objectif de vous guider dans l'administration de Drupal, depuis son installation lutilisation de modules incontournables, et mme jusqu' la cration de vos propres modules. Comment grer un thme ? Quelles mthode pour optimiser la base de donnes ? Que doit-on savoir pour administrer les menus, un site multilingue, des forums et des blogs ? Autant de question auxquelles ce livre tchera d'apporter des rponses claires suivant une mthode pas pas, la porte du plus grand nombre.

Structuredulivre:Si vous ne connaissez pas Drupal, si vous ne savez pas exactement quoi il sert ou si vous tes impatient de le voir fonctionner, le chapitre I de ce livre est conu spcialement pour vous : il vous permettra d'installer Drupal et de dcouvrir un grand nombre de fonctionnalits en quelques heures seulement. Le chapitre II dtaille les fonctionnalits importantes de Drupal et revient plus prcisment sur certain sujets abords prcdemment. Il vous permettra galement d'apprhender le puissant outil de cration de types de contenus.

9

Grce au chapitre III vous saurez sauvegarder votre site, configurer votre serveur et scuriser vos donnes, avant d'approfondir au chapitre IV l'utilisation de nombreux modules qui permettent d'ajouter des fonctionnalits Drupal. La personnalisation graphique d'un site (son thme) tant un sujet incontournable, sa matrise dpend nanmoins du niveau de comprhension de l'ensemble du systme, et devient un savoir-faire qui sera trait dans le chapitre V. Enfin, le chapitre VI vous permettra de dcouvrir en douceur comment programmer de nouveaux modules correspondant vos besoins et, pourquoi pas, les partager votre tour.

Notes propos de ce livre :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 aux illustrations montrant les actions proposes.

Conventions utilises dans ce livreh

Puce montrant qu'une action est excuter par le lecteur Lien vers un module en rapport avec le sujet trait

Information complmentaire

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.

Siteinternet:Vous pouvez tlchargez les fichiers illustrant les exemples traits dans ce livre sur le site internet ddi cet ouvrage : http://www.framabook.org. Pour installer ces fichiers reportez-vous au chap. III 2 Sauvegardes / Restauration.

10

Introduction

Copies d'crans et traductions en franaisPour une meilleure comprhension, de nombreuses copies d'crans illustrent ce livre. Il se peut qu'elles soient lgrement diffrentes au moment ou vous installerez les modules prsents dans ce livre, parce que vous utilisez une nouvelle version du module. Si vous dsirez suivre exactement les copies d'cran, installez les modules dans les versions indiques dans le livre. l'installation, certains modules n'taient pas encore traduits. Des traductions ont put tre imports pour raliser les copies d'cran. Pour importer des traductions reportez-vous au chap. IV 2 Site multilingue.

11

Chapitre

IDmarrage rapide

L

e but de cette premire partie est de dcouvrir Drupal par lexemple. Elle vous explique comment installer Drupal et vous guide 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, mais pratique, 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 dinstaller Drupal dcrites ici ne vous conviennent pas, le tableau suivant rsume les principales variantes dinstallation pour vous aider choisir celle qui convient le mieux votre usage :

12

I - Dmarrage rapide

Mthode dinstallation

Systmes

Avantages - Assez facile installer

Inconvnients

Conclusion

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

Trs bonne solution pour dcouvrir Drupal et aller un peu plus loin. Vous ne serez pas dpays si vous avez dj utilis EasyPhp

LAMP + Drupal depuis les sources

Linux

- Mme systme pour le serveur de test et de production - Mthode dcrite pas pas dans ce livre

- Si vous ne connaissez pas Linux, il peut tre difficile de dbuter avec Drupal sur un nouveau systme - 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

La meilleure des solutions si vous connaissez Linux et shabituer administrer un serveur ddi

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

Trs bonne solution pour les habitus de Windows qui veulent dcouvrir Linux

Linux + virtualisation Windows

Linux + Windows

- Vous pouvez utiliser tous les outils de dveloppement web ddis Windows - Vous avez un serveur local sous Linux

Bonne solution pour les utilisateurs dsirant passer Linux en douceur

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.

11.1

Installation de DrupalInstallation rapide sous Windows

Si vous dsirez installer Drupal sous Linux, passez directement au chap. I 2 Installation rapide sous Linux.

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 mineures.

1.1.1 Installation de WampServerh h h

Sur le site web WampServer (http://www.wampserver.com/), allez dans la section Download Tlchargez et excutez le fichier .exe (version utilise pour ce livre : wampserver2.1c.exe) 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.

1 - Installation de Drupal

13

h h

la fin de linstallation, une icne apparat dans la zone de notification ( cot de lheure) 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

Wampserver fonctionne

1.2

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.7)

Page de tlchargement de drupal.org

14

I - Dmarrage rapide

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 dfaut c:\wamp\www) Renommez le rpertoire cr en Drupal. Vous devriez obtenir larborescence suivante : c:\wamp\www\drupal Rendez-vous ladresse http://localhost/drupal. La page daccueil de linstallateur Drupal doit apparatre

h

h

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 lieu de http://localhost/drupal

1.2.1 Installation de la langue franaiseLa priorit est maintenant dinstaller Drupal en franais :h h

Cliquez sur le bouton Save and continue pour passer la deuxime tape : Choose language 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 h

Cliquez sur le lien translation serveur de ltape 1 Cherchez la langue franaise et tlchargez le fichier qui correspond la version 7


15

Tlchargement de la langue franaiseh h

Enregistrez le fichier dans le rpertoire c:\wamp\www\drupal\profile\standard\translation Renommez le fichier en fr.po, vous devriez obtenir un fichier c:\wamp\www\drupal\profile\standard\translation\fr.po 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

h

Drupal est prt tre install... en francais !h h

Choisissez loption French (Franais) Cliquez ensuite sur Save and continue pour passer ltape suivante

1.2.2 Installation de la base de donnesUne base de donnes est un ensemble de donnes organises et 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 utiles dans la base (ajout, modification, suppression de donnes, etc.). Ce programme est optimis pour manipuler efficacement de grandes quantits de donnes.

16

I - Dmarrage rapide

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 raccourci depuis licne WampServer). Depuis licne WampServer, vous avez un accs rapide vers les adresses http://localhost et http://localhost/phpmyadmin.

Les raccourcis de WampServer

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

Cration de la base de donnes MySQL pour Drupal grce phpMyAdmin


17

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. Par dfaut, WampServer ne protge pas MySQL et il est possible de sy connecter sans mot de passe avec lutilisateur root. Vous verrez comment protger une base de donnes au chap. III 1.3 Configuration de MySQL. Retournez sur linstallateur Drupal et compltez les champs suivants :h h h

Nom de la base de donnes : drupal Nom dutilisateur : root Mot de passe : vide

Installation de la base de donnes par linstallateur Drupalh

Cliquez sur le bouton Enregistrer et continuer. Drupal sinstalle avec tous ses modules par dfaut, ce processus tant assez long, le serveur web (Apache) peut linterrompre. Dans ce cas, rechargez la page (touche F5), le processus reprendra l o il sest arrt.

1.2.3 ConfigurationdusiteUne fois le linstallation termine,il faut entrer les paramtres du site et de son administrateur.

18

I - Dmarrage rapide

Compltez les champs de la manire suivante :h h h h h h

Nom du site : vos toques ! Adresse de courriel du site : [email protected] (entrez une adresse valide) Nom dutilisateur : admin Adresse de courriel : [email protected] (entrez une adresse valide) Mot de passe : Entrez ici votre mot de passe pour ce livre, le mot de passe utilis sera atelierdrupal. Pays par dfaut : France (ou votre pays)

Paramtres du site et de son administrateurh h

Cliquez sur Enregistrer et continuer Cliquez sur le lien Visitez votre nouveau site

Linstallation de Drupal sous Windows est termine !


19

Le chapitre suivant explique comment installer Drupal sous Linux, si vous dsirez utiliser Drupal uniquement sous Windows, rendez-vous directement au chap. I 2 la dcouverte de Drupal.

1.3

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.

1.3.1 Installation dune solution LAMPPour 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-modphp5 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 donnesh

Il vous sera demand durant linstallation un mot de passe pour MySQL (atelierdrupal)

Configuration de MySQLh h

Confirmez nouveau le mot de passe la question Serveur web reconfigurer automatiquement, choisissez apache2 en appuyant sur la barre despace

20

I - Dmarrage rapide

Configuration de phpMyAdminh h

Linstallateur pose quelques autres questions, rpondez avec les options par dfaut en cas de doute 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 Vrifiez si phpMyadmin fonctionne en entrant ladresse : http://localhost/phpmyadmin. Vous devriez voir apparatre la page daccueil phpMyAdmin

h

Votre solution LAMP est installe, phpMyAdmin fonctionne


21

1.3.2 Tlchargement et accs linstallateur de DrupalVous 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 de fichiers. Toutefois, sachez quil est possible 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/download) et tlchargez la dernire version stable de Drupal (version utilise pour ce livre : Drupal 7.7)

Page daccueil de drupal.orgh h

Dcompressez votre archive dans votre rpertoire personnel 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 drupalcd /var/www sudo ln -s /home/utilisateur/drupal

22

I - Dmarrage rapide

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.

Drupal est prt tre install

1.3.3 Installation de la langue franaiseLa priorit est maintenant dinstaller Drupal en franais :h h

Cliquez sur le bouton Save and continue pour passer la deuxime tape : Choose language 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 h

Cliquez sur le lien translation serveur de ltape 1 Allez jusqu la langue franaise et tlchargez le fichier qui correspond la version 7

Tlchargement de la langue franaise


23

h h

Enregistrez le fichier dans le rpertoire /home/utilisateur/drupal/profile/standard/translation Renommez le fichier en fr.po, vous devriez obtenir un fichier /home/utilisateur/drupal/profile/standard/translation/fr.po 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

h

Drupal est prt tre install... en francais !h h

Choisissez loption French (Franais) Cliquez ensuite sur Save and continue pour passer ltape suivante

1.3.4 Vrificationdespr-requisUn message apparat alors, signalant plusieurs erreurs.

Drupal demande des droits en criture

24

I - Dmarrage rapide

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 /var/www/drupal/sites/ default/settings.php

Durant linstallation, Drupal doit avoir accs au rpertoire /sites/default, vous pourrez supprimer ce droit la fin de linstallation. Commande pour donner les droits daccs en criture sur le rpertoire /sites/defaultsudo 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

1.3.5 Installation de la base de donnesUne base de donnes est un ensemble de donnes organises et 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 utiles 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 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. En dessous de la ligne Crer une base de donnes, entrez le nom de la base, par exemple drupal

Vous devriez alors voir apparatre la page de connexion de phpMyAdmin :h

h

Cration de la base de donnes MySQL pour Drupal grce phpMyAdmin


25

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 h h

Nom de la base de donnes : drupal Nom dutilisateur : root Mot de passe : atelierdrupal (si vous avez suivi ce livre)

Installation de la base de donnes par linstallateur Drupalh

Cliquez sur le bouton Enregistrer et continuer Drupal sinstalle avec tous ses modules par dfaut, ce processus tant assez long, le serveur web (Apache) peut linterrompre. Dans ce cas, rechargez la page (touche F5), le processus reprendra l o il sest arrt.

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/filessudo chmod -R a-w /var/www/drupal/sites/default/files

26

I - Dmarrage rapide

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.)

1.3.6 ConfigurationdusiteUne fois le processus dinstallation termin, il faut entrer les paramtres du site et de son administrateur. Compltez les champs de la manire suivante :h h h h h h

Nom du site : vos toques ! Adresse de courriel du site : [email protected] (entrez une adresse valide) Nom dutilisateur : admin Adresse de courriel : [email protected] (entrez une adresse valide) Mot de passe : Entrez ici votre mot de passe pour ce livre le mot de passe utilis sera atelierdrupal Pays par dfaut : France (ou votre pays)

Paramtres du site et de son administrateur

2 - la dcouverte de Drupal

27

h h

Cliquez sur Enregistrer et continuer Cliquez sur le lien Visitez votre nouveau site

Linstallation de Drupal sous Linux est termine !

2

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 installant des modules qui ajoutent des fonctionnalits et bien dautres choses encore...

2.1

Le contenu

2.1.1 Ajout dun premier articleDrupal est un CMS : Content Management System "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

28

I - Dmarrage rapide

Ajout dun type de contenu

Lorsquun calque de ce type apparat, vous entrez dans la partie administration du systme. Par dfaut, les visiteurs anonymes de votre site ne devraient pas voir ce type de page. Vous avez le choix entre deux types de contenu, Article et Page.h h

Cliquez sur le lien Article 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)

Le site 1001 Recettes


29

h h

Titre : Salade de penne 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 h

Corps : copiez le corps de la recette 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.

Tlchargement dune image dans un articleh h

Cliquez ensuite sur le bouton Transfert de fichiers Enfin, cliquez sur le bouton Enregistrer tout en bas de la page

Drupal vous redirige alors vers votre article mis en forme.

30

I - Dmarrage rapide

Votre premier article mis en page par Drupal.

2.1.2 Le deuxime article avec rsumEntrez 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 http://1001recettes.blogspot. com/2010/09/un-risotto-sucre-sale.html).h h

Titre : Risotto la bire blanche et Stilton et tranches de melon poles Tags : Plat principal, Riz Remarquez lauto-compltion des tags lorsque vous entrez la lettre 'P', Drupal vous propose la liste des tags qui commencent par cette lettre (voir illustration suivante)

h

Cliquez sur le lien Modifier le rsum cot du corps

Le champ corps se spare alors en deux parties, vous dcouvrirez la fin de ce chapitre lintrt de crer un rsum.h h

Rsum : copiez lintroduction de la recette dans le rsum Corps : copiez la recette elle-mme dans le corps


31

Ajout dun tag existant et dun rsumh h

Image : ajouter une image comme pour le prcdent article Cliquez sur le bouton Enregistrer tout en bas de la page

Votre site contient maintenant deux articles.

2.1.3 Ajout de commentairesPar 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 h h

Sujet : Bonne ide Commentaire : De mouiller le riz avec la bire Cliquez sur Enregistrer

Formulaire dajout de commentaire

32

I - Dmarrage rapide

Notez que le sujet du commentaire nest pas obligatoire.h

Ajoutez un deuxime commentaire la recette

Les commentaires de larticle mis en forme

2.1.4 Navigation entre les articlesh

Cliquez sur le titre du site ( 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 rcent la manire dun blog.

La nouvelle page daccueil du site


33

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.h

Cliquez sur le tag Plat principal de la premire recette Cliquez sur le lien Riz

Saffiche alors la liste de tous les articles ayant dans sa liste de tags Plat principal .h

Saffiche alors la liste de tous les articles ayant dans sa liste de tags Riz , les tags permettent donc de classer le contenu.

2.1.5 ModifierunarticleVous 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 ;

Menu contextuel dans les listes.

sur la page de consultation dun article, un onglet Modifier permet daccder aux mmes fonctionnalits.

34

I - Dmarrage rapide

Onglet Modifier dun articleh h h

Modifiez larticle en utilisant lune ou lautre des mthodes Cliquez sur le lien Modifier le rsum Mettez un rsum la recette

Modification de larticleh

Cliquez sur Enregistrer

2.2

Les menus

2.2.1 Ajout dun menuVos deux recettes sont accessibles depuis la page daccueil, vous allez crer des menus dans len-tte, cot de longlet Home, pour les rendre plus visibles.h h

ditez nouveau la recette des Penne Placez-vous en bas de la page


35

h

Vrifiez que longlet horizontal Paramtres du menu est bien slectionn Lensemble de ces onglets horizontaux seront dtaills au chapitre chap. II 3.1.1. Options des nodes de ce livre

h h

Cochez la case Fournit un lien de menu Remplissez les champs comme dans lillustration suivante

Paramtres du menu dun articleh

Cliquez sur Enregistrer

Le nouvel onglet de menu avec sa descriptionh

De la mme manire, ajoutez un menu pour la recette de Risotto. Limitez le titre Risotto la bire blanche

36

I - Dmarrage rapide

Les deux menus ajouts

2.2.2 Organisation des menusVoici les deux entres de menus crs. Imaginez maintenant que vous vouliez passer la Salade de penne devant le Risotto.h h

En haut de la page, dans le menu dadministration, cliquez sur Structure

Puis sur le lien Menu Drupal cr par dfaut quatre menus, mais vous avez ajout les recettes au menu Menu principal.h h

Cliquez sur le lien lister les liens du Menu principal Cliquez sur le symbole Risotto de la Salade de penne et remontez-le par glisser/dposer au-dessus du

Page dorganisation des menush

Cliquez sur Enregistrer la configuration et observez le rsultat : lordre des menus a chang. Vous pourrez retrouver une explication plus approfondie des menus au chap. II 2 Menu : les menus de ce livre.


37

2.2.3 Exercice : ajout dun contenu 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

La recette du croque Hawa, son menu et le menu Accueil supprim

Corrigh h h h h h h h h

Menu Contenu Lien + Ajouter du contenu Lien Article Titre : Croque-Hawa et petite salade Tags : Entre Cliquez sur le lien Modifier le rsum cot du corps si vous voulez crer un rsum Rsum : copiez lintroduction de la recette dans le rsum Corps : copiez la recette elle-mme dans le corps Image : ajouter une image Cocher la case Fournit un lien de menu Titre du lien dans le menu : Croque-Hawa lment parent : Cliquez sur le bouton Enregistrer tout en bas de la page Menu Structure lien Menu Lien lister les liens du menu Menu principal Lien supprimer du lien Accueil Placer le Croque-Hawai en troisime dans la liste Bouton Enregistrer la configuration

Pour le menu :h h h h

Pour rorganiser le menu :h h h h h

38

I - Dmarrage rapide

2.3

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.

2.3.1 Ajouter un blocVous pouvez ajouter un bloc qui permet de lister les derniers commentaires ajouts votre site.h h h

Cliquez sur le menu Structure Puis sur le lien Blocs Dans la section Dsactiv (en bas de la page), choisissez la rgion Premire barre latrale pour le bloc Commentaires rcents

Page dadministration des blocsh

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

Comme pour les menus, loutil une rgion donne.

vous permet de rorganiser les blocs dans lordre que vous dsirez sur


39

2.3.2 Les rgionsEn 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 h

Retournez sur la page dadministration des blocs, menu Structure lien Blocs 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.

Les rgions du thme Bartik

Vous allez dplacer le bloc de recherche, actuellement dans la rgion Premire barre latrale, dans la rgion En-tte (Header).h h

Cliquez sur le lien Exit block region demonstration la section Premire barre latrale, modifiez la rgion En-tte pour le bloc du Formulaire de recherche Cliquez sur Enregistrer les blocs

h

40

I - Dmarrage rapide

Le bloc de recherche positionn dans la rgion Header

2.3.3 ExerciceSupprimez le message Propuls par Drupal qui saffiche en bas de la page.

Message supprimer

Corrig :h h h

Menu Structure lien Blocs Pour le bloc Propuls par Drupal de la rgion Pied de page, choisir Aucun Bouton Enregistrer les blocs

2.4

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 des diffrents modules 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 en haut de page Rendez-vous sur la page du Risotto, au niveau des commentaires

En vous dconnectant, vous tes considr comme utilisateur anonyme par Drupal.h

Vous pouvez lire les commentaires de larticle 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 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


41

Le bloc de connexion utilisateurh h

Menu Personnes Onglet Droits Rendez-vous la section du module Comment Dans la colonne utilisateur anonyme, cochez Post comment qui autorise lenvoi de commentaires Cochez galement Skip comment approval qui permet aux commentaires dtre publis sans tre modrs par les administrateurs

Chaque module possde une section qui dfinit un certain nombre de droits.h h h

La gestion des droits sur le module Commenth h h

Cliquez sur Enregistrer les droits daccs Cliquez nouveau sur Se dconnecter dans le bloc admin Essayez de poster un nouveau commentaire

42

I - Dmarrage rapide

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

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

2.5

Les modules

2.5.1 Activer un moduleLes modules sont des briques de programme qui permettent dtendre les fonctionnalits de Drupal. Vous allez 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 h

Menu Modules Cochez la case activ du module Poll (Sondage)

Page dadministration des modulesh

Cliquez sur Enregistrer la configuration Cliquez sur Contenu Puis sur le lien + Ajouter un contenu

Il sagit maintenant de crer un sondage :h h


43

En activant le module Poll, vous avez accs un nouveau type de contenu Sondage en plus des types Article et Page de base.h

Cliquez sur le lien Sondage et crez un nouveau sondage comme sur lillustration suivante

Ajout dun Sondageh

Ajoutez ce sondage une entre dans le menu principal, comme pour les articles, dans longlet Paramtres du menu Cliquez sur Enregistrer

h

Vous pouvez tester votre sondage !

Votre sondage fonctionne !!!

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.

44

I - Dmarrage rapide

2.5.2 Installation dun module externeLes 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 par exemple 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.

Tlchargement et installation du moduleChaque module possde sa propre page sur le site Drupal.org. Il faut localiser cette page pour installer ensuite le module.h h h

Rendez-vous sur le site http://www.drupal.org Dans la zone de recherche, entrez weather Slectionnez loption Modules

Recherche dun module par son nom sur drupal.orgh

Cliquez sur le bouton Search Choisissez le module Weather (http://www.drupal.org/project/weather) Descendez la section Downloads de la page Reprez la version qui convient Drupal 7 (7.x-1.0 au moment de la rdaction de ce livre), faites un clic droit sur le lien tar.gz et choisissez loption Copier ladresse du lien (avec le navigateur Firefox).

La liste de tous les modules contenant le mot Weather saffiche alors.h h

Drupal peut installer un module automatiquement partir de lurl de son archive.h


45

Copie de lurl de larchive du moduleh h h

Menu Modules Lien + Installer un nouveau module Coller lurl prcdemment copie dans la zone Installer depuis une URL

Installation dun module depuis lURL de larchiveh

Cliquez sur le bouton Installer

Drupal soccupe alors de tlcharger larchive et de lextraire au bon endroit. Il vous reste activer le module. Si linstallation automatique ne fonctionne pas, des mthodes alternatives sont dcrites au chap. 1.3.3 Mthodes dinstallation dun moduleh h

Lien Enable newly added modules "Activer les modules nouvellement installs" Allez tout en bas de la page jusquau module Weather, et cochez la case Activ 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.

46

I - Dmarrage rapide

Le module Weather est maintenant prt tre utilish

Bouton Enregistrer la configuration

ConfigurationdumoduleLorsque 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 h h

Cliquez sur le lien + Units daffichage pour ajouter un affichage Les options par dfaut de cette page conviennent Bouton Enregistrer

Un nouvel affichage systme doit apparatre dans la listeh h

Cliquez sur le lien Add location to this display "Ajouter un endroit pour cet affichage" Choisissez le pays et la ville


47

Slection dun aroporth h

Bouton Enregistrer Bouton Enregistrer la configuration Menu Structure lien Blocs Pour le bloc Mto : Systme, choisir la rgion Premire barre latrale

Le bloc a t cr, il sagit maintenant de lafficher dans une rgion.h h

Les blocs du module Weatherh h

Bouton Enregistrer les blocs Retournez sur la page daccueil

Le bloc Weather en action !

48

I - Dmarrage rapide

2.5.3 Exercice:Installation,configurationetutilisationdeBMIh

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 Premire barre latrale

Le bloc du module BMIh

Ensuite, pour plus de clart pour la suite de ce livre, dsactivez les modules Weather et BMI

Corrig :Recherche, installation et activation du moduleh

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) Copiez lurl (http://ftp.drupal.org/files/projects/bmi-7.x-1.0-rc1.tar.gz) Dans Drupal, menu Modules Lien + Installer un nouveau module Collez lurl prcdemment copie Bouton Installer Lien Enable newly added modules "Activer les modules nouvellement installs" Pour le module BMI, cochez la case ACTIVE. Bouton Enregistrer la configuration Menu Structure lien Blocs

h h h h h h h h

Configuration et utilisationh


49

h h

Pour le bloc Body Mass Index, choisir la rgion Premire barre latrale Bouton Enregistrer les blocs

Le bloc Body Mass Index doit safficher sur la page daccueil. Dsactivation des modulesh h h

Menu Modules Pour les modules BMI et Weather, dcochez la case ACTIVE. Bouton Enregistrer la configuration

Les blocs ne devraient plus apparatre en page daccueil.

2.6

Modificationdesthmes de Drupal

Un thme dans Drupal est un ensemble de fichiers qui constitue lapparence graphique de votre site. Vous aurez peut-tre envie 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 cration et la modification des thmes sont abords dans le Chap. V 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 dfaut (Bartik) grce linterface de Drupal, puis, vous installerez, la manire dun module, un thme depuis internet.

2.6.1 Page de slection des thmesLinterface dadministration de Drupal permet de modifier quelques paramtres du thme.h

Menu Apparence

50

I - Dmarrage rapide

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.


51

2.6.2 Installation dun thme externeComme pour les modules, un grand nombre de contributeurs proposent des thmes qui sont disponibles sur le site http://www.drupal.org.h h h

Rendez-vous sur le site http://www.drupal.org Dans la zone de recherche, entrez Danland Slectionnez loption Themes

Recherche dun thme par son nom sur drupal.orgh h h

Cliquez sur le bouton Search Choisissez le thme danland (http://www.drupal.org/project/danland) Descendez la section Downloads de la page Reprez la version qui convient Drupal 7 (7.x-1.0-rc2 au moment de la rdaction de ce livre), faites un clic droit sur le lien tar.gz et choisissez loption Copier ladresse du lien Menu Apparence Lien + Installer un nouveau thme Coller lurl prcdemment dans la zone Installer depuis une URL Cliquez sur le bouton Installer

Les modules et les thmes sinstallent de la mme faon :h

h h h h

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 des thmes dsactivs. Deux thmes ont t ajouts, Danland et Danblog.

52

I - Dmarrage rapide

Les deux thmes de Danlandh

Cliquez sur le lien Activer et choisir par dfaut du thme 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 h

Retournez sur la page daccueil Le thme qui affiche le contenu de votre site a chang

Dcouvrez le thme Danblog !

Activez le thme Bartik par dfaut pour la suite de ce livre.


53

1 - Administrer Drupal par linterface

55

Chapitre

IIUtiliser Drupal

V

ous avez dcouvert un grand nombre de fonctionnalits de Drupal dans le premier chapitre. Le but de celui-ci est dapprofondir ces dcouvertes. Tout dabord vous apprendrez comment surveiller votre installation et grer les modules en lisant le chap. II 1. Administrer Drupal par l'interface. Utiliser Drupal

Au chap. II 2. Organiser son site, vous apprendrez organiser le contenu afin que votre site garde une cohrence lorsquil prendra de limportance. Vous dcouvrirez galement comment grer les utilisateurs Cest en installant des modules tiers au chap. II 3. Ajout de contenu que vous pourrez proposer une interface riche vos utilisateurs pour quils puissent ajouter facilement du contenu au site. Enfin, cest au chap. II 4. Field UI : types de contenus personnaliss que vous configurerez Drupal pour quil sadapte votre contenu.

11.1

Administrer Drupal par linterfaceToolbar : les menus de votre site

Toolbar est un module du coeur de Drupal qui affiche une barre en haut de chaque page Drupal pour administrer le site.

Le menu affich par Toolbar

56

II - Utiliser Drupal

Cette barre liste les lments de haut niveau pour ladministration du site et propose des raccourcis pour l'administration : Icne maison Tableau de bord Contenu Structure Apparence Personnes Modules Configuration Rapports Aide Bonjour admin Se dconnecter 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. Pages daide des modules. Accder la page de lutilisateur connect. Dconnexion de lutilisateur en cours.

1.2h h

Page de configurationdusite

Rendez vous sur la page de configuration du site. Menu Configuration Section Systme lien Informations Vous pouvez changer ici les paramtres principaux du site : Nom du site Slogan Nom du site qui apparat dans len-tte. 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


57

Noubliez pas que cette page existe. Malgr sa simplicit, elle rgle des paramtres que vous modifierez forcment un jour.

1.3 Installation de modules (Captcha : vitez les robots malveillants)Les modules sont des petits programmes qui permettent dajouter des fonctionnalits Drupal. Dans le chap. I 2.5 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 tudierez plus en profondeur son processus dinstallation.

1.3.1 QuestquunCaptcha?Dans le chap. I 2.4 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.

Le formulaire Captcha pour les anonymes

58


1.3.2 Recherchesurdrupal.orgComme il existe une trs grande quantit de modules pour Drupal, il est parfois fastidieux de savoir lequel est le plus adapt son besoin. Le site officiel drupal.org est d'une grande aide sur ce point et rpertorie la majorit des modules Drupal. Vous avez utilis loutil de recherche de drupal.org dans la premire partie, mais il existe dautres pages utiles la recherche.

La page Download & Extendh h h

Allez sur le site http://www.drupal.org Menu du haut : Download & Extend Onglet Modules

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 Byh h

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 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 trie les modules selon leur popularit.

Faites une recherche sur le module Captcha (vous pouvez vous inspirer de la capture prcdente) Allez sur la page du module (http://drupal.org/project/captcha)


59

Page dun moduleChaque module possde sa propre page sur drupal.org, voici les sections qui la composent : Description du module : un texte dcrit le module. Il est ventuellement accompagn dune copie dcran. Une liste de modules complmentaires est propose et ventuellement des liens vers de la documentation.

Informations et copie dcran du module

Downloads : En bas de page, la liste des versions disponibles est prsente. Ici, il existe des versions stables du module pour la version 6.x de Drupal et des versions de dveloppement pour les versions 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.

Les diffrentes versions du module

60


Zone droite de la page : dans cette zone, plusieurs blocs affichent des informations relatives aux modules. Maintainers for Captcha Issues for Captcha Recent issues Related projects Resources Development 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 ventuellement rencontr est dj signal ou corrig. Derniers problmes rencontrs avec le module. Autres modules en lien avec celui-ci. Liens vers les pages de documentation, les traductions et les ventuels sites de test. Section pour les dveloppeurs.

1.3.3 Mthodes dinstallation dun moduleIl sagit maintenant dinstaller le module.h h

Sur votre site Drupal, menu Modules Lien + Installer un nouveau module

Installation depuis une urlCette mthode est la mme que celle utilise pour installer le module Weather.

Installation depuis une archive tlchargeIci, vous tlchargez dabord larchive du module puis, vous installez le fichier choisi. Cette mthode peut tre utilise si la prcdente ne fonctionne pas (problme au tlchargement).

Installation manuelleSi aucune des mthodes prcdentes ne fonctionne, vous devez installer le module manuellement.h

Tlchargez larchive du module Captcha sur votre disque dur (version utilise pour ce livre 7.x-1.0alpha2)

Vous avez alors le choix entre plusieurs rpertoires pour extraire le contenu de larchive : /sites/all/modules /sites/default/modules /sites/exemple.fr/modules Le module sera accessible depuis tous les sites prsents 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.


61

Larborescence de Drupal : o dcompresser les sources des modules ?

Dans cette illustration : tous les sites ont accs aux modules captcha et 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. 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 le contenu de larchive Captcha dans le rpertoire /sites/all/modules

1.3.4 Activation et dpendancesVotre module est prsent copi au bon endroit dans larborescence de Drupal, il faut lactiver.h h

Menu Modules Section SPAM CONTROL

62


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 Requiert et Requis par. Cest le cas de Image Captcha qui requiert Captcha.h h

Cochez la case ACTIVE du module Captcha Bouton Enregistrer la configuration

1.4h h

Pagedeconfigurationdesmodules

Aprs avoir activ un module, rechargez la page des modules pour savoir comment lutiliser. Menu Modules Section Spam control

Les liens vers les pages du module

Maintenant quil est activ, le module Captcha propose trois oprations sous forme de liens : Aide Droits daccs Configurerh

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

Cliquez sur le lien Configurer


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. Par exemple, pour ajouter un Captcha sur le formulaire qui permet dajouter un commentaire un article :h

Choisisssez le Captcha Math du formulaire comment_node_article_form

Choix d'un Captcha pour un formulaireh

En bas de la page, bouton Enregistrer la configuration Lien Se dconnecter Choisissez un article

Voyez si le Captcha fonctionne :h h

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.

1.5

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.h h

Menu Modules Dsactivez le module Captcha

Captcha cr deux tables lors de son activation. Lorsque vous le dsactivez, ces deux tables restent dans la base de donnes. Pour les supprimer automatiquement, une autre action est ncessaire :h h

Onglet Dsinstaller Cochez CAPTCHA

64


Dsinstallation complte dun moduleh

Bouton Dsinstaller

1.6

Le tableau de bord

Le tableau de bord vous informe sur ltat de sant et les performances de votre installation Drupal. Allez sur la page du tableau de bord :h

Menu Rapports lien Tableau de bord dadministration

Une partie du tableau de bord o quelques problmes sont signals


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 numros de versions des 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 votre 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 tlversements (upload) de fichiers. Voici les sections principales du tableau de bord : Drupal Accs au fichier update.php Version de Drupal Normalement, ce fichier est protg. update.php est un script qui permet de mettre jour Drupal (chap. III 3.2 Update status : mettre jour de Drupal).

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 (settings.php) doit tre protg car il contient des informations sensibles sur votre Fichier de configuration 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 (chap. III 3.2 Update status : 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 : chap. III 1.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 (chap. III 3.3 Le cron). Lors de lactivation de nouveaux modules, de nouvelles sections peuvent apparatre

Section du module Captcha du tableau de bord

66


1.7

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. Bien souvent, les pages dadministration saffichent sur un calque (Overlay)

Thme Seven en calque et thme Bartik en arrire plan

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).

1.8

Help : les pages daide

Le module Help permet aux modules de Drupal 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.

2 - Organisation du site

67

Liste des pages daide du site

partir de la liste des modules (menu Modules), un lien direct vers la page est propos si elle existe.

Lien Aide de chaque module

22.1

Organisation du siteBlock : les blocs

Le chap. I 2.3 Les blocs prsentait la page qui permet de configurer les blocs dans Drupal. Voici les autres fonctionnalits proposes autour des blocs.

2.1.1 Positionnement et rgions des thmesUn bloc est une bote qui permet dafficher tous types dinformations 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.

68


Bartik, Danblog et Seven sont les trois thmes activs du site

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.

Les deux rgions du thme dadministration Seven


69

Les quinze rgions du thme Bartik

Une liste droulante propose de choisir parmi les rgions du thme slectionn o va se positionner le bloc.

Liste des rgions disponibles pour le contenu rcent du thme Bartik

70


2.1.2 Les types de blocVoici la liste des blocs disponibles pour les modules activs par dfaut : Aide du systme Contenu de la page principale Contenu rcent Connexion utilisateur Commentaires rcents Management Menu principal Navigation Nouveaux membres Propuls par Drupal Syndication Slecteur de langue User menu Utilisateurs en ligne 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 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.

Cette liste peut senrichir lors de lactivation de nouveaux modules (exemple : sondage le plus rcent pour le module Poll).

2.1.3 Les options des blocsChaque bloc possde une page de configuration.h h

Cliquer sur le lien Configurer en face du bloc Contenus rcents Modifiez les paramtres du bloc comme sur lillustration suivante


71

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. Affichage du bloc pour chacun des thmes activs.

En partie basse de la page de configuration, quatre onglets horizontaux permettent de grer la visibilit des blocs selon les modes daffichages. 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 Vous pouvez accder la page dadministration dun bloc lorsquil est affich sur une page grce un menu contextuel.

Menu contextuel des blocs

72


2.1.4 Ajouter un bloc personnalisVous allez maintenant ajouter un bloc personnalis qui affichera un message de bienvenue.h h

Menu Structure lien Blocs Lien + Ajouter un bloc Description du bloc : Bienvenue Titre du bloc : Bienvenue sur notre site Corps du bloc : Bonjour, nhsitez pas crer un compte pour dposer de nouvelles recettes. Bartik : choisir Premire barre latrale

partir de cette page, vous pouvez crer un nouveau bloc et y ajouter le contenu que vous dsirez.h h h h

Page de cration dun bloch h

Cliquez sur Enregistrer le bloc, vous avez alors un nouveau bloc Bienvenue disponible Allez en page daccueil

Le bloc de Bienvenue nouvellement cr


73

2.2

Menu : les menus

2.2.1 Menus installs par dfautLes menus sont des listes de liens qui peuvent tre personnalises et ensuite affichs dans des blocs.h

Menu Structure lien 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 disponibles 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

Les quatre menus de Drupal

74


2.2.2 Crer un menu en ajoutant du contenuVous pouvez ajouter des lments des menus directement lors de la cration dun contenu grce longlet Paramtres du menu comme vous lavez fait au chap. I 2.2 Les menus.

Longlet Paramtres du menu disponible lors de la cration dun contenu

2.2.3 Cration dun nouveau menuVous allez crer un nouveau menu dans lequel vous ajouterez quelques liens.h h h h h

Menu Structure lien Menus Lien + Ajouter un menu Titre : Liens Divers Description : Liste de liens divers Bouton Enregistrer Lien + Ajouter un lien Titre du lien dans le menu : Drupal en Franais Chemin : http://www.drupalfr.org Description : Le site web des Drupaliens francophones

Votre menu est alors cr, il faut maintenant lui ajouter quelques liensh h h h


75

La description est lattribut title du lien et saffiche au survol de la souris.

Le title des liensh

Le Lien parent permet de choisir quel menu appartient le lien. Ici, le menu est choisi automatiquement.

Ajout dun item un menuh

Bouton Enregistrer Chemin http://www.drupalfr.org http://www.drupal.org taxonomy/term/1 node/2 node/1 Description Le site web des drupaliens francophones Site officiel Drupal Liste des plats principaux du site

De la mme manire, ajoutez ces autres liens : Titre Drupal en franais Drupal Plats principaux Risotto Salade de penne

76


Le chemin des trois derniers liens internes peuvent tre diffrents sur votre site. Vrifiez leur URL en allant sur les pages concernes.

Les 5 liens du menu Liens divers

2.2.4 AffichagedumenudansunblocPour chaque menu cr correspond un bloc du mme nom que vous allez afficher gauche du contenu (rgion Premire barre latrale).h h h

Menu Structure lien Blocs la section Dsactiv, mettre le bloc Liens divers en Premire barre latrale 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

2.2.5 Hirarchiser un menuh

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


77

Hirarchisation des liens du menuh

Bouton Enregistrer la configuration

Liste des plats principaux replish

Cliquez sur Plats principaux, le menu affiche alors les liens enfants Retournez sur la page Lister les liens du menu Cliquez sur le lien modifier du lien Plats principaux Cochez loption Afficher dpli

Vous pouvez afficher ce menu dpli par dfaut pour quil affiche ses liens enfants.h h h

Options des menush

Bouton Enregistrer

Menu hirarchis dpli

Loption Activ permet de ne pas afficher un lien tout en le gardant dans le menu.

78


2.3

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.

2.3.1 Ajout dutilisateursIl existe par dfaut deux utilisateurs : ladministrateur du site, qui a tous les droits, et lutili

cyprien roudet framabook atelier drupal 7 cc-by

Documents