drupal-par-la-pratique.pdf

7/30/2019 drupal-par-la-pratique.pdf

1/271

Drupal par la Prati

1


2/271

Drupal par la Prati

Table des matires

Licence d'utilisation du document..................................................................................

Prambule..........................................................................................................................Chapitre 1 :Installez votre CMS.......................................................................................

Introduction..............................................................................................................................

Quelques mots d'architecture................................................................................................

Codes d'accs, base de donnes...........................................................................................

Transfrer les fichiers.............................................................................................................

Installation du CMS..................................................................................................................

Utilisation de phpMyAdmin.....................................................................................................

Chapitre 2 :Concepts........................................................................................................

Introduction..............................................................................................................................

Concepts..................................................................................................................................

Connexion en administrateur.................................................................................................

Gestion des modules...............................................................................................................

Deux mots d'architecture........................................................................................................

Chapitre 3 :dition des contenus....................................................................................Introduction..............................................................................................................................

Cration d'un article................................................................................................................

Modification de l'article...........................................................................................................

Gestion des articles.................................................................................................................

Insertion des images...............................................................................................................

Ajouter un effet lightbox vos images..................................................................................

Chapitre 4 :Taxonomie.....................................................................................................Introduction..............................................................................................................................

Qu'est ce qu'un vocabulaire?.................................................................................................

Cration d'un vocabulaire.......................................................................................................

Ajout de termes........................................................................................................................

2


3/271

Drupal par la Prati

Le module Taxonomy Manager..............................................................................................

Utilisation des termes..............................................................................................................

Autre module intressant : Taxonomy Menu.........................................................................

Chapitre 5 :Les Types de Contenu..................................................................................

Introduction..............................................................................................................................

Qu'est ce qu'un type de contenu?..........................................................................................

Cration d'un nouveau type de contenu................................................................................

Rglage de l'affichage des champs........................................................................................

Chapitre 6 :Les Vues.........................................................................................................

Introduction..............................................................................................................................

Qu'est ce qu'une vue?.............................................................................................................

Cration d'une nouvelle vue...................................................................................................Cration d'un affichage page..................................................................................................

Cration d'un affichage bloc...................................................................................................

Exposons les filtres.................................................................................................................

Conclusion...............................................................................................................................

Chapitre 7 :Les blocs........................................................................................................

Introduction..............................................................................................................................

Qu'est ce qu'un bloc?..............................................................................................................Afficher les blocs.....................................................................................................................

Chapitre 8 :Menus et chemins.........................................................................................

Introduction..............................................................................................................................

Comment accder aux contenus?..........................................................................................

Manipulation des menus........................................................................................................1

Afficher un menu....................................................................................................................1

Chapitre 10 :Gestion des utilisateurs............................................................................1Introduction.............................................................................................................................1

A quoi cela sert-il de grer les utilisateurs?.........................................................................1

En pratique..............................................................................................................................1

Chapitre 11 :Aspect graphique : grer les thmes.......................................................1

3


4/271

Drupal par la Prati

Introduction.............................................................................................................................1

Gestion des thmes................................................................................................................1

Configuration des thmes......................................................................................................1

Pour aller plus loin..................................................................................................................1

Chapitre 12 :Votre boutique en ligne avec Ubercart....................................................1Introduction.............................................................................................................................1

Interface d'administration......................................................................................................1

Commandes............................................................................................................................1

Clients......................................................................................................................................1

Produits...................................................................................................................................1

Attributs...................................................................................................................................1

Rapports..................................................................................................................................1Action conditionnelles...........................................................................................................1

Configuration..........................................................................................................................1

Aide..........................................................................................................................................1

Ajouter un produit...................................................................................................................1

Chapitre 13 :Administration gnrale du site...............................................................1

Introduction.............................................................................................................................1

Quelles tches effectuer pour administrer le site?..............................................................1Interface gnrale...................................................................................................................1

Paramtres de contribution...................................................................................................1

Gestion du formulaire de contact..........................................................................................1

Gestion du contenu................................................................................................................1

Configuration du site..............................................................................................................1

Les rapports............................................................................................................................2

Chapitre 14 :Grer une newsletter avec SimpleNews..................................................2

Introduction.............................................................................................................................2

Informations ou marketing.....................................................................................................2

La dmarche gnrale............................................................................................................2

Rglages..................................................................................................................................2

4


5/271

Drupal par la Prati

Et si on envoyait quelque chose?.........................................................................................2

Aprs le test, c'est sans filet... ou presque...........................................................................2

Gestion des publications envoyes......................................................................................2

Gestion des abonnements.....................................................................................................2

Pour aller plus loin..................................................................................................................2

Chapitre 15 :Importer du contenu avec Node Import...................................................2

Introduction.............................................................................................................................2

L'entre....................................................................................................................................2

Import des utilisateurs...........................................................................................................2

Import des profils....................................................................................................................2

Autres imports........................................................................................................................2

Chapitre 16 :Transformez votre site en place de march............................................2Introduction.............................................................................................................................2

Fonctionnement gnral........................................................................................................2

Installation de Ubercart Marketplace.....................................................................................2

Configuration gnrale...........................................................................................................2

Cration d'un produit et d'une commande...........................................................................2

Droulement d'une vente.......................................................................................................2

Ct administration de la boutique.......................................................................................2Chapitre 17 :Sauvegardez vos donnes avec Backup and Migrate...........................2

Introduction.............................................................................................................................2

Pourquoi sauvegarder?..........................................................................................................2

Comment sauvegarder?.........................................................................................................2

Chapitre 18 :Grer les balises mta...............................................................................2

Introduction.............................................................................................................................2

Qu'est ce qu'une balise meta?...............................................................................................2

Gnration des meta avec Meta Tags...................................................................................2

Int Meta....................................................................................................................................2

Index..................................................................................................................................2

5


6/271

Drupal par la Prati

Licence d'utilisation du document

6


7/271

Drupal par la Prati

Version 1.0 du 13 septembre 2009

Auteur : Fabien Crpin

Droits d'auteur

Toute reproduction, totale ou partielle, du contenu de cet ouvrage est strictement interdite. Cet ouvrpeut tre librement consult, mais il reste la proprit de son auteur et est protg en France par les loisla proprit intellectuelle et l'tranger par les conventions internationales sur le droit d'auteur (convende Berne).Le Code de la proprit intellectuelle interdit les copies ou reproductions destines une utilisacollective. Toute reprsentation ou reproduction intgrale ou partielle faite par quelque procd que ce ssans le consentement de l'Auteur ou de ses ayant cause est illicite et constitue une contrefaon sanctionpar les articles L335-2 et suivants du Code de la proprit intellectuelle et susceptible d'entrainer poursuites.

Droit de citation

Conformment l'article L. 122-5 du Code de la proprit intellectuelle, les courtes citations sautorises, sous rserve que soient indiqus clairement le nom de l'auteur et la source. La citation doit brve et intgre au sein d'une uvre construite pour illustrer un propos. La citation ne doit concurrencer l'ouvrage original, mais doit plutt inciter le lecteur se rapporter celui-ci.

7


8/271

Drupal par la Prati

Prambule

8


9/271

Drupal par la Prati

Pourquoicrire un bouquin sur Drupal?

D'abord parce que Drupal est rapide, parce que Drupal est extensible, parce que Drupal est graparce que Drupal est beau...

Ensuite et surtout, parce que au fil des projets, des tutoriaux se sont accumuls et autant que c

profite la communaut. Quand j'ai dbut le projet mi 2009, il n'y avait par ailleurs aucun ouvragefranais sur lequel mes clients auraient pu s'appuyer une fois leur site livr, il fallait combler ce manque.

Enfin, parce que c'est un exercice intressant mener. Je m'excuse par avance si cette premversion parat brouillon, c'est une premire version et elle n'a pas encore profit de vos nombreuxenrichissant retours, vous pouvez les faire [email protected]

Pourquoi Drupal?

Parce que Drupal est rapide... Bref, parce qu'aprs avoir test pas mal de CMS, Drupal est celuim'a sembl le plus prometteur tout en tant dj trs abouti.

On pourra certes lui reprocher ses concepts un peu droutants et ses interfaces pas forcment

user friendly, mais il n'en reste pas moins qu'une fois dpasse la phase d'apprentissage, ncessaire tous les systmes, il devient trs intuitif d'utiliser Drupal. Et l'avantage est qu'on peut tout raliser ensuitela vitrine aux rseaux sociaux en passant par les sites eCommerce.

Ce qui me plait le plus avec Drupal, c'est que la conception mme a mis en priorit l'interconnexion modules, ce qui permet d'ajouter des fonctionnalits comme bon vous semble : on met bout bout modules qui rendent des services basiques pour obtenir ce qu'on veut, plutt que d'installer une usine qui fait un tas de choses d'une faon qui n'est pas forcment celle que vous vouliez.

Outre les fonctionnalits atteintes via les modules, l'autre gros intrt de la bte est de pouvoir cdes types de contenu adapts votre site. C'est le systme qui s'adapte vos besoins et non l'inverseUn autre clbre gestionnaire de contenu, Joomla, vient d'ailleurs de reprendre ce concept avec l'extens

