Advertising sustains the DA. Ads are hidden for members. Join today

On this page

9.3. Créer une vue listant du contenu

Last updated on
14 April 2025

Objectif

Créer une page listant des marchands qui sera automatiquement mise à jour chaque fois qu’un marchand est ajouté, supprimé, ou mis à jour sur le site.

Prérequis

Prérequis du site

Étapes

  1. Dans le menu d’administration Gérer, naviguer vers Structure > Vues > Ajouter une vue (admin/structure/views/add). L’assistant Ajouter une vue apparaît.

  2. Remplir les champs comme indiqué ci-dessous.

    Nom du champ Explication Valeur d’exemple

    Visualiser les informations basiques > Nom de la vue

    Nom de la vue qui sera visible dans les pages d’administration

    Marchands

    Paramètres de la vue > Afficher

    Type d’information listée dans la vue

    Contenu

    Paramètres de la vue > de type

    Spécifier le type de contenu

    Marchand

    Paramètres de la vue > trié par

    Ordre dans la liste

    Titre

    Paramètres de la page > Créer une page

    Créer une page qui affiche la vue

    Coché

    Paramètres de la page > Titre de page

    Titre affiché au-dessus de la vue

    Marchands

    Paramètres de la page > Chemin

    adresse de la page

    vendors

    Paramètres de la page > Paramètres d’affichage de la page > Format d’affichage

    Type de liste

    Tableau

    Paramètres de la page > Éléments à afficher

    Nombre d’éléments visibles dans la page

    10

    Paramètres de la page > Utiliser une pagination

    Découper la liste en plusieurs pages s’il y a plus d’éléments

    Coché

    Paramètres de la page > Créer un lien de menu

    Ajouter la page de la vue au menu

    Coché

    Paramètres de la page > Menu

    Menu dans lequel ajouter le lien

    Navigation principale

    Paramètres de la page > Texte du lien

    Ancre du lien dans le menu

    Marchand

    Assistant Ajouter une vue

  3. Cliquer sur Enregistrer et modifier. La page de configuration de la vue apparaît.
  4. En dessous de Champs, cliquer sur Ajouter dans le bouton déroulant. La fenêtre modale Ajouter champs apparaît.
  5. Saisir le mot "image" dans le champ de recherche.
  6. Cocher Main image dans le tableau.
  7. Cliquer sur Ajouter et configurer champs. La fenêtre modale Configurer champ : Image principale apparaît.

  8. Remplir les champs comme indiqué ci-dessous.

    Nom du champ Explication Valeur d’exemple

    Créer une étiquette

    Ajouter une étiquette avant la valeur du champ

    Non coché

    Style d’image

    Le format de l’image

    Medium (220x220)

    Lier l’image à

    Ajouter un lien à l’élément de contenu

    Contenu

  9. Cliquer sur Appliquer. La page de configuration de la vue apparaît.
  10. En-dessous de Champs, cliquer sur Ajouter dans le bouton déroulant. La fenêtre modale Ajouter champs apparaît.
  11. Saisir le mot "corps" dans le champ de recherche.
  12. Sélectionner Corps dans le tableau.
  13. Cliquer sur Ajouter et configurer champs. La fenêtre modale Configurer champ : Contenu : Corps apparaît.

  14. Remplir les champs comme indiqué ci-dessous.

    Nom du champ Explication Valeur d’exemple

    Créer une étiquette

    Ajouter une étiquette avant la valeur du champ

    Non coché

    Outil de mise en forme

    La présentation de la valeur du champ

    Résumé ou coupé

    Limite de troncature

    Le nombre maximum de caractères affichés

    120

  15. Cliquer sur Appliquer. La page de configuration de la vue apparaît.
  16. En dessous de Champs, cliquer sur Contenu : Titre. La fenêtre modale Configurer champ : Contenu : Titre apparaît.
  17. Décocher Créer une étiquette. Ceci retirera l’étiquette créée par l’assistant.
  18. Cliquer sur Appliquer. La page de configuration de la vue apparaît.
  19. En dessous de Champs, cliquer sur Réordonner dans le bouton déroulant. La fenêtre modale Réordonner champs apparaît.
  20. Faire glisser les poignées en forme de croix au bout des champs pour les mettre dans le bon ordre : Image, Titre, Corps. Alternativement au glisser/déplacer, vous pouvez cliquer sur le lien Afficher les poids des lignes en tête de la table et saisir des poids numériques (les champs ayant des poids inférieurs seront affichés en premier).
  21. Cliquer sur Appliquer. La page de configuration de la vue apparaît.
  22. Optionnellement, cliquer sur Actualiser l’aperçu pour un aperçu.

  23. Cliquer sur Enregistrer.

    Page de configuration de la vue Marchands

  24. Naviguer vers la page d’accueil et cliquer sur Marchands dans la navigation principale pour voir le résultat.

    Rendu de la vue Marchands

Pour aller plus loin

Le lien vers la vue dans la navigation principale ne sera probablement pas à la bonne place. Changer l’ordre des liens de menu dans la navigation principale. Consulter Section 5.7, « Changer l’ordre de la navigation ».

Vidéos (en anglais)

Creating a Content List View

Attributions

Créé et modifié par Boris Doesborg et Jennifer Hodgdon. Traduit par Felip Manyer i Ballester.

 

This page is generated from AsciiDoc source from the User Guide. To propose a change, edit the source and attach the file to a new issue in the User Guide project. PDF and e-book formats are available on the User Guide project page.

Source file: views-create.asciidoc

Help improve this page

Page status: No known problems

You can: