![[]](/sites/default/modules/ubercart/uc_cart/images/bullet-arrow-up.gif "Déroulé le block panier"){kind=icon}
Votre panier est vide
| 0 Item | Total: 0.00€ |
3 - A la découverte de Drupal
jeu, 08/21/2008 - 06:04 — admin
Mousse au chocolat
Corps :
Ingrédients :
200 g de chocolat noir
4 oeufs
120 g de sucre glace
50 g de sucre blanc
1 c.a.s. de crème fraîche
Edition d’un contenu et création d’un résumé
Une partie seulement de la recette s’affiche en page d’accueil. Le rédacteur de l’article a la possibilité de modifier la taille de cette partie en créant un résumé.
Vous allez modifier la recette de la soupe japonaise de façon à créer un résumé qui s’affichera sur la page d’accueil de votre site :
Ajout d’un menu
Vos deux recettes sont accessibles depuis la page d’accueil, vous allez créer des menus dans l’entête du site pour les rendre plus visibles.
Une explication plus approfondie des menus est développée au chapitre 7.3. Menus.
3. Ajout d’un bloc
Les blocs sont des boîtes que vous pouvez cacher ou faire apparaître là où vous le désirez sur votre page de Drupal. Vous connaissez déjà le bloc de l’administrateur qui se situe dans la barre de gauche et qui permet de naviguer parmi les pages d’administration de Drupal.
Vous allez maintenant ajouter un bloc qui permet de lister les derniers commentaires ajoutés à votre site.
Vous en saurez plus sur les blocs en lisant le chapitre 7.2. Blocs.
3. Les modules
Activer un module
Les Modules sont des briques de programme qui permettent d’étendre les fonctionnalités de Drupal. Vous allez maintenant en activer un qui permet de réaliser des sondages. Ce sondage permettra à vos visiteurs de voter pour leur recette favorite.
sous Windows : C:\wamp\www\drupal\sites\all\modules\tribune
sous Linux : /home/nom_utilisateur/drupal/sites/all/modules/tribune
Cochez la case Activé et l’option Par défaut.
Cliquez sur le bouton Enregistrer la configuration.
Changez de couleur et de taille de police grâce aux options en haut à gauche de la page.
[]
Vous avez installé un système, un serveur web supportant php, un logiciel de base de données et Drupal. Maintenant, vous pouvez partir à la découverte de ce logiciel en y ajoutant du contenu, en modifiant son interface, en ajoutant des fonctionnalités et bien d’autres choses encore...
1. Le contenu
Ajouter du contenu
Drupal est un CMS : Content Managment Système (En francais, Système de gestion de contenu). Vous allez donc commencer par y entrer du contenu.
Comme vous le verrez plus en détail dans le chapitre 6. Le contenu et le chapitre 15.CCK : Créez des types de contenu personnalisés, les contenus dans Drupal peuvent être de différents types. Par défaut, vous avez le choix entre les types Article et Page.
- Dans la colonne de gauche, cliquez sur le lien Créer un contenu.
- Puis choisissez Article comme type de contenu.
Copiez les deux recettes suivantes comme nouveau contenu à votre site :
Titre :
Recette de la soupe japonaise
Corps :
Ingrédients :
Une côte de porc ou un morceau de filet de 100g
Un oignon
Un poireau ou un chou chinois
Une 1/2 carotte
De la sauce soja
Un sachet de dashi ou 1/2 cube de bouillon de légumes
Des nouilles japonaises
Préparation :
Emincer la carotte, l’oignon, le porc et le poireau
Faire chauffer un fond d’huile dans une cocotte
Faire revenir l’oignon à feu vif pendant 2 min.
Ajouter ensuite le porc pendant encore 2 min.
Puis ajouter les carottes et le poireaux pendant encore 3 min.
Mouiller avec 1/2 litre d’eau
Ajouter le 1/2 cube de bouillon de volaille ou le Dashi et 2 cas de sauce soja
Couvrir et laisser cuire 20 min.
Ajouter les nouilles 4 min. avant la fin de la cuisson
Votre premier Article
- Descendez tout en bas de la page et cliquez sur le bouton Sauvegarder.
- Cliquez à nouveau sur Créer un contenu - Article :
Mousse au chocolat
Corps :
Ingrédients :
200 g de chocolat noir
4 oeufs
120 g de sucre glace
50 g de sucre blanc
1 c.a.s. de crème fraîche
Préparation :
Faire fondre le chocolat au bain marie avec la crème fraîche
Séparer les blancs des jaunes
Blanchir les jaunes avec le sucre blanc et 100 g de sucre glace
Incorporer le chocolat fondu à la préparation
Dans un autre plat, monter les blancs en neige avec le sucre glace restant et une pincée de sel
Mélanger 1/4 des blancs à la préparation chocolatée avec vigueur
Puis, incorporer doucement le reste des blancs
Mettez la mousse au réfrigérateur pendant 3 heures minimum.
- Cliquez sur le bouton Sauvegarder.
- Retournez sur la page d’accueil en cliquant sur le logo Drupal.
Votre page d’accueil avec vos 2 recettes
Vous verrez dans le chapitre 6. Le contenu comment vos visiteurs peuvent personnaliser leur contenu en mettant le texte en forme, en ajoutant des images et bien d’autres choses encore.
Ajout d’un commentaire
Il est possible pour vos visiteurs de commenter vos articles. Vous allez maintenant ajouter un commentaire à l’une de vos recettes.
- Affichez votre article de la soupe japonaise en cliquant sur son titre Recette de la soupe japonaise.
- Cliquez en bas sur Ajouter un commentaire.
- Ajoutez le commentaire comme sur l’illustration suivante :
Ajout d’un commentaire
- Cliquez sur Aperçu puis sur Sauvegarder.
Edition d’un contenu et création d’un résumé
Une partie seulement de la recette s’affiche en page d’accueil. Le rédacteur de l’article a la possibilité de modifier la taille de cette partie en créant un résumé.
Vous allez modifier la recette de la soupe japonaise de façon à créer un résumé qui s’affichera sur la page d’accueil de votre site :
- Cliquez à nouveau sur Recette de la soupe japonaise pour l’afficher.
- Editez votre article en cliquant sur le lien Editer.
- Placez votre curseur à la fin de la liste des ingrédients, après Des nouilles japonaises
- Cliquez sur le bouton Créer un résumé à partir du curseur.
Création d’un résumé pour la page d’accueil
- Cliquez sur Sauvegarder.
- Retournez sur la page d’accueil en cliquant sur le logo, vous avez maintenant seulement un résumé qui présente la recette.
- Refaites la manipulation pour la Mousse au chocolat.
Ajout d’un menu
Vos deux recettes sont accessibles depuis la page d’accueil, vous allez créer des menus dans l’entête du site pour les rendre plus visibles.
- Editez à nouveau votre recette de la soupe japonaise.
- Cliquez sur la section Paramètres du menu.
- Dans le champ Titre du lien dans le menu, entrez Soupe japonaise.
Paramètres menu
- Cliquez sur Sauvegarder en bas de la page, un menu de raccourci vers la recette apparaît en haut à droite.
- Répétez l’opération pour la Mousse au chocolat.
Les deux menus primaires sont créés
Organisation des menus
Voici les deux entrées de menus créés. Drupal propose ensuite un outil particulièrement pratique pour organiser les menus.
- Dans le menu d’administration à gauche de la page, cliquez sur Administrer - Construction du site - Menus - Liens primaires.
Page d’organisation des menus
- Par exemple, placez la Soupe Japonaise avant la Mousse au chocolat : Cliquez pour cela sur le symbole de la soupe japonaise et remontez le par glisser/déposer au-dessus de la mousse au chocolat.
- Cliquez sur Enregistrer la configuration et observez le résultat : vos deux menus sont inversés.
Une explication plus approfondie des menus est développée au chapitre 7.3. Menus.
3. Ajout d’un bloc
Les blocs sont des boîtes que vous pouvez cacher ou faire apparaître là où vous le désirez sur votre page de Drupal. Vous connaissez déjà le bloc de l’administrateur qui se situe dans la barre de gauche et qui permet de naviguer parmi les pages d’administration de Drupal.
Vous allez maintenant ajouter un bloc qui permet de lister les derniers commentaires ajoutés à votre site.
- Rendez vous maintenant sur Administrer - Construction du site - Blocs.
- Dans la section Désactivé (en bas de la page), choisissez la région Barre de gauche pour le bloc Commentaires récents.
Page d’administration des blocs
- Cliquez sur Enregistrer les blocs.
Le bloc Commentaires récents dans la région Barre de gauche
- Essayez maintenant de mettre le bloc Commentaires récents au dessus de la partie admin en utilisant l’outil .
Vous en saurez plus sur les blocs en lisant le chapitre 7.2. Blocs.
3. Les modules
Activer un module
Les Modules sont des briques de programme qui permettent d’étendre les fonctionnalités de Drupal. Vous allez maintenant en activer un qui permet de réaliser des sondages. Ce sondage permettra à vos visiteurs de voter pour leur recette favorite.
- Cliquez sur Administrer - Construction du site - Modules.
- Cochez la case activé du module Poll (Sondage).
- Cliquez sur Enregistrer la configuration.
- Cliquez sur Créer un contenu - Sondage et créez un nouveau sondage comme sur l’illustration suivante.
Ajout d’un Sondage
- Ajoutez à ce sondage une entrée dans le menu primaire comme pour les articles.
Ajout d’un menu pour le sondage
- Dans la section Options de publication, décochez l’option Promu en page d’accueil. Ainsi, le sondage n’apparaîtra pas dans la page d’accueil au milieu des articles.
Les options de publication
- Cliquez sur Sauvegarder.
- Testez maintenant votre sondage en cliquant sur le menu primaire
Votre sondage fonctionne !!!
Un module peut étendre les fonctionnalités de Drupal de beaucoup de façons différentes. Ici, en activant le module Poll (Sondage), vous avez accès à un nouveau type de contenu, et, si vous retournez sur la page Administrer - Construction du site - Blocs, vous verrez qu’un nouveau bloc Sondage le plus récent est aussi disponible.
Installation d’un module externe
Les modules les plus utiles sont installés par défaut avec Drupal. Mais un très grand nombre de modules sont téléchargeables sur le site officiel de Drupal (plus de 1000 pour la version 5.x). Une des grandes forces de Drupal réside dans le fait qu’il est facile, pour les personnes connaissant le Php, de développer de nouveaux modules.
Vous allez maintenant télécharger et installer le module Tribune qui permet de créer un espace de communication libre sur votre site.
- Créez le répertoire votre_repertoire_drupal/sites/all/modules. C’est là qu’il faudra extraire le module téléchargé.
- Allez dans la section Download (Télécharger) du site web Drupal (http://www.drupal.org/).
- Choisissez la section Modules.
- Cliquez sur l’onglet Browse by name (Parcourir par nom).
- Recherchez le module Tribune dans la page.
Le module Tribune sur drupal.org
- Téléchargez l’archive en cliquant sur le lien Download
- Extrayez le contenu de l’archive dans le répertoire modules précédemment créé. Vous devez donc avoir un répertoire : votre_repertoire_drupal/sites/all/modules/tribune contenant tous les fichiers du module tribune.
sous Windows : C:\wamp\www\drupal\sites\all\modules\tribune
sous Linux : /home/nom_utilisateur/drupal/sites/all/modules/tribune
- Allez dans Administrer - Construction du site - Modules.
- Cochez la case activé du module Tribune.
Activation du module tribune
- Cliquez sur le bouton Enregistrer la configuration.
- Cliquez sur le lien Tribune sur la partie gauche de l’écran.
- Entrez ensuite le début d’une conversation dans la zone de texte.
- Cliquez sur le bouton Post pour publier la phrase dans la tribune.
Le module tribune en action !
Vous en saurez plus sur l’installation et la configuration des modules en lisant le chapitre 5. Les modules.
La Partie VI - Description des modules utiles de Drupal de cet ouvrage est également réservée à la description de modules ajoutant diverses fonctionnalités à Drupal.
5. Gestion des permissions
Après une installation simple de Drupal, deux utilisateurs sont créés : l’Administrateur, qui peut faire tout ce qu’il veut sur le site et l’utilisateur Anonyme, qui a des droits restreints. Vous pourrez constater qu’il est possible d’autoriser ou d’interdire des actions de chaque module de Drupal selon les profils d’utilisateur.
Dans cet exemple vous allez permettre aux utilisateurs anonymes de participer aux conversations de la tribune.
- Cliquez sur Se déconnecter dans le bloc admin.
L’utilisateur anonyme se voit refuser l’accès à la Tribune
Vous allez maintenant modifier les droits d’accès pour que les utilisateurs anonymes puissent utiliser la tribune.
- Reconnectez vous en administrateur avec le login/mot de passe admin/livredrupal.
- Cliquez sur Administrer - Gestion des utilisateurs - Droits d’accès.
- Rendez vous à la section module tribune.
- Dans la colonne utilisateur anonyme, cochez access history qui autorise l’accès à l’historique de la tribune.
- Cochez aussi access tribune qui autorise la consultation des messages échangés dans la tribune.
- Enfin, cochez post tribune qui autorise l’ajout de nouveaux messages dans la tribune.
La gestion des droits sur le module Tribune
- Cliquez sur Enregistrer les droits d’accès
- Cliquez à nouveau sur Se déconnecter dans le bloc admin.
Les anonymes peuvent discuter à la Tribune !
6. Modification de l’apparence de Drupal
Un thème dans Drupal est un ensemble de fichiers qui constitue l’apparence graphique de votre site. Vous aurez peut-être l’envie de personnaliser l’aspect de Drupal. Cela est tout à fait possible, mais, suivant votre niveau d’exigence, ce peut être une tâche très simple à réaliser ou très compliquée. La réalisation et la modification des thèmes sont abordés dans la Partie IV - Modifier l’apparence de votre site de ce livre.
Ici, le but est d’avoir un aperçu des possibilités de Drupal, vous allez donc d’abord personnaliser le thème par défault (Garland) grâce à l’interface de Drupal, puis, vous activerez d’autres thèmes présents par défaut dans Drupal et enfin, vous téléchargerez et installerez, comme pour les modules, un thème depuis internet.
Configuration du thème par défault
L’interface d’administration de Drupal permet de modifier quelques paramètres du thème.
- Reconnectez vous en admin/livredrupal.
- Allez sur Administrer - Construction du site - Thèmes.
- Comme vous pouvez le constater le thème activé par défaut est Garland.
La page d’administration des thèmes
- Cliquez sur l’opération configurer en face de ce thème.
- Essayez alors de changer les couleurs du thème.
Garland change de couleur !
Essayez également d’autres thèmes très différents de Garland comme PushButton ou Marvin et voyez comme il est possible de modifier l’apparence de Drupal en profondeur.
La sobriété du thème Marvin
Installation d’un thème externe
Comme pour les modules, il existe quelques thèmes installés par défaut sur Drupal et un grand nombre à télécharger sur internet. Vous allez maintenant télécharger et installer un thème de drupal.org.
- Allez dans la section Download du site web Drupal (http://www.drupal.org/) et choisissez la section Thèmes.
- Recherchez le thème Four Seasons et téléchargez la dernière archive pour la version 6.x de Drupal (fourseasons-6.x-1.xx).
- Créez le répertoire votre_repertoire_drupal/sites/all/themes?: Comme pour les modules, c’est dans ce répertoire qu’il faut extraire les thèmes téléchargés.
- sous Windows : C:\wamp\www\drupal\sites\all\themes
- sous Linux : /home/nom_utilisateur/drupal/sites/all/themes
- Extrayez le contenu de l’archive dans ce répertoire. Chaque thème doit avoir son répertoire propre.
- Retournez dans Administrer - Construction du site - Thèmes.
Le thème 4 Seasons est disponible
[/]
L’interface de configuration originale de 4 Seasons
Cette découverte de Drupal touche à sa fin. Vous savez maintenant mieux ce qu’est Drupal et à quoi il peut servir.