K2. Chez Drupal, cette fonctionnalit est intgre au cur, et le sera encore plus prochainement, ce quconfre un certain avantage.

Deux mots sur l'auteur

C'est Fabien Crpin, ancien ingnieur mto reconverti dans le dveloppement logiciel et passionquand le temps le permet, par les technos web, notamment Drupal...

Remerciements

Parce que sans la matire, ce livre ne servirait rien, je remercie donc toute la communaut dveloppeurs, traducteurs, utilisateurs et testeurs de Drupal pour les centaines de milliers d'heures pass

sur le projet et ses contributions. Merci tout particulier son crateur, Dries Buytaert, pour avoir fait proles autres de ce CMS gnial.

Guide de lecture

Une certaine cohrence existe dans ce livre (si, si), outre les essais d'humour qui ne feront rire moi, mais beaucoup. Notamment, chaque partie comprend une brve introduction pour dfinir le but et

9
mailto:[email protected]:[email protected]


10/271

Drupal par la Prati

conventions typographiques permettent de sparer certaines parties du reste du texte :

Les notes sont figures comme ceci :

Ceci est une note.

Les instructions sont figures comme ceci :

Ceci est une instruction.Ah oui, il y a des instructions donc, je ne vous avais pas dit que chaque chapitre tait un tutoriel?

Bonne lecture!

10


11/271

Drupal par la Prati

Chapitre 1 : Installez votre CMS

11


12/271

Drupal par la Prati

1 IntroductionCertains hbergeurs proposent des installations toutes faites de la plupart des CMS, notamment

hbergeurs utilisant l'outil Fantastico. Quand les hbergeurs n'offrent pas ce service, vous pouheureusement installer vous mmes vos applications prfres. Ce tutoriel va vous montrer comment

installant tout d'abord le CMS puis phpMyAdmin. Le principe reste le mme quelque soit le logicieinstaller.

2 Quelques mots d'architectureGrossirement, un site web dynamique se compose des lments suivants :

un serveur web, Apache souvent, accompagn d'une extension PHP;

un ensemble de fichiers contenant vos instructions;

une base de donnes qui contiendra vos donnes, souvent MySQL mais le principe est le mquelque soit le gestionnaire.

Dans la suite on parlera de local quand il s'agira de quelque chose qui se passe sur votre promachine/ordinateur et de distantquand cela se passe sur le serveur de votre hbergeur.

3 Codes d'accs, base de donnesLorsque vous rservez un hbergement, vous aurez donc plusieurs informations qui vous se

fournies. Notamment :

le nom de domaine, que normalement vous aurez choisi;

les codes d'accs ftp et l'adresse du serveur ftp;

les codes d'accs la base de donnes et le serveur MySQL.

4 Transfrer les fichiersComme indiqu ci-avant, votre site web est en partie un ensemble de fichiers, il faut donc les mettre

votre hbergement afin que les internautes puissent y accder. Pour ce faire, il faut utiliser un client FTP de transfrer en utilisant le File Transfer Protocol.

Par exemple, vous pouvez utiliser le logiciel FileZilla, www.filezilla.com, qui est gratuit et performant. Le principe est le mme pour tous les logiciels, je prendrai FileZilla comme exemple ici.

La premire chose faire est donc d'enregistrer l'accs dans FileZilla. Pour ce faire,

Lancez FileZilla

Aller dans Fichiers > Gestionnaire de sites

Cliquez sur Nouveau (vous pouvez crer des dossiers pour organiser vos accs)

Remplissez les champs droite avec les donnes fournies

12
http://www.filezilla.com/http://www.filezilla.com/http://www.filezilla.com/


13/271

Drupal par la Prati

Voil, votre accs est prt.

5 Installation du CMS Rendez vous sur le site de votre cms, par exemple joomla.org ou drupal.org

Tlchargez la dernire version sortie

Dcompressez la dans un rpertoire local que vous aurez cr, par exemple www Pour Drupal, ditez le fichier de configuration sites/default/settings.php et indiquez y les co

d'accs votre base de donnes

Connectez vous votre hbergement via FileZilla

Sur votre serveur distant, allez dans le rpertoire racine de votre site (souvent www )

Envoyez y les fichiers que vous avez dcompresss

13


14/271

Drupal par la Prati

Une fois cela en place, rendez-vous l'adresse http://www.votresite.com et suivez instructions d'installation

Et voil, une fois pass toutes les tapes, vous devrez supprimer le rpertoire d'installation de Jooafin d'accder au site. Sous Drupal, vous y serez directement.

6 Utilisation de phpMyAdminPlutt que l'installer (ce que vous pouvez faire d' peu prs la mme faon que ci dessus), cherc

dans l'interface d'administration de votre hbergement un lien vers phpMyAdmin, sous OVH c'est danpartie hbergement, sous 1and1 c'est dans la partie service, sous HostGator c'est une icne du cPanel.

Avec phpMyAdmin, vous pourrez exporter ou importer votre base et pourrez en consulter les conteAttention ne pas modifier ou effacer des donnes si vous ne savez pas quoi elles correspondent vous risqueriez de rendre votre site instable voire inutilisable.

Pour l'installer si votre hbergeur ne le fournit pas ou si vous en voulez une autre version, il suffit d'asurwww.phpmyadmin.netet de l'installer en envoyant les sources par ftp comme pour un CMS.

14
http://www.votresite.com/http://www.phpmyadmin.net/http://www.phpmyadmin.net/http://www.votresite.com/http://www.phpmyadmin.net/


15/271

Drupal par la Prati

Chapitre 2 : Concepts

15


16/271

Drupal par la Prati

1 IntroductionCe chapitre va vous permettre de dcouvrir les concepts de Drupal, de vous connecter l'interf

d'administration et d'activer des modules.

2 Concepts

2.1 SystmeDrupal est un systme de gestion de contenu trs puissant. Son fonctionnement se base sur

approche de type micro kernel o le cur (le kernel) est entour par des extensions, chacune extensions communiquant entre elles au moyen d'interfaces de communication bien dfinies.

Cette approche permet d'tendre facilement et proprement les fonctionnalits de base de Drupal.

2.2 NudsUn point important des concepts de Drupal est le fait que tout le contenu de base gr par le cuDrupal est nud , hormis les commentaires. Un nud forme donc l'unit de contenu de Drupal epuissance de ceci est qu'un traitement ou une fonctionnalit qui s'applique un nud page s'appliquaussi un nud image.

2.3 Types de contenuPage et image sont ici des types de contenu, il en existe nativement quelques uns et il est possible d

crer volont grce au module CCK. L'intrt des types de contenu est qu'ils vont vous permettre de cles structures pertinentes pour votre projet, avec les attributs qui correspondent.

2.4 VuesUne vue est ce que cre le module Views, qui est avec CCK le module le plus important de Dru

Tandis que CCK sert crer de nouveau types de contenu, Views va permettre de crer de nouveaffichages et de slectionner finement les contenus afficher.

2.5 TaxonomiePour finir avec les concepts, il reste parler du systme d'organisation de l'information dans Drupal

taxonomie. Taxonomie est un terme emprunt des sciences naturelles et la dfinition originale est lisible exemple ici : http://fr.wikipedia.org/wiki/Taxonomie. La taxonomie dans Drupal est en fait un ensemble

vocabulaires qui vont contenir des termes. Et voil! Avec a, vous pouvez pratiquement classer n'impquoi de la faon que vous voudrez : classement hirarchique, classement libre, classement prdfini ou (les utilisateurs peuvent alors eux mmes entrer des termes pour classifier les contenus), classemmultichoix, obligatoire ou non. Un vocabulaire est ensuite appliqu zro, un ou plusieurs types de conteun type de contenu peut tre li zro, un ou plusieurs vocabulaires.

16
http://fr.wikipedia.org/wiki/Taxonomiehttp://fr.wikipedia.org/wiki/Taxonomiehttp://fr.wikipedia.org/wiki/Taxonomie


17/271

Drupal par la Prati

2.6 CheminsPar dfaut, les contenus crs ne sont pas affichs. Lorsque vous crez un contenu, vous ave

possibilit de promouvoir ce contenu en page d'accueil du site ou de le placer un lien vers cet artdans un menu. Mais a s'arrte l, et si vous ne faites rien de plus, les contenus qui n'ont ni t promupage d'accueil ni accompagn d'un lien dans un menu ne sont pas accessibles au travers d'un lien directcontenu sera toujours associ un chemin qui va tre son adresse dans le site, par exem

ma_racine/mon_chemin est un chemin valide et indique que votre contenu sera disponible l'adrehttp://www.votresite.com/ma_racine/mon_chemin.

Les chemins sont importants car si vous voulez crer une entre dans un menu directement (et depuis un contenu ou une vue), vous devrez connatre le chemin vers le contenu. Un tutoriel dtaicomment faire.

3 Connexion en administrateurDrupal prsente grossirement deux parties distinctes : la partiepublique et le reste.

La partie publique est la partie visible de votre site par un visiteur qui ne serait pas connect au site

