Liste de contenu dynamique : Création d'une liste alphabétique

Example of an A-Z listing
Exemple d'une liste alphabétique avec des catégories dans la colonne de droite

Au sujet du tutoriel

Le présent tutoriel vous apprendra comment créer une liste alphabétique de liens de contenu avec des catégories (filtres) dans la colonne de droite. Deux exemples de telles listes comprennent l'index de A à Z des services des Technologies de l'information et la liste des membres du corps professoral de la section de common law. Ce tutoriel est fourni à titre de référence seulement; il se peut que vous deviez modifier certaines options et certains paramètres afin de répondre à vos propres besoins.

Prérequis

Afin de créer une liste alphabétique, vous devez être en mesure d'ajouter des listes de contenu dynamiques en tant que contenu. Si vous n'avez pas l'option sur votre site, veuillez demander à votre webmestre principal d'activer le module Dynamic View ou demander à un membre de l'équipe de soutien de l'activer pour vous au moyen du formulaire de demande d'assistance auprès du Centre de services.

Étape 1 – Créer les termes taxonomiques qui seront utilisés comme catégories

  1. Allez à StructureTaxonomy (Taxonomie).
  2. Sur la page qui s'affiche, retrouvez le vocabulaire Content Groups (Groupes de contenu), puis cliquez sur le lien Add term (Ajouter un terme).
    1. Remarque : Chaque terme représentera un nom de catégorie.
  3. Saisissez le nom d'une catégorie dans le champ Name (Nom), puis cliquez sur le bouton « Save and translate » (Enregistrer et traduire).
  4. La page qui suit affichera toutes les langues disponibles. À côté de la langue sans traduction, cliquez sur le lien « Add » (Ajouter).
    1. Remarque : Si un message d'erreur s'affiche, vous devrez vous reconnecter dans l'autre langue. Comme conseil, vous pouvez ouvrir un nouvel onglet de navigateur pour vous connecter dans l'autre langue, puis retourner à votre onglet original et rafraîchir la page pour continuer.
  5. Saisissez la traduction du nom de catégorie dans le champ Name (Nom).
  6. Lorsque vous avez terminé, défilez vers le bas de la page et cliquez sur « Save » (Enregistrer).
  7. Répétez ces étapes pour chaque terme (catégorie) que vous souhaitez ajouter.

Étape 2 – Créer et étiqueter les liens de contenu

  1. Allez à Content (Contenu).
  2. Cliquez sur le lien « Add content » (Ajouter du contenu), puis sélectionnez « Content Link » (Lien de contenu).
    1. Title (Titre) : Saisissez le titre de votre lien.
    2. Link (Lien) : Saisissez l'URL complète ou le chemin relatif de la page.
    3. Content Group (Groupe de contenu) : Cochez un des termes que vous avez créé à l'étape 1.
  3. Enregistrez et répétez pour chaque lien de contenu que vous souhaitez ajouter.

Étape 3 – Créer la liste de contenu dynamique

  1. Allez à Structure > Pages.
  2. Modifiez la page sur laquelle vous voulez mettre votre liste alphabétique. De préférence, cette page devrait avoir une mise en page B ou BB.
  3. Dans le menu de gauche, cliquez sur « Content » (Contenu).
  4. Vous devriez maintenant pouvoir voir les contours des volets de votre mise en page. Cliquez sur la roue dentée située dans le coin supérieur gauche d'un de ces volets.
  5. Dans le menu déroulant, cliquez sur « Add content » (Ajouter du contenu).
  6. Une nouvelle fenêtre s'affichera. Dans le menu de gauche, cliquez sur « Content » (Contenu), puis sélectionnez « Dynamic Content List » (Liste de contenu dynamique).
  7. La page qui s'affiche contiendra toute une gamme d'options qui vous permettront de configurer votre liste de contenu dynamique. Aux fins du présent exercice, sélectionnez les valeurs ci-dessous.
    • Display Mode: List with categories
    • Data Source: Entity
    • Source settings
      • Entity Type: Node
      • Sub-Type: Content Link
      • View Mode (Results): Text Link
      • View Mode (Label): None
    • Filters
      • Filter #1
        • Filter Method: Field (Taxonomy Reference)
        • Settings
          • Field: Content Groups
          • Taxonomy Term(s): [Sélectionnez tous les termes taxonomiques que vous aviez créés à l'étape 1. Pour les utilisateurs de Windows, vous pouvez maintenir la touche CTRL et cliquer du bouton gauche de la souris pour sélectionner les termes désirés.]
    • Sorters
      • Sorter #1
        • Sorting Method: Title (Alphabetical)
    • Categorizers
      • Top
        • Categorizing Method: Title (A-Z)
      • Right Side
        • Categorizing Method: Field (Taxonomy Reference)
          • Settings
            • Field: Content Groups
            • Show Terms: [Sélectionnez tous les termes taxonomiques que vous aviez créés à l'étape 1. Pour les utilisateurs de Windows, vous pouvez maintenir la touche CTRL et cliquer du bouton gauche de la souris pour sélectionner les termes désirés.]
    • Groupers
      • Grouper #1
        • Grouping Method: Title (A-Z)
    • Pager
      • Hide the pager: [Sélectionnez cette option]
  8. Une fois que vous avez terminé, cliquez sur le bouton « Finish » (Terminer).
  9. Ensuite, cliquez sur le bouton « Update and save » (Mettre à jour et enregistrer) pour sauvegarder toutes les modifications apportées à la page.

Étape 4 – Ajouter du style à la liste de contenu dynamique

  1. Cliquez sur la roue dentée située dans le coin supérieur droit de la liste de contenu dynamique que vous venez d'ajouter.
  2. Dans le menu déroulant, sous Style, cliquez sur « Change » (Changer).
  3. Une nouvelle fenêtre s'affichera. Sélectionnez « Component Styles » (Styles de composants), puis cliquez sur le bouton « Next » (Suivant).
    1. Sous la section Styling, réglez le Container Type (Type de conteneur) à « Full » (Plein format).
    2. Défilez vers le bas de la page et enregistrez vos changements.
  4. Lorsque vous avez terminé, cliquez sur le bouton Update and Save (Mettre à jour et enregistrer) pour sauvegarder les modifications apportées à la page.

Si tout a bien été, vous aurez maintenant une liste alphabétique de liens de contenus avec une boîte de catégories (termes) dans la colonne de droite pour filtrer les résultats.

» Envoyer vos commentaires
    Types: 
  • Tutoriels
Haut de page