Création de site internet, développement open source, formations

Tutoriel Drupal : le module Wap Image Gallery

Présentation

Réalisé par Web à part, le module Wap Image Gallery permet de mettre en place un système de galerie de photos pour Drupal basé sur la taxonomie.
Il est largement inspiré du module Image Gallery. La principale différence réside dans l'écran d'administration des galeries : Wap Image Gallery permet de visualiser sur cet écran les images contenues dans chaque galerie et de les ré-organiser sur le modèle de la gestion des Blocs de Drupal. Il est également possible de supprimer les images à partir de ce même écran.

Installation

1. Wap Image Gallery fonctionne avec le module Image qui permet d'uploader des images dans Drupal. La première étape consiste donc à télécharger et activer ce module via la page Administrer > Construction du site > Modules.
Attention, des modules complémentaires sont téléchargés avec le module Image : Image Gallery, Image attach... Pour faire fonctionner le module WAP Image Gallery il n'est pas utile d'activer tous ces modules, seul le module Image lui-même est nécessaire. Je dirais même qu'activer le module Image gallery entraîne des problèmes.

2. Wap Image Gallery nécéssite également l'activation du module Taxonomie qui servira pour la création des catégories. Ce module est présent dans le core de Drupal.

3. Enfin vous pouvez télécharger (voir le lien ci-dessous) et activer le module Wap Image Gallery.

Configuration

Le module dispose de quelques paramètres que vous pourrez consulter et modifier via l'onglet "Galerie d'image" sur la page Administrer > Configuration du site > Image.

Ces paramètres étant très simples je ne les détaille pas plus. Une petite précision toutefois concernant les critères de tri. Lors de la réorganisation des images dans une galerie, le critère "Ordre" sera automatiquement attribué.

Configuration de Wap Image Gallery

Fonctionnement

1. La première étape consiste à ajouter une galerie. Pour cela dirigez-vous vers la partie Administrer > Gestion du contenu > Galerie d'images. Un onglet "Ajouter une galerie" permet d'accéder au formulaire d'ajout ou vous pourrez renseigner le nom de la galerie, une description ainsi que choisir une galerie parente si vous souhaitez créer des sous-galeries.

Création d'une catégorie

2. Une fois la catégorie créé, nous pouvons ajouter des images. Pour se faire : Créer un contenu > Image. Le formulaire de création du noeud Image contient désormais un menu déroulant intitulé "Galerie d'image" qui contient la liste des catégories que vous avez créé précédemment. Lorsque l'image est créée vous êtes redirigé vers la page de vue sur laquelle vous pouvez constater l'ajout en bas à droite d'un lien vers la catégorie. En cliquant dessus vous accéderez à la liste des images contenues dans la galerie.

3. Admettons que vous avez inséré plusieurs images dans une galerie et que leur ordre ne vous convient pas. Dirigez-vous vers la page Administrer > Gestion du contenu > Galerie d'images. Une liste des images triées par galerie s'affiche ainsi que les images non triées en bas de page. A partir de cet écran vous pouvez modifier l'ordre d'affichage des images grâce à l'icône drag 'n drop situé dans la colonne tout à gauche ou via le menu déroulant situé à droite de la vignette. Vous pouvez également supprimer une ou plusieurs images via la case à cocher située dans le colonne tout à droite. N'oubliez pas de sauvegarder vos modifications en cliquant sur le bouton "Mise à jour" situé juste au-dessus de la liste des images non triées.

A partir de cet écran vous avez également accès aux formulaires d'édition des images et des galeries ainsi qu'à des liens vers les aperçus.

Il est également possible de trier et de supprimer les images d'une galerie en particulier ce qui peut s'avérer utile si vous avez un grand nombre de photos et de galeries. Pour ce faire, utilisez le petit formulaire intitulé "Choisir une galerie à trier" situé en haut de la page.

 

Gestion des galeries

Modules complémentaires

- Lightbox2 pour afficher les images dans une lightbox.

- Wap Image Gallery Attach pour afficher une galerie dans un noeud.

- Wap Image Gallery Block pour afficher une galerie dans un bloc.

- Taxonomy Menu pour créer un menu avec les noms des galeries

 

Voilà j'espère que ce billet et ce module pourront vous aider.

Marion.

Document(s) à télécharger: 

super tuto mais j'ai un

super tuto mais j'ai un problème et comprend pas vraiment pourquoi j'ai suivi à la lettre le tuto et impossible d'afficher l'image, elle en bien dans gestion de contenu image gallery sous le nom de ma gallerie. je fais quoi de faut ???
de plus sur les image que vous avez dans le tuto tout est en français chez moi pas du tout ??

jérôme

Bonjour, Votre problème n'est

Bonjour,
Votre problème n'est pas assez clairement détaillé pour que je puisse vous proposer une solution. Merci de m'envoyer un mail avec plus de précisions ainsi que des copies d'écran. Je ferais ensuite un commentaire de synthèse avec la solution si c'est un problème que d'autres personnes peuvent rencontrer.
Merci.

Insertion des images

Bonjour Marion et félicitations pour cette généreuse contribution.

Pour l'ajout des images, il s'agit d'aller dans "Créer un contenu > Image".

Dans l'interface de configuration que j'obtiens, je vois "Titre" ainsi que la liste déroulante avec les galeries crées préalablement ainsi que toutes les options habituelles (Paramètres de menu, informations sur les révisions, etc.), mais rien pour ajouter une ou des images...

J'ai bien activer le module image ainsi que le votre.

Et hélas pour moi, c'est la seule configuration que vous n'avez pas accompagné d'une capture d'écran :)

Auriez-vous une idée de ce que j'ai pu louper ?

Cordialement et merci à vous,
Philippe

