Système de gestion de contenu (CMS) : Ajouter et configurer une page de liste dynamique
Temps de lecture : 18 min
Les pages de liste dynamiques vous permettent de présenter différents éléments de votre collection du CMS dans un index organisé. Chaque élément, affiché dans un répéteur, une galerie ou un tableau, renvoie à la page d'élément dynamique des collections où les visiteurs en voient plus sur l'élément spécifique.
Un dataset contrôle les connexions entre les éléments de la page et les champs de votre collection. Dans les paramètres du dataset, vous pouvez contrôler le nombre d'éléments qui apparaissent à la fois. Vous ne pouvez ajouter des filtres pour n'inclure que certains éléments ou ajouter des conditions de tri qui contrôlent l'ordre dans lequel ils apparaissent.
Ajoutez un bouton «En voir plus» pour améliorer les performances de chargement de vos pages si vous avez beaucoup d'éléments à afficher. Vous pouvez également donner aux visiteurs la possibilité de filtrer les éléments qu'ils voient sur la page en utilisant des éléments de saisie comme des menus déroulants, des boutons radio ou des cases à cocher.
Avant de commencer :
- Créer une collection du CMS qui inclut les éléments que vous souhaitez afficher sur votre page de liste dynamique.
- Créer une page d'élément dynamique pour votre collection. Vous lierez les éléments de votre page de liste dynamique à la page d'élément dynamique de votre collection.
Étape 1 | Ajouter une page de liste dynamique
À partir du panneau du système de gestion de contenu (CMS) de votre éditeur, créez une page de liste dynamique pour votre collection. Cela ajoute une nouvelle page qui affiche différents éléments de votre collection dans un répéteur que vous personnaliserez plus tard.
Éditeur Wix
Éditeur Studio
- Accédez à votre Éditeur.
- Cliquez sur CMS
à gauche de l'éditeur. - Cliquez sur Vos collections.
- Survolez la catégorie concernée et cliquez sur l'icône Plus d'actions
. - Cliquez sur Ajouter une page dynamique.
- Sélectionnez la page Liste et cliquez sur Ajouter au site.
Étape 2 | (Facultatif) Modifier la structure du slug d'URL
Vous pouvez modifier la structure du slug d'URL de votre page de liste dynamique afin de garder les adresses web de vos pages dynamiques organisées.
Par exemple, vous avez pu créer les structures de slug d'URL suivantes pour vos pages dynamiques :
- Page de liste dynamique : https://www.{your-domain.com}/{collection-name}
- Page de catégorie dynamique : https://www.{your-domain.com}/{collection-name}/{category}
- Page d'élément dynamique : https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
Lorsque vous modifiez la structure du slug d'URL, les URL doivent être uniques afin d'éviter les conflits avec les adresses web existantes utilisées sur votre site. En savoir plus sur la création d'URL de pages dynamiques uniques.
Éditeur Wix
Éditeur Studio
- Accédez à votre Éditeur.
- Cliquez sur Pages et menu
à gauche de l'éditeur. - Cliquez sur Pages dynamiques.
- Survolez la page de liste dynamique que vous venez de créer et cliquez sur l'icône Plus d'actions
sur la droite.
Suggestion : Par défaut, la page de liste dynamique que vous avez créée est nommée : {Collection name} (List) - Cliquez sur SEO.
- Cliquez sur le champ de structure du slug d'URL .
- Personnalisez la structure du slug d'URL et appuyez sur la touche Entrée sur votre clavier.
Étape 3 | Connecter le répéteur au CMS
Vous avez maintenant une page de liste dynamique avec un répéteur qui comprend 2 éléments de texte, une image et un bouton dans chaque conteneur. Chaque conteneur de votre répéteur affiche un élément différent de votre collection.
Connectez chaque partie des éléments aux champs de collection pertinents pour vous assurer qu'ils affichent les informations que vous souhaitez. Nous vous recommandons de connecter le bouton à la page d'élément dynamique de votre collection afin que les visiteurs puissent cliquer pour accéder à la page dédiée à l'élément concerné.
Pour fournir plus d'informations sur chaque élément, vous pouvez attacher plus d'éléments pris en charge au répéteur. Connectez ensuite ces éléments aux champs de votre collection dans le dataset où vous gérez toutes les connexions du système de gestion de contenu (CMS).
Vous souhaitez utiliser une galerie ou un tableau au lieu d'un répéteur ?
Si vous préférez afficher les éléments de votre collection dans une galerie ou table (Éditeur Wix uniquement), vous pouvez. Supprimez le répéteur par défaut, puis ajoutez une Galerie Pro ou une table. Connectez ensuite chaque partie de votre galerie ou de votre tableau à la collection du CMS via l'ensemble de données, de la même manière que vous le feriez pour le répéteur.
Éditeur Wix
Éditeur Studio
- (Facultatif) Ajoutez des éléments à votre répéteur (ex. Boutons, texte, images) ou retirez les éléments dont vous n'avez pas besoin. Vous pouvez ajuster la taille du répéteur pour qu'il puisse contenir tous les éléments.
- Cliquez sur l'élément répéteur et sélectionnez l'icône Connecter au système de gestion de contenu (CMS )
. - Dans le panneau Connecter le répéteur à droite, cliquez sur l'élément que vous souhaitez connecter.
- Sous Connexions, cliquez sur les menus déroulants correspondants pour connecter l'élément au champ de collection ou à l'action du dataset. Les options varient en fonction du type d'élément.
Suggestions :
- Pour lier l'élément de bouton à la page de l'élément dynamique, cliquez sur le champ L' action de cliquer connecte à et sélectionnez la page d'élément dynamique de la collection qui se termine par (élément).
- Pour lier un élément d'image à la page de l'élément dynamique, cliquez sur le menu déroulant Lien connecté à et sélectionnez la page d'élément dynamique de la collection qui se termine par (élément).
- Cliquez sur Connexions de répéteurs en haut du panneau à droite.
- Répétez les étapes 3 à 5 ci-dessus pour connecter les éléments aux champs de collection ou aux actions de dataset.
- Cliquez pour ajuster les éléments de votre répéteur selon vos besoins.
Suggestion : Vous pouvez ajouter ou supprimer des éléments de votre répéteur à tout moment. Déconnectez les éléments si vous souhaitez utiliser du contenu statique qui ne change pas. - Cliquez sur Aperçu pour tester votre page de liste dynamique.
- Cliquez sur Publier si vous êtes prêt à mettre en ligne les modifications.
Étape 4 | (Facultatif) Gérer les paramètres du dataset
Par défaut, l'ensemble de données de page dynamique permet à un maximum de 12 éléments de s'afficher initialement dans votre répéteur ou votre galerie. Vous pouvez ajuster le maximum d'éléments qui peuvent s'afficher à la fois à partir des paramètres d'ensemble de données. Vous pouvez également ajouter des filtres pour n'inclure que certains éléments, ou ajouter des tris pour contrôler l'ordre dans lequel les éléments s'affichent.
Éditeur Wix
Éditeur Studio
- Accédez aux paramètres du dataset connecté au répéteur :
- Cliquez sur le répéteur.
- Cliquez sur l'icône Connecter au Système de gestion de contenu (CMS ) .
- Cliquez Paramètres du dataset dans le panneau Connecterla répéteur à droite.
- Cliquez sur le menu déroulant Mode Ensemble de données et sélectionnez une option :
- Lecture : Autorisez le dataset à afficher le contenu de votre collection dans le répéteur.
- Lecture et écriture : Autorisez le dataset à afficher le contenu de votre collection dans le répéteur et permettez aux visiteurs d'ajouter ou de modifier le contenu de la collection avec des éléments de saisie.
- (Facultatif) Cliquez sur Public à côté de Autorisations de la collection si vous souhaitez modifier les autorisations qui déterminent qui peut accéder au contenu et ce qu'il peut faire avec.
- Modifiez le champ Nombre maximum d'éléments affichés pour ajuster le nombre maximum d'éléments qui peuvent initialement se charger dans le répéteur. Il s'agit également du maximum d'éléments qui peuvent être chargés par page dans une barre de pagination ou par clic dans un bouton "En voir plus" (voir la section suivante pour voir les étapes).
Remarque : Ce champ ne s'applique pas aux tables. Si vous utilisez un tableau pour afficher vos éléments, limitez le nombre d'éléments affichés en cliquant sur l'icône Mise en page de la table
, puis en définissant une hauteur de table personnalisée et en activant la pagination. - (Facultatif) Cliquez sur + Ajouter un filtre pour afficher uniquement des éléments spécifiques dans le répéteur.
- (Facultatif) Cliquez sur + Ajouter un nouveau tri pour choisir l'ordre dans lequel les éléments apparaissent dans le répéteur.
- Cliquez sur Aperçu pour tester votre page de liste dynamique.
- Cliquez sur Publier si vous êtes prêt à mettre en ligne les modifications.
Étape 5 | (Facultatif) Ajouter un bouton En voir plus
Vous pouvez ajouter un bouton "En voir plus" pour améliorer les performances de chargement de votre page. Le champ Nombre maximum d'éléments affichés de votre ensemble de données détermine le nombre d'éléments qui se chargent initialement dans le répéteur, et le nombre d'éléments supplémentaires qui peuvent se charger après que les visiteurs aient cliqué sur un bouton "En voir plus".
Éditeur Wix
Éditeur Studio
- Ajouter un bouton à votre page :
- Cliquez sur Ajouter des éléments
à gauche de l'éditeur. - Cliquez sur Bouton, puis faites glisser le bouton sur votre page où vous souhaitez qu'il apparaisse (ex sous le répéteur). N'ajoutez pas le bouton à votre répéteur.
Suggestion : Vous pouvez également ajouter une image et l'utiliser comme bouton "En voir plus".
- Cliquez sur Ajouter des éléments
- Cliquez sur Modifier le texte et saisissez le texte que vous souhaitez afficher sur le bouton (ex. « En voir plus ».
- Cliquez sur l'icône Connecter au Système de gestion de contenu (CMS ) .
- Cliquez sur le menu déroulant Choisir un dataset et sélectionnez le même dataset qui se connecte à votre répéteur.
- Cliquez sur le menu déroulant L' action de cliquer connecte à et sélectionnez En voir plus.
- Cliquez sur le bouton et sélectionnez l'icône Design
pour personnaliser l'apparence de votre bouton « En voir plus ». - Cliquez sur Aperçu pour tester votre bouton « En voir plus ».
- Cliquez sur Publier si vous êtes prêt à mettre en ligne les modifications.
Suggestion :
Dans l'Éditeur Wix, vous pouvez également connecter une barre de pagination qui permet aux visiteurs de parcourir les "pages" d'éléments. Le champ Nombre maximum d'éléments affichés détermine le nombre d'éléments qui peuvent apparaître dans chaque "page" de la barre de pagination. Si vous souhaitez voir les barres de pagination dans l'Éditeur Studio, voter pour cette fonctionnalité ici.
Étape 6 | (Facultatif) Permettre aux visiteurs de filtrer les éléments
Permettez aux visiteurs de filtrer les éléments qui apparaissent sur votre page de liste dynamique avec éléments de saisie. Choisissez parmi les éléments de saisie suivants qui permettent le filtrage : Boutons radio, Cases à cocher, Liste déroulante, Balises de sélection, ou Barre de défilement (curseurs uniquement).
Découvrez comment configurer des éléments de saisie qui permettent aux visiteurs de filtrer le contenu de la collection.
FAQ
Cliquez sur les questions ci-dessous pour obtenir des réponses aux questions courantes sur la configuration des pages de liste dynamiques.
Comment les visiteurs accèdent-ils à ma page de liste dynamique ?
Puis-je créer une page dynamique qui répertorie les catégories d'éléments ?
Pourquoi ma page n'affiche-t-elle pas les éléments que j'ai connectés ?
Comment lier les éléments à leur page d'élément dynamique ?
Pourquoi ne puis-je pas attacher certains éléments au répéteur ?
Puis-je voir comment fonctionne un répéteur préconnecté avant de configurer le vôtre ?
Cela vous a-t-il aidé ?
|