parle d'utilisateur anonyme. Le reste, c'est tout ce qu'un utilisateur identifi va pouvoir voir. Il y a plusieniveaux d'accs possible, beaucoup de niveaux d'accs en fait puisque pour chaque opration aclimit vous pouvez attribuer un droit d'accs tel ou tel rle.

Un rle est pratiquement une tiquette qu'on va poser sur un groupe d'utilisateurs et qui va permede grer justement ces droits, un rle n'a pas d'autre utilit. Par exemple, il y a le rle identifi , le anonyme et vous pouvez dfinir le rle modrateur de contenu qui aura le droit d'diter les contedposs sur le site.

Un rle particulier n'est pas list dans l'outil de gestion de Drupal, il s'agit du rle d'administrateursite. Ce rle a tous les droits et c'est celui que vous utiliserez pour administrer le site.

Connectez vous maintenant en utilisateur administrateur avec les codes d'accs qui vous

t fournis. Pour ce faire, entrer le nom d'utilisateur et le mot de passe dans les cadres prcomme sur cette figure :

17
http://www.votresite.com/ma_racine/mon_cheminhttp://www.votresite.com/ma_racine/mon_chemin


18/271

Drupal par la Prati

Voil, une fois connect, le menu de navigation va tre renomm du nom de l'utilisateur administraet un lien de dconnexion sera prsent tandis que le formulaire de connexion aura disparu. Pour cette pac'est tout mais vous pouvez cliquer sur les diffrents liens qui sont apparus et naviguer dans l'interfd'administration, tant que vous ne saisissez pas de texte et ne cliquez pas sur des liens pour sauvegardune configuration ou supprimer des contenus, il n'y a pas de risque.

4 Gestion des modules

4.1 Activation des modulesComme sur la figure suivante, vous allez voir apparatre dans le menu de navigation de nouveaux l

et notamment le lien Administrer .

Cliquez sur Administrer :

Vous allez voir les sous-rubriques de ce menu apparatre et notamment le lien Construction du si

18


19/271

Drupal par la Prati

puis en cliquant sur ce lien Modules . Ceci est visible sur la figureErreur : source de la rfrence trouve.

Cliquez sur Modules

Vous allez arriver sur la page d'administration des modules, cette page va vous permettre d'actdeux modules trs importants pour l'administration : DHTML Menu qui va rendre dynamique le menu

navigation et Administration Menu qui va placer un bandeau d'administration en haut du site, visuniquement par les utilisateurs disposant de droits suffisants videmment.

Une fois sur la page de gestion des modules, vous allez voir une liste plus ou moins longue de modinstalls sur votre site. Install ne veut pas dire activ et la liste est en fait la liste d'activation des moduLes modules sont regroups par thme en gnral et vous pouvez enrouler des groupes en cliquant sulien en haut d'un groupe :

Une ligne se compose : d'une case cocher pour activer le module;

du nom du module;

de la version du module, le 6.x est un prfixe indiquant que le module est utilisable par la ver6 de Drupal, la seconde partie indique la version du module lui mme;

de la description du module, ainsi que des dpendances de ce module.

Dans notre cas, il s'agit d'activer les deux modules d'administration s'ils ne le sont pas dj.

Cochez les cases d'activation de Administration Menu et DHTML Menu.

Une fois les cases coches ou dcoches suivant vos besoins, tout en bas de la page Sauvegardez vos modifications.

Les nouveaux modules devraient maintenant tre actifs et vous devriez voir le bandeau en haut du s

Pour dsactiver des modules, le principe est le mme mais il faut dcocher les cases. Vous ne poupas tout de suite dsactiver un module dont dpendent d'autres modules, il faudra d'abord dsactivermodules dpendants.

19


20/271

Drupal par la Prati

La dsinstallation d'un module est possible, elle permet en plus de la simple dsactivation de suppriles modifications effectues en base de donnes par le module. A n'utiliser que si vous n'avez plus l'intend'utiliser le module ensuite, car vous perdrez votre configuration.

Parfois des modules ne sont pas accessibles directement car il manque certains modules installspoint suivant indique comment procder alors.

4.2 Installation de modulesL'installation de module est trs simple, il suffit d'aller sur le site http://www.drupal.org et dan

sections Downloads de choisir Modules. L vous aurez une liste de tous les modules disponibles, avec classements et des possibilits de tri. Sur http://www.drupalfr.org vous aurez par ailleurs beaucd'informations en franais sur ces modules.

Une fois que vous avez trouv le module qui correspond vos besoins,

Tlchargez l'archive du module (un fichier en tar.gz le plus souvent).

Dcompressez le dans un de vos rpertoires

Enfin placez le dans le rpertoire [racine de votre site]/sites/all/modulesEt voil, en retournant la page de gestion des modules, vous allez voir apparatre votre nouv

module et vous pourrez l'activer.

5 Deux mots d'architectureDeux mots sur l'architecture technique de votre site Drupal, car pour le moment vous tes oblig

placer des fichiers de temps en temps :

files contient tous les fichiers de contenu (images, sons, documents) que vous pouvez dposer votre site, si vous avez plusieurs sites, les fichiers de chaque site seront sous files/nom_du_

Vous pourriez les mettre ailleurs, mais je conseille de les mettre ici afin de faciliter les migrations; sites/allcontient tous ce qui est commun vos sites, vous y placerez les fichiers de fonctionnem

du site : modules, thmes, plugins, etc dans les rpertoires modules, themes, libraries, etc

L'accs ces fichiers se fait par ftp si vous tes sur un serveur distant, ou directement si vous travaen local.

Dans les prochaines versions de Drupal, il sera certainement possible d'installer des modules et ausans avoir faire l'opration de transfert de fichiers vous-mme, mais il est bon de savoir comment procen attendant.

20
http://www.drupal.org/http://www.drupalfr.org/http://www.drupalfr.org/http://www.drupal.org/http://www.drupalfr.org/


21/271

Drupal par la Prati

Chapitre 3 : dition des contenus

21


22/271

Drupal par la Prati

1 IntroductionDrupal propose un interface trs puissante pour grer ses contenus. Ce tutoriel va vous apprendr

crer un article et d'y insrer des images, grer vos articles et les rendre accessibles.

2 Cration d'un article

2.1 Crer le contenu Connectez vous votre site avec un utilisateur qui a au moins accs la cration des article

Afin d'ajouter un article, dans le menu d'administration,

Cliquez sur Gestion du contenu > Crer un contenu > Article comme sur la figure suivante :

Une fois que vous aurez cliqu sur ce lien, la page d'dition apparatra. Pour chaque contenu que vcrerez vous aurez renseigner un certain nombre de champs, plus ou moins suivant le niveau d'acassoci votre utilisateur. Si vous tes connect en administrateur vous aurez le plus de champrenseigner.

La figure suivante prsente au moins ce que vous aurez toujours, et ce pour tous les contenus : un et un corps. Le titre apparatra en titre de page quand vous visiterez l'article dans votre site et sera ausstitre dans la page elle mme (par dfaut), tandis que le contenu sera le contenu de la page, prsententier si vous tes en train de visiter la page de l'article ou en rsum si par exemple l'article est prsesur la page d'accueil du site :

22


23/271

Drupal par la Prati

Remplissez donc cet article avec le texte de votre choix.

Vous pouvez mettre en forme le texte du contenu grce l'diteur. Ici l'diteur est TinyMCE qui esplus abouti pour le moment, mais vous pouvez en installer d'autres si vous le souhaitez, ou dsactiver boutons pour certains rles si vous ne voulez pas que tous les utilisateurs y aient accs.

Vous devriez obtenir quelque chose qui ressemble la figure suivante, ici j'ai mis en forme le texte d'illustrer quelques possibilits mais vous pouvez entre autre : crer des listes, appliquer des styles de temettre le fond en couleurs, changer la police du texte, changer les couleurs, insrer des images, insrer cadres, etc.

23


24/271

Drupal par la Prati

Votre article est prt tre publi. Mais si vous l'enregistrez sans rien faire de plus, moins de sacomment y accder ensuite vous risquez fort de ne pas voir votre article sur la partie frontend(la partie administrative de votre site, par opposition backend) de votre site.

Deux possibilits au moins s'offrent vous ici :

crer une entre de menu qui pointera vers cet article;

promouvoir l'article en page d'accueil.

Nous allons voir comment raliser ces deux points.

2.2 Crer une entre de menu correspondanteSous le titre de l'article, vous avez un groupe Paramtres du menu

Cliquez sur ce groupe.

Vous allez voir apparatre ceci :

24


25/271

Drupal par la Prati

Remplissez la case Titre du lien dans le menu avec ce que vous voulez et choisissez Liprimaires par exemple (ou navigation si les liens primaires ne sont pas activs).

Cette technique est utile surtout quand vous avez des pages que vous voulez rendre accessibau travers d'un menu, comme par exemple les pages classiques Qui sommes nous?

Mentions Lgales . En revanche, pour des articles, ce n'est pas la technique employer vaut mieux crer des vues ou utiliser des tiquettes pour prsenter de manire organisearticles.