Re:Insertion des images

Bonjour,
De prime abord je ne vois pas trop quel pourrait être le problème...
Je peux vous envoyer une copie d'écran si vous me laissez votre adresse e-mail via le formulaire de contact. Peut-être pouvez vous aussi m'envoyer une copie d'écran du formulaire que vous obtenez et de la liste des modules activé (je rappelle que seul le module Image du pack Image doit être activé et pas Image Gallery).
A part ça, peut-être voir s'il n'y a pas conflit avec un autre module en essayant de faire fonctionner le module Image seul sans les galeries, si ce n'est déjà fait.
Dans l'attente de vos nouvelles.
Marion

Merci de votre rapide

Merci de votre rapide réponse.

J'ai effectué quelques tests, comme vous le suggérez. Il s'avère que les images que je charge ne s'affiche pas, dans aucun autre module.

Je travaille en local, cela a sans soute son importance, même si je n'ai rien trouvé à ce sujet sur le web.

En fait, les images se chargent bien, mais dans sites>default>files/images alors que les modules sont dans sites>all>modules.

A priori cela ne vient pas de votre module, mais d'un souci dans mon installation, je vais tester en distant pour vérifier ce qu'il en est.

Désolé de vous avoir dérangé, et encore plus désolé de ne pas pouvoir encore profiter de votre travail :)

Philippe

Pas de problème. Bon courage

Pas de problème. Bon courage pour la suite. :)

Bravo et merci

Bravo pour votre superbe tutorial et vos non moins superbe module.

Je viens de les installer sur la version de dev de mon site et vraiment cela m'ôte une bel épine du pied car c'est exactement ce que je cherchais pour mon site.

C'est dommage que vous ne publiez pas vos modules sur le site de drupal.org car ils sont vraiment parfait.

PS : Juste un petit bémol ca serait super cool si on pouvait uploader un répertoire d'images via ftp et que votre module puisse en faire un album.

Autrement pour de petites galeries de photos c'est tip-top-

Bonjour, Merci pour ce

Bonjour,
Merci pour ce commentaire très encourageant.
Concernant la publication des modules sur le site drupal.org, c'est en cours mais prend un peu de temps : il faut faire une demande de compte CVS et avant de l'obtenir le code du module est revu par des développeurs volontaires pour s'assurer de son bon développement.
Au sujet de l'upload via un FTP, c'est une fonctionnalité qui est intéressante et envisageable mais je ne sais pas quand j'aurais le temps de le faire... A suivre.

J'ai cependant une remarque...

Après une utilisation un poil plus poussée de vos modules j'ai une remarque... vous stockez systématiquement toutes les images dans le même répertoire du système de fichier, certes vous gérez les doublons de nom de fichier mais ce répertoire devient très vite inexploitable en l'état.

Ne serait ce pas possible que votre module stock les fichiers dans un répertoire propre à chaque album ?

Ce serait à mon avis une option très pratique et qui rendrait la gestion des albums et images associées.

C'est la seule chose qui me retient aujourd'hui pour une mise en production car avec une trentaine d'albums de près de 200 photos chacun la maintenance de ce répertoire unique me parait dans le temps, surtout si un jour je veux récupérer le contenu de mes albums...

Mais peu être y avez-vous déjà pensé et avez-vous une solution ? Merci d'avance.

Effectivement

Je vais regarder pour faire cette modification qui n'est pas trop importante à mettre en place et qui effectivement peut être très utile.
Merci pour cette remarque.

J'ai parlé un peu vite...

En effet, c'est le module Image qui gère l'upload des fichiers et donc le dossier de destination des images. Je continue de chercher une solution mais ça ne sera pas si évident que ça.

Il n'est pas possible de

Il n'est pas possible de modifier le chemin vers le répertoire sans modifier le code du module Image. Prendre contact avec les développeurs du module via drupal.org pour leur soumettre cette modification me semble donc la meilleure solution, mais cela risque de prendre un peu de temps...

Si il y a une solution

Bonjour en farfouillant partout j'ai trouvé une solution, je tenais à vous en faire part c'est un minimum au regard du superbe travail dont je vais profiter sur mon prochain site.

En faite ce n'est pas le module Image qui peut gérer ce problème, cela ne dépend pas de lui mais plutôt de ImageFiled et plus précisément encore FileField qui lui sert de support.

Et en creusant à la source on trouve un module FileField Paths tiens ce nom m'interpelle ;-)

En téléchargeant et activant ce module on obtiens dans le setting d'un champ FileField un paragraphe FileField Path settings.

En déployant ce paragraphe on a un champ File Path dans lequel si on met par exemple "sites/default/files/[nid]"l'upload d'un fichier dans un node se fera automatiquement dans un sous répertoire nommé à l'aide du numéro de node.

Et voila le tour est joué... YES !

Merci pour l'info !

Pouvez-vous nous donner l'adresse de votre site Internet pour voir le résultat ? Merci.

ça marche mais cela ne sert à rien...

Avec le module FileField_Path en indiquant dans le File Path du module image "images/[nid]" quand on ajoute une image les fichiers associés (image et vignette) se copie dans un répertoire portant le numéro du noeud sous le répertoire images.

Mais comme chaque image est un node on obtiens en faites autant de sous répertoire que d'images et c'est pas vraiment ce que je recherchais.

Il aurait fallu avoir comme dans d'autres modules de gestion de galeries photos un node par album et autant de champ image que souhaité dans ce node, dans ce cas toutes les images d'un album serait dans le répertoire portant le numéro de node de l'album. Chaque album se trouvant ainsi bien distinct (même sur le disque).

Je me suis donc emballé un peu vite... désolé.

© 2010 Web à part -