Les "tags" (mots-clé)

Les tags (à ne pas comparer avec les tags graffiti laissés sur les murs de nos contrées 8-)) sont en fait des mots-clés qui vont permettre de décrire une photo. Le tag peut déjà se trouver inscrit dans la photo sur votre disque dur (à l'aide d'un logiciel ou bien de Windows7 tout simplement).
Piwigo permet de gérer vos tags mais aussi d'en créer etc.

Fig.01 Tags sous Windows7
Fig.01 Tags sous Windows7


Principe

Chaque photographie se retrouve associée à N tags (N allant de 0 à : autant qu'on veut). Les tags sont une technique de classification au même titre que les albums. La différence principale étant que les album sont une classification hiérarchique et les tags sont une classification plane.

Comme expliqué sur le blog de Pierrick sur le billet Système de tags, on constate généralement qu'une photo n'appartient qu'à un album alors que chaque photo est associée à plusieurs tags. Or cela n'est pas vrai dans le cas de Piwigo, car chaque photographie peut être associée à plusieurs albums (principe des liens virtuels).

Le principe de classification par tags est popularisé par des sites comme Flickr.

Navigation progressive

Ce qui est intéressant avec les tags, c'est d'explorer un ensemble de photos dont le nombre se réduit à mesure que l'on rajoute des tags (ou des règles car un tag est une règle simple). On commence avec le tag vacances, puis vacances+mer, puis vacances+mer+erwann et au final, on visionne les photos d'Erwann en vacances à la mer.

Le menu de la page principal1) présente une nouvelle section Tags liés. On y trouve une liste plane de tags. Initialement, les tags les plus associés sont présentés dans le menu, par ordre alphabétique. Chaque tag est affiché dans une police plus ou moins grande selon son importance2).
Info :Le nombre de tags affichés dans le menu est paramétrable.

Lorsqu'un tag est sélectionné, le menu présente les tags liés au tag affiché, avec la possibilité d'ajouter un tag à la recherche.

Fig.02 Navigation progressive
Fig.02 Navigation progressive, ici dans le menubar


Comme seul un sous-ensemble est affiché, un lien mènera vers le nuage complet de tags, enfin… plus complet car certaines très grosses galeries pourraient compter des centaines de tags ! Le nombre de tags affichable dans le nuage sera paramétrable.

Fig.03 Nuage de tags
Fig.03 Nuage de tags


Navigation transversale

Sous la photographie présentée sur la page d'affichage d'une photo de taille web3), la liste des tags associés est affichée. Chaque tag est un lien vers la liste des photographies associées au tag sélectionné.

Fig.04 Navigation avec les tags
Fig.04 Navigation avec les tags


Sur la Fig.04 on observe que les tags dans le menubar (barre des menus à gauche) peuvent être sélectionnés pour affiner la recherche.
En haut de la page, il est possible de cliquer sur la petite croix afin de supprimer un tags.
Dans cet exemple, nous avons affiché les photos représentes avec les tags “animaux” + “Oiseaux”.

Gestion des tags

  • L'écran [ Administration » Images » Tags ] permettra d'ajouter, de supprimer ou d'éditer des tags. Renvoi : [Page] Tags
  • L'écran de gestion par lot [ Administration » Gestion par lot ] propose d'associer des tags aux photographies. Renvoi : [Page] Gestion par lot
  • L'écran d'édition des informations d'une photo permet de associer et dissocier les tags à la photographie. Renvoi : Modifier les informations d'une photo

Les tags peuvent comporter des caractères accentués, mais ceux-ci seront remplacés par leur équivalent ASCII lorsque présenté dans une URL. Les tags sont sensibles à la casse. La longueur maximal du nom d'un tag est de 255 caractères, même s'il est conseillé de privilégier la concision.

Albums ou tags ?

Une arborescence bien construite pour vos albums est un gage d’efficacité pour la navigation de vos visiteurs. Les tags n'est qu'un moyen supplémentaire pour enrichir votre galerie d'une fonctionnalité qui a tout son sens lorsque vos visiteurs recherche un mot clé donné (un tag).

Spécification technique

Paramétrage

// +-----------------------------------------------------------------------+
// |                                 tags                                  |
// +-----------------------------------------------------------------------+
 
// full_tag_cloud_items_number : Nombre de tags à faire apparaître dans le
// nuage. Uniquement les tags les plus fréquents sont alors affichés.
$conf['full_tag_cloud_items_number'] = 200;
 
// menubar_tag_cloud_items_number : Nombre de tags pour ceux affichés dans
// la barre de menu... (ceux qui représentent le plus d'images).
$conf['menubar_tag_cloud_items_number'] = 100;
 
// content_tag_cloud_items_number : Même chose mais dans la partie contenu 
// (à droite), à l'exception du résultat de tags.php
// lequel se gère par 'full_tag_cloud_items_number'
// les tags ne sont pas toujours présents en 1.7 sur les contenus de
// miniatures
$conf['content_tag_cloud_items_number'] = 12;
 
// tags_levels : nombre de niveaux à utiliser pour l'affichage. A chaque
// niveau correspond une class CSS tagLevelX (tagLevel1, tagLevel2, etc.).
$conf['tags_levels'] = 5;
 
// tags_default_display_mode : par défaut, groupe les tags par lettres
// (letter) ou affiche un nuage de tag (cloud).  'letters' ou 'cloud'.
$conf['tags_default_display_mode'] = 'cloud';
 
// tag_letters_column_number : nombre de colonne a afficher dans la page
// tag par lettres
$conf['tag_letters_column_number'] = 4;

Pour plus d'information sur l'utilisation de ces codes, veuillez consulter la page suivante : Renvoi : La configuration locale

Décodage de l'URL

Par défaut, les URL présenteront les tags à afficher de la manière suivante :

  • tag.php?tags=12-erwann : toutes les photos associées au tag erwann (tag d'identifiant 12)
  • tag.php?tags=12-erwann,2-marion : toutes les photos associées aux tags erwann (id 12) et marion (id 2).
  • picture.php?tags=12-erwann,2-marion&picture_id=324 : affiche la photographie 324 dans la liste des photos associées aux tags erwann et marion.

Pour aller plus loin...

MERCI DE NE PAS TOUCHER AUX LIGNES QUI SUIVENT.

1) category.php
2) que l'on appel aussi 'poids'
3) picture.php
 
Haut de page
utiliser/utilisation/fonctionnalites/tags.txt · Dernière modification: 2013/11/18 14:31 par flop25
 
 
github twitter facebook google+ newsletter Faire un don Piwigo.org © 2002-2017 · Contact