2.3 Promotion en page d'accueilParmi les divers groupes qui forment le formulaire d'dition d'un contenu, un des groupes se nomm

Options de publication .

Cliquez sur ce groupe

Vous allez voir apparatre :

Cochez Promu en page d'accueil comme sur la figure ci dessus.

2.4 Le rsultatVoil, vous avez cr votre article et vous avez cr une entre de menu pour le faire apparatre et

plus l'avez promu en page d'accueil.

Allez justement en page d'accueil en cliquant sur un des liens accueil que vous devriez vou entre le nom de votre site dans un nouvel onglet de votre navigateur.

25


26/271

Drupal par la Prati

Si votre page d'accueil est rgle pour accepter des contenus en promotion (un peu comme un blovous devriez voir votre article, peu prs comme ceci :

A noter que si votre texte est long, vous ne verrez que le rsum comme c'est le cas ici. En pad'accueil j'ai aussi le nud image qui m'a servi dans l'article.

Vous devriez apercevoir aussi sur la page un lien dans le menu principal vers votre article.

Par dfaut les types de contenu sont en page d'accueil, vous pouvez changer ce rglage pchaque type de contenu dans Gestion du contenu > Types de contenu > [Votre type

contenu] > Procdure de publication .

3 Modification de l'articleSur la page d'accueil,

Cliquez sur le titre de votre article

afin d'aller sur la page de cet article. Vous allez voir des liens Voir et Modifier apparatremoins.

26


27/271

Drupal par la Prati

Cliquez sur Modifier

Vous aurez de nouveau l'interface d'dition d'un article.

Notez le lien Ajouter un commentaire , il va permettre vos visiteurs de laisser des commentasur vos contenus, si vous les y avez autoriss.

Cliquez sur Ajouter une commentaire

Vous devriez voir peu prs ceci, sans l'aperu :

27


28/271

Drupal par la Prati

Ajoutez un texte votre commentaire

Cliquez sur le bouton Aperu en bas.

Si votre commentaire est correct,

Cliquez sur le bouton Enregistrer pour l'enregistrer Rendez-vous sur la page d'accueil pour voir le rsultat.

4 Gestion des articlesVous pouvez galement utiliser les menus d'administration pour accder l'interface de gestion

contenus. Pour ce faire

cliquez sur Gestion du contenu > Contenu.

Vous allez voir apparatre :

28


29/271

Drupal par la Prati

En cliquant alors sur Modifier vous accderez de nouveau l'interface d'dition. Cette interfacegestion est assez riche puisqu'elle vous permet non seulement de filtrer les contenus dans la partie ha

mais aussi d'effectuer des oprations de publication, suppression, promotion d'un ensemble de contenu.

Slectionnez par exemple votre article en cochant sa case gauche

puis dans le slecteur de mise jour,

Cliquez sur Retirer de la page d'accueil et cliquez sur le bouton Mise jour .

Rendez vous ensuite sur la page d'accueil

Vous constaterez que votre article de n'y trouvera plus.

5 Insertion des imagesLes images sont gres par plusieurs modules de Drupal, dont les modules Image et ImageCache

offrent des possibilits de traitements automatiques trs puissantes.

L'affichage des images est amlior grce au module Lightbox. D'autres modules permettent de cdes galeries ou des slideshows.

L'insertion dans les articles est facilite par le module ImageAssistqui s'intgre l'diteur de texte rvia le bouton en forme d'appareil photo. C'est ce dernier module qui nous intresse ici et dont nous alldtailler l'utilisation.

Revenez la vue d'dition de votre article (en cliquant par exemple sur Gestion de contenContenu ).

Dans la fentre d'dition,

Cliquez sur le bouton en forme d'appareil photo

Vous devriez obtenir une nouvelle fentre en surimpression de votre fentre de navigation. Cedonnera peu prs cela :

29


30/271

Drupal par la Prati

Deux choix s'offrent vous ici :

vous voulez insrer une image que vous aviez dj transfre auparavant, dans ce cas,

Slectionnez la galerie dans laquelle vous l'avez mise

Ensuite cliquez sur l'image elle mme

vous voulez transfrer une nouvelle image, dans ce cas

30


31/271


32/271

Drupal par la Prati

