Créer des Miettes de Pains

CityDesk Versions: 2.0 ou suivantes

Les "Breadcrumbs" (les miettes de pain ou le fil d'ariane) dans un site web sont des indicateurs visuels qui vous affichent où vous vous situez, généralement en haut de la page. Les "breadcrumbs" sont un guide cliquable pour vous donner votre position dans un site web. Peuvent être très utiles pour les utilisateurs devant trouver leur chemin dans un site complexe.

Prenons, par exemple, cet échantillon de site hiérarchique avec plusieurs dossiers encapsulés :

Remarquez que chaque dossier dans ce site a un fichier index, qui produit une table des matières pour ce dossier. Par exemple, Sports\Nonfootball\index est la table des matières de la section nonfootball. Quand les utilisateurs rentrent vers n'importe quel article dans ce dossier, ils verront un tag "Your are here" (NDT non traduit) :

Chaque élément de la flèche est un lien vers la page index appropriée.

Pour créer des "breadcrumbs" dans votre site :

1. Créez un fichier index dans chaque dossier. Ces fichiers index peuvent être tous les mêmes ou peuvent être différents. Vous pouvez créer un gabarit personnalisé pour les fichiers index si ce sont tous les mêmes. Ce fichier index pourrait inclure une boucle comme :

{$ foreach x in (and thisFolder (not (filename "index"))) $}

Cette boucle listera tous les articles dans de dossier exception faite du fichier index lui-même.

2. Dans le fichier index, utilisez le champ Extra 2 pour stocker les "breadcrumbs". Vous devrez créer manuellement les "breadcrumbs" pour chaque dossier dans votre site. C'est une nuissance mais parce que les dossiers dans votre site ne changeront probablement pas souvent, ce n'est pas si grave. Par exemple dans le fichier index nonfootball vous pourriez avoir ce champ Extra2 :

Ces liens ont été créé manuellement vers les fichiers index appropriés.

3. Modifiez vos gabarits pour afficher les miettes de pains sur chaque page, en utilisant ce code :


{$ foreach 1 x in (and thisFolder (fileName "index")) $}
       You are here (vous êtes ici) : {$ x.extra2 $}
    {$ next $}

Ceci extraira automatiquement le champ extra 2 à partir du fichier appelé "index" dans le dossier en cours.

Un site complet d'exemple montrant comment créer un site avec des "breadcrumbs" peut être téléchargé ici (468KB en anglais ou US).

Si cela ne répondait pas à votre question :