fichier vous allez transfrer (vous pouvez rgler les formats et tailles acceptables dans Configurationsite > Images > Files and sizes . Comme l'image que vous allez envoyer va tre traite comme un nvous allez devoir remplir un titre et une description et en fait tout ce qui a t dit sur les articles s'appliaussi ici, comme la gestion des menus ou la promotion (vous commencez comprendre l'intrt nuds...).

Remplissez les diffrents champs, slectionnez un fichier image transfrer et enregis

votre image.Dans les deux cas vous accderez ensuite l'interface d'insertion de l'image dans l'article :

Cette interface va vous permettre de choisir comment vous voulez afficher l'image dans votre artVous pouvez lui donner :

un titre et une description, ce qui est une bonne habitude pour le rfrencement notamment, vpouvez supprimer le titre dans l'article ensuite mais cela aura cr un attribut de l'image title ;

une taille, il existe un ensemble de tailles prdfinies ou gnres partir de ImageCache;

un alignement pour positionner cette image par rapport votre texte;

un lien, je vous conseille pour les grandes images d'afficher une Vignette ou un Aperu elier vers la page de l'image. Nous verrons plus loin comment utiliser lightbox pour avoir un e

32


33/271

Drupal par la Prati

intressant et moderne sur ce lien;

le mode d'insertion, sauf si vous avez filtr les URLs (dans Configuration du site > Format d'en> [votre format] ), je vous conseille d'utiliser Filter Tag qui sera plus compatible avecmigrations de site.

Slectionnez tous les champs qui vous conviennent et cliquez sur le bouton Mise jour .

Vous devriez maintenant voir votre image avec le format voulu dans votre article. Cliquez sur vimage pour voir ce qui se passe.

6 Ajouter un effet lightbox vos imagesAprs avoir install le module Lightbox (http://www.drupal.org/project/lightbox2) s'il ne l'est dj,

Rendez-vous la page admin/settings/lightbox2/automatic

Slectionnez Lightbox dans Automatic image handler au moins pour Image nodes Inline images et HTML Content .

Retournez sur votre article et cliquez sur votre image pour voir ce qui a chang.Si Lightbox tait dj actif, vous ne verrez pas de diffrence, sinon vous verrez l'image s'afficher d

un cadre en surbrillance et avec une animation.

33
http://www.drupal.org/project/lightbox2http://www.drupal.org/project/lightbox2


34/271


35/271

Drupal par la Prati

1 IntroductionDrupal dispose d'un systme de classification trs puissant pour organiser votre contenu, la taxono

Ce tutoriel va vous apprendre crer un vocabulaire, ajouter et organiser les termes et utiliservocabulaires pour classifier vos contenus.

2 Qu'est ce qu'un vocabulaire?Avant d'entrer dans l'implmentation de Drupal, il convient de dire deux mots de ce que sont et c

quoi servent les vocabulaires. L'ide est d'associer des termes des contenus pour dcrire ou classedont traitent les contenus.

Par exemple, si vous avez un site qui propose ses visiteurs des recettes de cuisine, vous allez deorganiser toutes ces recettes et, ventuellement, les articles ou pages que vous crirez en plus. On pimaginer que vous souhaitiez avoir :

une classification selon la provenance du plat, avec une arborescence hirarchique par contin

puis pays puis rgions; une classification suivant le type de recette : entre froide et chaude, dessert, plat principal poiss

viande et vgtarien, amuse gueule, etc, l encore c'est plutt hirarchique;

une classification enfin thmatique : cuisine de ftes, cuisine traditionnelle, cuisine molculaire, e

A chaque classification on associe un vocabulaire qui va contenir les termes dcrivant nclassification.

L'avantage est que Drupal fournit des vues toutes faites pour visualiser les contenus des termes. Avous pourrez prsenter un lien vers Cuisine de ftes qui contiendra toutes les recettes de ftes, et vpourrez proposer d'autres liens vers les cuisines de chaque pays.

Les termes tiquetant un contenu seront prsents sur la page du contenu.

3 Cration d'un vocabulaire

3.1 Identification du vocabulaire Rendez vous sur Gestion du contenu > Taxonomie > Ajouter un vocabulaire .

35


36/271

Drupal par la Prati

L vous allez arriver sur une page d'dition assez fournie et disposant de plusieurs groupes de cham saisir ou slectionner. Le premier va vous permettre de renseigner le nom et la description du vocabula

Le texte d'aide apparatra dans l'interface d'dition des contenus et permettra de guider le contribudans sa saisie/slection.

Renseignez l'identification du vocabulaire comme vous le souhaitez.

3.2 A quoi s'applique ce vocabulaireLe deuxime groupe intitul Types de contenu va nous intresser un peu plus puisqu'il s'agitdfinir quels types de contenu le vocabulaire va tre appliqu.

36


37/271

Drupal par la Prati

Cochez les types de contenu auxquels vous voulez appliquer le vocabulaire.

Ici je souhaite crer un vocabulaire qui va s'appliquer auxArticles et aux Images seulement.

3.3 Le type de vocabulaireCe dernier groupe est trs important puisqu'il va dfinir la faon dont les termes devront tre entr

choisis ensuite :

Les trois choix possibles sont :

Etiquettes : c'est au moment de la cration du contenu que vous (ou les internautes s'ils ont le dde publier du contenu) crez les termes, ceci favorise la cration d'une classification richeadaptable vos contenus;

Choix multiple : ceci permet de slectionner plusieurs termes pour dfinir les contenus, sinon vne pourrez appliquer qu'un seul terme;

37


38/271

Drupal par la Prati

Obligatoire : si vous cochez cette case, vous serez oblig d'appliquer au moins un terme.

Slectionnez ce qui vous convient puis enregistrer votre vocabulaire

Vous allez voir la liste des vocabulaires prsents :

4 Ajout de termesDans la liste prcdente,

Cliquez sur Ajouter des termes

Au dpart votre vocabulaire sera vide et vous aurez cette vue :

Cliquez sur Ajouter un terme

Vous allez obtenir la fentre d'dition d'un terme, trs simple :

38


39/271

Drupal par la Prati

Entrez un nom et une brve description

Cette description sera affiche sur les pages listant les contenus du terme. Drupal va enregistreterme et vous ramener sur la page de cration d'un terme pour que vous criez un nouveau terme. Comvous pouvez le voir sur la figure ci aprs, les options avances permettent d'organiser les termes les unsrapport aux autres, la vue synthtique des termes permet de le faire aussi d'une faon un peu plus simpuisqu'il s'agit de Drag'n'Drop, par contre ici l'avantage est que vous pouvez dfinir plusieurs parents pun mme terme.

39


40/271

Drupal par la Prati

Une fois que vous aurez cr quelques termes, en revenant sur la liste des termes de votre vocabu( Gestion du contenu > Taxonomie > Lister les termes pour votre vocabulaire), vous aurez cette vue :

Sur un de vos termes, utilisez la petite croix gauche pour le dplacer, sur la hauteur maussi sur la largeur pour subordonner le terme un autre.

40


41/271

Drupal par la Prati

5 Le module Taxonomy ManagerDe nombreux modules gravitent autour de la taxonomie, l'un d'entre eux est particulirem

intressant. Il s'agit de Taxonomy Manager. Ce module va vous permettre d'ajouter en masse des termainsi vous crez vos vocabulaires normalement et vous les laissez vide, ensuite vous allez dans TaxonoManagerpour les remplir.

Allez dans Gestion du contenu > Taxonomy ManagerVous allez obtenir ceci :

Slectionnez maintenant votre vocabulaire en cliquant dessus.

Vous allez avoir un affichage des termes qu'il contient dj et plus important la possibilit d'ajouter termes :

Slectionnez maintenant un de vos termes en cochant sa case, puis cliquez au dessus subouton Ajouter .

Vous allez pouvoir maintenant ajouter des termes, soit en utilisant les quelques cases prvues, soicliquant sur ajouter des termes en masse pour librer un champ de texte o vous pourrez entrer aut

41


42/271


43/271

Drupal par la Prati

Si vous avez slectionn Multi choix , vous aurez un slecteur multiple o vous pourrez choplusieurs termes en appuyant sur la touche CTRL.

Si vous avez slectionn tiquettes , la place du slecteur vous allez avoir un champ de teavec un petit cercle en bout droite. Ce champ de texte n'est pas un champ normal, lorsque vous allez taDrupal va chercher s'il n'existe pas dj des termes correspondant dans le vocabulaire et si c'est le casafficher dans un slecteur au dessous. Ne tapez pas trop vite donc, en tous les cas pas si le petit ce

devient bleu.Dans le cas des tiquettes, vous devez sparer vos termes par des virgules.

Voil,

Choisissez vos termes.

Rendez-vous sur la page de votre article.

Vous verrez l votre terme apparatre.

Cliquez sur ce terme et vous verrez tous les contenus tiquets par ce terme.

Par exemple ici j'ai choisi d'tiqueter mon article avec le terme lectronique :

7 Autre module intressant : Taxonomy MenuCe module permet d'automatiser la cration et le maintien jour d'un menu depuis un vocabulaire, p

plus d'informations je vous renvoie la page du projet sur drupal.org http://www.drupal.org/project/taxonomy_menu

43
http://www.drupal.org/project/taxonomy_menuhttp://www.drupal.org/project/taxonomy_menuhttp://www.drupal.org/project/taxonomy_menu


44/271

Drupal par la Prati

Chapitre 5 : Les Types de Contenu

44


45/271

Drupal par la Prati

1 IntroductionDrupal dispose d'un systme de contenu trs performant : les noeuds. A la base, il n'y a que quelq

types de contenus accessibles, les images, les pages et les articles. Et si cela ne vous suffit pas, commfaites-vous? C'est ce que nous allons voir dans ce tutoriel en dtaillant l'utilisation du module Con

Construction Kitappel CCK.

2 Qu'est ce qu'un type de contenu?Dans le monde Drupal, un type de contenu est un type de nud qui va permettre d'entrer des donn

qui ne sont pas prsentes dans les types par dfaut.

Dans le monde rel, cela peut se comparer une machine agricole : au dpart vous n'avez qutracteur mais cela ne suffit pas tous vos travaux, aussi, si vous souhaitez labourer vous devrez adjoindvotre tracteur une charrue par le biais du timon, et si vous voulez traiter, vous devrez adjoindre un pandpar ce mme timon.

Et bien, le type de contenu, c'est l'outil, Drupal c'est le tracteur qui fournit toute la puissance et CCKle timon qui fait le lien entre les deux.

En partant d'un type de contenu vierge, o ne figurent qu'un titre et un texte libre (le corps ), vpouvez grce CCK ajouter des champs saisir de divers types : email, URL, image, entier, etc. champs sont ensuite rendus dans le formulaire de saisie sous la forme que vous indiquerez : boutons rachamp de texte, zone de texte, slecteur, etc.

De nombreuses options sont possibles, nous ne verrons pas tout ici mais l'essentiel.

3 Cration d'un nouveau type de contenu

3.1 La liste des types de contenu Connectez vous votre site en tant qu'administrateur.

Rendez-vous Gestion du contenu > Types de contenu

Vous allez voir une page ressemblant celle ci :

45


46/271

Drupal par la Prati

Cette page liste les types existants, par dfaut il y en a peu, nous allons ajouter un type de cont Recette qui permettra de grer des recettes de cuisine.

3.2 Ajout d'un nouveau type de contenu Cliquez sur le bouton Ajouter en haut de la liste

Vous allez dcouvrir l'interface d'ajout d'un type, sa premire partie tout au moins, la partie descripdu type lui mme.

Cette premire partie contient plusieurs groupes de champs repliables, le premnomm Identification contient les donnes qui seront affiches dans la liste des types et vpermettront d'identifier votre type de contenu :

46


47/271

Drupal par la Prati

Saisissez ici quelques informations afin de dcrire votre type de contenu.

Les autres groupes sont replis par dfaut et vous pouvez y jeter un il, trois d'entre eux nintressent particulirement. Celui nomm Paramtres du formulaire de contribution permet de dcomment apparaitront les champs principaux contenant le titre et la description gnrale de la recette,directives seront affiches sur le formulaire de saisie d'une recette et si vous prvoyez de laisser dutilisateurs du site saisir des contenus, je vous encourage renseigner cette partie :

Saisissez ici les informations gnrales qui seront affiches sur le formulaire de saisie,Par exemple vous pourriez renommer Titre en Nom et Corps en Description

Etapes .

Un autre groupe important est le groupe des commentaires. Si vous les avez activs pour votre svous allez pouvoir ici dfinir s'ils sont autoriss, comment ils sont affichs, etc. Notez que pour les typescontenus pr-existants (page, article, image), ces paramtres sont leurs valeurs par dfaut et vous deveffectuer la mme opration sur ces types afin de rgler tout cela selon vos souhaits :

47


48/271

Drupal par la Prati

Enfin, le dernier groupe qui nous intresse ici est le groupe Procdure de publication qui va dcomment se comporte un contenu quand vous cliquez sur Enregistrer le type de contenu , ainsi vpouvez choisir si par dfaut le contenu sera publi quand vous le crerez ou promu en page d'accueil. valeurs par dfaut peuvent se retrouver sur le formulaire de cration d'une recette et vous pourriez alorsmodifier, mais si vous les rgler correctement par dfaut, cela fera une opration en moins effectuechaque fois par la suite :

48


49/271

Drupal par la Prati

Indiquez ici que vous souhaitez que le contenu soit Publi et Promu en page d'accueil

L'intrt de ne pas publier le contenu intervient dans une optique o vous avez un contrle publications en place, avec par exemple un modrateur qui validerait et publierait les contenus uniquemaprs les avoir lus, ainsi le rdacteur lui mme n'aurait pas la possibilit de publier un contenu.

Dans ce mme groupe, sont prsentes d'autres options comme la gestion multilingue des contenuvous avez l'intention de proposer un site en plusieurs langues et avez activ le module Locale. Si vous aactiv le module Uploadvous pouvez aussi rgler si vous autorisez l'adjonction de fichiers libres (opposition aux fichiers que nous verrons plus loin) ce type de contenu.

Je vous laisse dcouvrir les autres paramtres prsents sur cette page.

Une fois que vous avez tout dfini selon vos souhaits, cliquez sur Enregistrer le typecontenu .

Si tout est correct, vous serez ramen sur la page listant les types de contenu et vous verrez le votre

3.3 Ajout de champs au type de contenu Dans la liste des types de contenu, cliquez sur grer les champs sur la ligne du type

contenu Recette.

Vous allez arriver sur la page qui va lister les champs existant dans ce type de contenu et v

49


50/271

Drupal par la Prati

permettre d'en ajouter d'autres. Certains champs apparaissent en griss et ne sont donc pas modifiable

mais dans l'interface de modification gnrale du type de contenu :

Par dfaut, CCK ne propose pas tous les types de champs possibles et il faut installer/activer modules complmentaires. Un module intressant est le module Fieldgroup qui va permettre de dfinir groupes de champs pour pouvoir organiser un peu mieux vos champs.

S'il n'est pas activ, activez le module Fieldgroup dans la page de gestion des modules :

50


51/271

Drupal par la Prati

Une fois activ, revenez sur la gestion des champs de Recette, en un seul clic via le med'administration tout en haut.

Vous allez voir une option supplmentaire pour crer des groupes :

Saisissez dans la case Nouveau groupe les informations Ingrdients recette_ingredients .

Ceci va permettre de crer un groupe dans lequel figureront les ingrdients de la recette. Le premchamp est le nom tel qu'il apparaitra par dfaut dans le formulaire de saisie, et le second est le nom intepour identifier ce champ.

Je vous conseille de toujours mettre dans le nom interne le nom de votre type de contenu.

Une fois que vous avez renseign cela, cliquez sur Enregistrer .

51


52/271


53/271

Drupal par la Prati

Notamment pour chaque champ que vous crez, vous allez pouvoir prciser un texte d'aide qui guidle contributeur pour remplir correctement ce champ.

Notez que vous pouvez utiliser quelques balises pour agrmenter les textes d'aide, ici j'ai uti pour mettre en gras et pour mettre en italique.

Saisissez le texte d'aide que vous souhaitez.

Vous allez pouvoir galement dfinir si le contributeur est oblig de renseigner les donnes ou noncombien de champs il peut mettre. Ici j'ai choisi d'obliger avoir au moins un ingrdient la recette etlaiss le contributeur en mettre autant qu'il souhaitait.

Cochez Obligatoire et Illimit pour le Nombre de valeurs. Cliquez sur Enregistrer paramtres du champ .

Une fois revenu sur la liste des champs dans le type de contenu Recette,

53


54/271

Drupal par la Prati

A l'aide de la croix gauche du champ Ingrdient, dplacez ce champ dans le groIngrdients en maintenant appuy sur la croix et en dplaant vers la droite :

Crez ensuite un autre champ Difficult , en choisissant Texte et Liste de slectiopour le dfinir comme sur cette image :

Enregistrez ce nouveau champ en cliquant sur Enregistrer ,

Vous allez tre amen sur la mme page de dfinition du champ que prcdemment,

Saisissez les informations d'aide comme vous le souhaitez.

Comme il s'agit d'une liste de slection, il faut dfinir les valeurs autorises qui seront montres danformulaire de saisie,

Saisissez quelques valeurs dans la case Valeurs autorises en bas, une valeur par ligne

54


55/271

Drupal par la Prati

Enregistrez les informations.

3.4 Formulaire de saisie du nouveau contenuAdmettons que vous ayez enregistr tous les champs dont vous aviez besoin.

Via le menu d'administration en haut, rendez-vous maintenant sur la page Gestion du conte

> Crer un contenu > Recette.

Vous allez arriver sur une page qui ressemble trangement une page classique de cration d'arcomme dans un tutoriel prcdent, hormis le renommage ventuel des champs Titre et Corps nouveaut se trouve pour le moment en bas.

Rendez-vous tout en bas de la page de cration de la recette.

Juste au dessus des options de publication, vous devriez voir ceci :

Saisissez des ingrdients, ajoutez en autant que vous voulez via le bouton Ajouter un aulment . Slectionnez le niveau de difficult.

Vous devriez avoir quelque chose de ce style :

55


56/271

Drupal par la Prati

Une fois que vous avez tout saisi, cliquez sur Enregistrer .

Vous allez tre amen sur la page de visualisation de votre recette, qui devrait ressembler ceci :

56


57/271

Drupal par la Prati

Si vous allez sur la page d'accueil, vous verrez aussi que votre article y figure. C'est parce que vavez coch Promu en page d'accueil dans les options de publication.

Vous avez sans doute trouv un peu complique l'interface de saisie d'un contenu. Ceci est dvotre rle d'administrateur qui vous autorise tout voir et tout modifier, les contributeurs n'aurpas autant de droits et disposeront donc d'une interface simplifie en consquence.

Par ailleurs, il existe le module Vertical Tabs qui vous permettra de simplifier l'interface

cration d'un contenu en insrant des onglets en bas de page pour regrouper les informationsvous encourage vivement l'utiliser pour clarifier l'interface, mme en tant qu'administrateur.

4 Rglage de l'affichage des champsQuelques possibilits s'offrent vous directement depuis l'interface de conception du type de conten

57


58/271

Drupal par la Prati

Revenez sur votre type de contenu et cliquez en haut sur Afficher les champs

Vous allez obtenir cette vue :

L vous pouvez rgler comment sont affichs les champs, dans le rsum ou dans le nud compleselon le type de page : vue normale, vue comme rsultats de recherche ou dans les flux RSS.

Rglez l'tiquette de Difficult pour l'avoir sur la mme ligne que le champ.

Rendez vous en page d'accueil pour constater la diffrence.

Ici nous n'avons que peu de champs, mais dans un cas rel vous pourriez prciser pour chaque chace que vous souhaitez. Pour les images notamment, cette page est trs importante puisqu'elle vous perde dfinir comment vous voulez afficher l'image et vers quoi elle pointe si besoin, par exemple vous pouprciser que vous voulez que l'image soit affiche en vignette avec un effet lightbox vers l'image graformat.

Pour aller plus loin dans la prsentation des donnes, il faut faire intervenir les thmes afin de poudisposer trs prcisment les champs dans le rendu final et d'y associer des styles. Ceci dpasse ce tuto

mais de nombreuses informations existent sur drupal.org ou drupal-fr.org.

58


59/271

Drupal par la Prati

Chapitre 6 : Les Vues

59


60/271

Drupal par la Prati

1 IntroductionDrupal dispose d'un systme de prsentation des contenus trs puissant et trs souple la fois gr

au module Views. Nous allons dtailler son utilisation dans ce tutoriel et verrons comment crer des bcontenant les dernires publications et une page d'affichage de ces contenus avec des filtres de recherch

2 Qu'est ce qu'une vue? Ceci n'est pas une pipe avait crit Ren Magritte sur une de ses uvres, ici on pourrait dire qu'u

vue n'est pas ce que vous voyez, ou plutt que ce que vous verrez n'est pas la vue.

Einstein disait quant lui qu'une quation divisait par deux le nombre de lecteurs, je m'autoriserai icunique schma technique afin de clarifier. S'il vous plait, appelez donc un ami pour lire ceci avec vous, qu'il reste au moins un lecteur...

Ce qu'il faut retenir sur ce graphique trs sommaire, c'est que le fonctionnement d'un site sous Druimplique plusieurs couches et plusieurs lments. Ici, la couche d'accs aux donnes est tout en baseul Drupal communique avec elle, vient ensuite le cur Drupal justement au dessus de quoi une coufonctionnelle permet d'enrichir les possibilits de base. La couche fonctionnelle de prsentation reprsente par le thme et enfin la couche affichage reprsente ce que voit l'internaute.

60


61/271

Drupal par la Prati

Ce graphique ne reprsente pas un dcoupage en fichiers, et CCKpar exemple sera inclus dannoyau de Drupal dans la version 7, de mme le thme est en partie implment dans le cur. Le princreste que les communications (flux de donnes reprsents par des flches) se font entre des lmeprcis : les modules communiquent avec Drupal qui communique avec les donnes afin de passer au thles informations pertinentes. Le thme enfin cre l'affichage qui est envoy l'utilisateur. Celui ci en reinteragit avec cet affichage qui ventuellement fait intervenir Drupal en retour.

Par exemple, que se passe-t-il quand vous tes sur une page de votre site et cliquez sur le bou Accueil ? Supposons qu'en page d'accueil se trouvent les 10 derniers articles, en gros voici ce qu'passe au moins dans le principe :

1. vous cliquez sur Accueil (Accueil fait partie de l'Affichage);

2. le clic est enregistr par votre navigateur qui transmet la demande au serveur hbergeant votre s

3. Drupal filtre la demande et met en uvre les lments fonctionnels concerns;

4. Drupal sait que la page d'accueil est fixe une vue contenant les 10 derniers contenus parus, donc faire intervenir la vue concerne;

5. Views va slectionner les 10 derniers articles et transmettre leurs informations Drupal;

6. Drupal transmet ces informations au thme;

7. le thme les met en forme et produit le HTML associ aux styles et envoie au navigateur.

Ce petit exemple nous permet de rpondre la question titre :

Une vue n'est donc pas ce que vous verrez au final, une vue est une slection des informatioqui vont tre contenues et mises en forme dans ce que vous verrez au final.

Pour finir avec ces propos techniques, sachez qu'il existe des vues dans beaucoupdomaines de l'informatique ou autre, notamment pour les bases de donnes et les modlesconception. Chaque fois le principe est le mme et la vue permet de slectionner des donnavant de les passer la couche de prsentation.

3 Cration d'une nouvelle vueMaintenant que vous savez ce qu'est une vue, voyons comment la crer.

3.1 Activation et liste des vuesSi il n'est pas activ,

activez le module Views dans le gestionnaire de modules

Il faut au moins activer Views et Views UI, je vous conseille aussi d'activer Views Cycle qui est un

bon module pour inclure des effets dynamiques :

61


62/271

Drupal par la Prati

Une fois que ces modules seront activs,

rendez-vous sous Construction du site > Views

Vous allez arriver sur la liste des vues existantes, dont une partie sera active et une partie sera gricar les vues ne seront pas actives pour cette partie. Les vues existantes sont en partie des vues cres les modules ou par Views, et en partie des vues cres spcialement pour votre site (s'il y en a dj). descriptions ne seront donc pas forcment en franais, mais restent assez claires quand mme. En h

des filtres sont prsents pour le cas o vous auriez beaucoup de vues, ce qui arrivent lorsque vous aconjointement beaucoup de types de contenus et que vous crez une vue par type de contenu commconseille de le faire :

62


63/271

Drupal par la Prati

Pour chaque vue dans cette liste, vous avez plusieurs oprations possibles qui figurent droite lignes : activer, modifier, dupliquer ou supprimer.

Exporter n'est prsent que si vous avez activ le module d'exportation et cela sert quand vvoulez publier la vue, des fins de dveloppement surtout.

3.2 Ajout d'une vue Cliquez sur le bouton Ajouter .

Vous allez entrer dans l'interface de cration d'une vue, comme pour CCK, il faut tout d'abord dfinvue et ce qu'elle va devoir slectionner :

63


64/271

Drupal par la Prati

Saisissez les informations ncessaires pour les champs Nom, Description et tiquette.

Pour le type de vue, slectionnez Node puisque cette vue va slectionner des nuds.

Une fois cette description effectue, cliquez sur Suivant.

Vous allez arriver la page de dfinition de la vue et, si vous disposez de JavaScript activ dans vnavigateur, tout se passera dsormais dans cette interface unique et il n'y aura plus de rechargemcomplet de page, hormis lors d'un enregistrement. Cette page se compose de deux trois partiepremire est celle qui contient toute la description en cours de la vue, la seconde est affiche quand vvoudrez modifier un lment de la vue et enfin la troisime sert pr-visualiser votre vue.

A tout moment, vous pouvez cliquer sur Enregistrer en bas pour sauvegarder la vue. Je vconseille de le faire quand vous avez enchain quelques modifications car c'est assez lon

mettre en place et ce serait dommage que votre travail soit recommencer si jamais il y avamoindre problme...

Tant que vous ne dfinissez pas d'affichage (ou que vous tes dans l'onglet Paramtres par dfade la colonne de gauche), toutes les informations que vous allez dfinir concerne l'affichage par dfaut. affichage n'existe pas en dehors de cette interface sauf utilisation par d'autres modules (assez rare), cqui seront utilisables en dehors sont ceux que vous allez crer mais l'affichage par dfaut mrite que vopassiez du temps car c'est lui qui va servir de base tous les autres.

64


65/271

Drupal par la Prati

La premire partie se prsente comme ceci :

On retrouve les boutons Exporter et Dupliquer en haut. Ce qui nous intresse se trouve juste desset il y a 4 colonnes :

1. la premire sert crer des affichages , qui ne sont pas affichages finaux mais juste des sovues si on veut, correspondant un type d'affichage : bloc, page, flux rss, fichier, agenda, etc;

2. la seconde colonne contient les paramtres d'affichage des champs et diverses autres informat(ce sont de vrais affichages plus que des donnes mme si le thme remet en forme plus taSuivant le type d'affichage, des donnes supplmentaires pourront tre modifiables comme nouverrons;

3. la troisime colonne dfinit les champs que la vue proposera, les arguments d'appel de la vue erelations que doivent vrifier les contenus pour tre slectionns;

4. la quatrime colonne est la plus simple comprendre et permet de filtrer les nuds slectionet d'associer des critres de tri l'ensemble des contenus slectionns.

3.3 Le choix des nudsLa premire chose configurer est de filtrer les nuds. Par dfaut tous les nuds sont pris en com

ici nous ne voulons que les nuds de type recette.

Cliquez sur le bouton + droite de Filtres

Vous allez voir apparatre une fentre qui va vous permettre de slectionner les filtres que vous vouappliquer. Vous pouvez en slectionner plusieurs en mme temps en cochant plusieurs cases, en hau

65


66/271

Drupal par la Prati

slecteur sert restreindre l'affichage une certaine partie des filtres :

Dans le slecteur de groupe en haut, slectionnez Node puisque nous voulons filtrer sutype de nud.

Seuls les champs qui concernent les nuds vont apparatre et vous en reconnaitrez la plupart : en vous pouvez filtrer sur beaucoup de donnes descriptives des nuds.

Tout en bas dans les champs qui apparaissent, slectionnez Note : Type :

Une fois que vous aurez slectionn le type de filtre, il faudra prciser quelle valeur vous voulezappliquer, ici nous voulons que le type de nud fasse partie de Recette .

Slectionnez donc Fait partie de et Recette :

66


67/271


68/271

Drupal par la Prati

Dans la partie Node , slectionnez Rsum , Titre et Date de publication , et dla partie Utilisateur slectionnez Nom afin d'avoir le nom de l'auteur galement.

Views va alors vous proposer successivement de configurer ces champs :

68


69/271

Drupal par la Prati

Vous pouvez laisser les donnes proposes telles quelles ou les modifier. J'ai par exemple remplale Nom de l'utilisateur en Auteur , j'ai supprim l'tiquette Titre et mis un lien vers le nud dele titre justement.

Configurez chaque champ comme vous le souhaitez, chaque fois validez avec Misjour .

69


70/271

Drupal par la Prati

Une fois que vous aurez tout configur, vous devriez obtenir dans la liste des champs quelque chcomme ceci :

Et dans la fentre de prvisualisation le message d'avertissement rouge devrait avoir cd sa placceci :

Ce n'est pas encore parfait, mais a approche. Comme il n'y a qu'un seul contenu de type Recette in'y a qu'un rsultat affich.

70


71/271


72/271

Drupal par la Prati

3.6 Ajout d'un critre de tri

De la mme faon que vous avez ajout un filtre,

cliquez sur le + droite de Critres de tri et slectionnez la Date de publicationgroupe Node.

Vous allez obtenir une interface vous permettant de dfinir dans quel sens vous souhaitez trier,

slectionnez Descendant et Jour pour la granularit (si vous avez un site publicatsoutenue, prfrez une granularit plus forte) :

72


73/271

Drupal par la Prati

3.7 Paramtres d'affichage des champsVous avez cr la vue, renseign les filtres et les tris et indiqu quels champs rcuprer et dans q

ordre. Vous pouvez aller plus loin encore, en prcisant la faon gnrale d'afficher les champs.

Dans la premire colonne, indiquez dj un titre pour cette vue,

cela sera utile pour les affichages que vous crerez comme nous le verrons :

Vous allez pouvoir dfinir aussi si vous souhaitez une pagination ou non,

cliquez sur Non droite de Pagination , puis slectionnez Pagination complte avde mettre jour :

73


74/271

Drupal par la Prati

Ensuite, c'est l que vous dfinissez comment se fera le rendu gnral des champs,

cliquez sur Non mis en forme droite de Style ,

c'est un point trs important puisque c'est l que vous allez dcider comment sera rendu l'affichagefinal : soit sous forme de liste, soit sous forme de tableau (avec des colonnes triables et des intitulscolonnes toujours affichs si vous le souhaitez), soit sous forme de grille, soit non mis en forme et e(selon les modules que vous aurez) sous forme de slideshow, comme avec Views Cycle :

Ici j'ai choisi d'afficher le rsultat comme une liste, puis j'ai indiqu que je la voulais non ordonnafin de ne pas avoir de numrotation mais juste des puces.

Cliquez sur HTML List et mettez jour.

Si vous avez choisi une liste, la ligne juste dessous, Style de ligne , permet de dfinir ce que vallez montrer sur une ligne :

74


75/271

Drupal par la Prati

Ici j'ai choisi d'afficher les champs que j'avais slectionns. Si j'avais choisi Node , c'est tout le nou son rsum qui aurait form une ligne, avec tous ses champs. Ceci peut tre intressant aussi selon besoins.

Cliquez sur Champs et mettez jour.

Puisque nous avons choisi le cas le plus complet, il reste encore un rglage possible, savoregroupement de certains champs sur une mme ligne,

cliquez sur le bouton en forme d'engrenage droite de Style de ligne : Champs :

L, vous allez pouvoir mettre plusieurs champs sur une mme ligne, normalement il y a un champ ligne, mais chaque fois que vous cocherez deux cases conscutives au moins, les champs concerfigureront dans le rendu sur une mme ligne.

Cochez les cases Nom et Date de publication et mettez un sparateur dans la ca Sparateur avant de mettre jour.

Voil, une fois termines ces oprations, vous devriez voir quelque chose comme ceci dans la caseprvisualisation :

75


76/271


77/271

Drupal par la Prati

A ce niveau, vous devriez voir un message d'alarme en bas qui vous signale que vous avez cr page mais sans lui donner de chemin... C'est mal!

En mme temps, vous n'y pouvez rien et vous aurez ce message chaque fois que vous crerez page. Corrigeons cela :

cliquez sur Aucun droite de Chemin dans le bloc Paramtres de la page qui apparu en bas de la 1re colonne.

L vous allez pouvoir donner un chemin votre page, par exemple

entrez mes_recettes :

Enfin, cliquez sur Mise jour .

Deux bonnes nouvelles :

77


78/271

Drupal par la Prati

1. le message n'est plus affich;

2. vous devriez pouvoir enfin cueillir les fruits de vos efforts en frontend!

Cliquez sur Enregistrer pour sauvegarder votre vue

Rendez vous sur la page d'accueil de votre site.

Entrez maintenant le chemin de la page que vous venez de crer dans la barre d'adressevotre navigateur,

dans mon cas j'crirais http://localhost/drutest/mes_recettes . Vous devriez obtenir la liste de recettes, avec une pagination en bas ( condition que vous en ayez entr suffisamment, ce que je vinvite faire pour voir le rsultat, quitte modifier le nombre d'enregistrements montrer dans la maintenant que vous savez le faire).

4.2 Particularisation de la page creA ce niveau la page cre n'est pas vraiment diffrente des paramtres par dfaut... Vous a

dcouvrir l'intrt des paramtres par dfaut et la puissance de Views.

4.2.1 Votre page, un affichage pas comme les autresDj,

revenez sur la vue de votre page en cliquant sur Page gauche,

car l'enregistrement vous place sur les paramtres par dfaut sinon. Vous devriez voir quelque chde ce style :

78


79/271

Drupal par la Prati

Arrtons nous deux minutes sur cet affichage. Pour son contenu, nous en avons peu prs fait le toMais la forme est intressante aussi, par exemple ici, vous avez des textes en italiques et griss et textes droits et clairement affichs.

Cliquez sur Pas de menu gauche de Menu dans le bloc Paramtres de la page bas de la 1re colonne.

Vous pouvez ainsi dfinir une entre dans un de vos menus qui pointera vers cette page, afin d'vde taper le chemin dans la barre d'adresse.

Slectionnez Entre de menu normale puis remplissez les cases et slectionnez le medans lequel vous voulez faire figurer l'entre :

Enfin, cliquez sur Mise jour .

L vous devriez dcouvrir un style de texte supplmentaire : droit et gras.

Ces styles vous indiquent en fait ce qui a t modifi et la provenance des informations :

les textes italiques et griss indiquent que le paramtre utilise le paramtrage par dfaut; les textes droits et noirs indiquent que le paramtre utilise des valeurs supplantes ou

remplacement;

les textes droits et gras indiquent que quelque chose a t modifi, mais pas encore enregistr.

79


80/271

Drupal par la Prati

4.2.2 Nous n'avons pas les mmes valeurs Ok, on voit qu'il y a des valeurs de diffrentes origines, mais nulle part on n'a encore diffrenci

choses me direz vous. Faisons le donc.

Cliquez par exemple sur le + droite de Champs dans la colonne du milieu.

Vous allez pouvoir ajouter des champs comme cela a t fait pour l'affichage par dfaut,

slectionnez par exemple Node : date de mise jour avant de valider .

L vous allez retrouver l'interface de dfinition du champ que vous voulez ajouter, il est identique que vous avez dj vu deux lignes prs : la premire et la dernire :

La premire ligne indique que vous travaillez sur les valeurs par dfaut, mme si vous tes l'affichage page que vous avez cr, et vous propose le bouton Remplacer afin de ne plus utilisevaleurs par dfaut mais de travailler sur des valeurs associes l'affichage.

La dernire ligne vous permet de mettre jour et vous indique que vous mettrez alors jour l'affichapar dfaut.

Cliquez sur le bouton Remplacer .

Vous allez retrouver le mme affichage aux premire et dernire lignes prs qui vous indiquent vous utilisez des valeurs supplantes ou de remplacement :

80


81/271

Drupal par la Prati

Parfois le bouton Remplacer sera nomm Supplanter mais l'effet est le mme.

Afin d'viter d'craser malencontreusement les valeurs par dfaut, je vous invite cliquer subouton Remplacer / Supplanter ds que vous faites une modification que vous ne voufaire que sur un affichage. Sinon si vous vous trompez, vous n'aurez plus qu' dfaire modifications ou les annuler tout simplement (mais il faudra tout refaire depuis la dernisauvegarde de la vue).

Cliquez sur Mise jour pour finir d'enregistrer ce nouveau champ, puis sur Enregistrpour enregistrer votre vue.

Vous allez tre ramen sur la page des paramtres par dfaut et vous constaterez que rien n'a cha

pour cette partie, cliquez sur Page gauche (ou sur l'onglet qui correspond si vous avez renomm

affichage).

Vous verrez alors que le nouveau champ a t ajout pour cet affichage et que le texte dans le bchamp est de style droit et noir.

81


82/271

Drupal par la Prati

Vous venez de particulariser votre affichage. Je pense que vous entrevoyez maintenant possibilits : avec les paramtres par dfaut vous constituez la base de ce que vous voulez slectionneafficher et ensuite en particularisant chaque affichage, vous crez des pages, blocs ou autres avec des bprcis et lgrement diffrents. La suite va illustrer un peu plus fortement cela.

5 Cration d'un affichage blocComme vous l'avez fait pour ajouter l'affichage page,

gauche, slectionnez Bloc dans le slecteur et cliquez sur Nouvel affichage :

Cette fois-ci encore vous allez voir des paramtres spcifiques cet affichage en bas de la prem

82


83/271

Drupal par la Prati

colonne, dans la zone Paramtres du bloc , de mme le nom en haut est propre cet affichage.

Cliquez sur Bloc en haut de la premire colonne, droite de Nom et indiquez un nplus parlant comme par exemple Dernires recettes .

Nous allons particulariser un peu notre bloc en ne retenant que les 5 dernires recettes et en n'affichni la pagination, ni le rsum car il n'y a pas la place dans un bloc.

A droite de lments par page , cliquez sur 10 et cliquez ds le dbut sur le bou Remplacer puis indiquez 5 comme valeur :

Enfin, cliquez sur Mise jour . Faites de mme pour supprimer la pagination (n'oubliez pde cliquer sur Remplacer !).

Dans les champs, cliquez sur Rsum , puis Remplacer puis en bas ter .

Et voil, votre bloc est prt tre affich.

Rendez-vous maintenant dans Construction du site > Blocs et affichez votre bloc la posique vous souhaitez.

En revenant sur votre page d'accueil, vous devriez obtenir quelque chose dans ce style (ici j'ai ajoun article pour l'exemple, si vous avez plus de 5, vous aurez au plus les 5 derniers dans votre bloc) :

83


84/271

Drupal par la Prati

6 Exposons les filtresLes filtres sont trs pratiques et peuvent permettre d'aller un peu plus loin que la slection en en

des contenus. Vous pouvez en effet offrir la possibilit l'utilisateur de slectionner en direct les contequ'il souhaite voir. C'est le rle du bouton Exposer que vous avez peut tre vu lors de la dfinitionfiltre. Nous allons utiliser cette fonctionnalit afin de permettre de filtrer par ingrdient et par niveau.

Revenez sur l'affichage page que vous aviez cr.

Dans la partie Filtres, cliquez sur le + et ajoutez deux filtres sur le Contenu : IngrdienDifficult (encore une fois, pensez cliquer sur Remplacer ) :

84


85/271

Drupal par la Prati

Vous allez ensuite arriver sur la page de configuration du premier champ, Difficult, et cela devressembler ceci :

Cliquez sur Remplacer , puis sur Exposer .

Une nouvelle partie va tre dvoile, saisissez les informations comme suit :

85


86/271

Drupal par la Prati

Remplissez les informations comme ci dessus par exemple (les textes d'aide sont asexplicites pour vo

drupal-par-la-pratique.pdf

Documents

Transcript of drupal-par-la-pratique.pdf