Rassemblez des ensembles de contenu, comme des billets de blog ou des événements, à partir de vos pages de collection et affichez-les dans des dispositions uniques ailleurs sur votre site.
Utilisez les blocs Sommaire pour afficher le contenu de certaines pages Collection, telles que des billets de blog ou des produits, dans différentes dispositions.
Les blocs Sommaire sont parfaits pour :
- Mettre en évidence des éléments de collection sur votre page d'accueil.
- Afficher des billets de blog, des produits ou des vidéos dans une disposition autrement indisponible.
- Changer la disposition de votre contenu sans apporter des changements de style drastiques.
- Ajouter des liens vers un contenu associé à la fin d’un billet de blog ou d’une page Informations sur le produit.
- Créer des index pour des recettes ou tout autre contenu.
Regarder une vidéo
Contenu affiché
Les blocs Sommaire extraient le contenu de certaines pages de collection de votre site. Avant d’ajouter le bloc, ajoutez du contenu à une page de collection prise en charge. Pour un affichage optimal, ajoutez des images mises en avant à chaque élément que vous voulez afficher dans le bloc. Il n’est pas possible d’ajouter du contenu directement dans un bloc Sommaire.
Vous pouvez utiliser les blocs Sommaire pour afficher :
- Des billets de blog de Pages Blog
- Des événements de pages Événements
- Des produits de pages Boutique
- Des vidéos de pages Vidéos
Les pages Portfolio et les sections Galerie ne sont pas prises en charge.
- Des billets de blog de Pages Blog
- Des événements de pages Événements
- Des images et des vidéos de pages Galerie
- Des images et des vidéos de pages Projet
- Des produits de pages Boutique
Les pages Album ne sont pas prises en charge.
Ajouter un bloc Sommaire
Pour ajouter un bloc Sommaire :
- Cliquez sur Modifier sur une page ou une publication, puis sur Ajouter un bloc ou un point d’insertion, puis cliquez sur Résumé.Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec des blocs.
- Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
- Dans l’onglet Contenu, choisissez le contenu à afficher.
- Cliquez sur l’onglet Design pour changer de disposition et modifier les paramètres de disposition.
- Lorsque vous avez terminé, cliquez en dehors de l’éditeur de bloc.
- Cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.
Pour obtenir des instructions plus détaillées pour chaque étape, consultez les sections ci-dessous.
Choisir le contenu
Dans l’onglet Contenu de l’éditeur de blocs Sommaire, cliquez sur Sélectionner une page pour choisir la page à afficher dans le bloc. Lorsque vous cliquez sur une page, son contenu s’affiche dans le bloc Sommaire.
Pour les pages Événements, vous pouvez choisir une période d’événement afin d’afficher les événements à venir ou passés.
Important :
- Vous ne pouvez afficher que le contenu d’une page par bloc Sommaire. Toutefois, vous pouvez ajouter plusieurs blocs à une page pour afficher tout le contenu souhaité.
- Vous pouvez à tout moment changer la page à partir de laquelle les blocs Sommaire extraient les contenus.
- Le texte du titre renvoie directement au contenu. Les images renvoient également au contenu, à l’exception des images Page Galerie et Page Projet dans la version 7.0, qui s’ouvrent dans une lightbox sur la page Bloc Sommaire.
Choisir les métadonnées
Cliquez sur Métadonnées principales et Métadonnées secondaires pour choisir les informations à afficher de manière plus évidente avec chaque élément :
- Selon l’élément, vous pouvez sélectionner Date de publication, Date de l’événement, Heure de l’événement, Catégorie, Tags, Auteur, Lieu, Commentaires ou Aucun.
- L’emplacement de ces informations dépend de la disposition.
- Si un élément ne dispose pas des métadonnées que vous sélectionnez, celles-ci ne s’afficheront pas avec l’élément. Nous vous conseillons donc de remplir tous les champs pour chaque élément de collection si vous souhaitez que ces informations soient affichées dans le bloc.
Filtrer le contenu
Cliquez sur Filtrer les éléments pour appliquer différents filtres au contenu extrait de la collection :
- Catégorie : sélectionnez une catégorie pour afficher uniquement le contenu de cette catégorie.
- Tag : sélectionnez un tag pour afficher uniquement le contenu avec ce tag.
- Mis en avant uniquement : activez cette option pour afficher uniquement le contenu désigné comme étant mis en avant, comme les vidéos ou les billets de blog mis en avant
Important :
- Vous devez ajouter des catégories et des tags ou définir des éléments comme mis en avant sur la page de collection elle-même. Il n’est pas possible de modifier ces paramètres dans le bloc Sommaire.
- Si une catégorie ou un tag apparaît uniquement sur un élément non publié, elle/il n’apparaîtra pas en tant qu’option dans les filtres du bloc Sommaire.
- Dans la version 7.1, vous ne pouvez filtrer les blocs Sommaire des pages Boutique qu’une catégorie à la fois.
Dispositions des blocs Sommaire
Il existe quatre styles de blocs Sommaire dont le comportement est le même sur l’ensemble des sites. Vous pouvez changer de disposition dans l’onglet Design du bloc Sommaire. Lorsque vous choisissez une disposition, un aperçu du résultat s’affiche sur la page. Voici des exemples de billets de blog pour chaque disposition.
Les blocs Sommaire en mur affichent les éléments dans une grille de style « mosaïque ». Au lieu de lignes égales, la disposition Mur affiche les éléments dans des lignes décalées en fonction de la taille du contenu, créant ainsi un aspect mosaïque.
Les blocs Sommaire en carrousel affichent un nombre défini d’éléments sur une ligne. Des flèches de navigation en haut à droite permettent d’accéder à davantage de contenu.
Les blocs Sommaire en liste affichent les éléments dans une seule colonne, avec les images mises en avant d’un côté et le texte de l’autre.
Les blocs Sommaire en carrousel affichent les éléments dans une grille uniforme. Un espace est rajouté entre les éléments dont la longueur est différente.
Modifier les paramètres de design
Dans l’onglet Design du bloc Sommaire, vous pouvez personnaliser le nombre d’éléments affichés, l’alignement du texte, la taille et l’espace entre les éléments, ainsi que l’apparence du bloc. Lorsque vous modifiez les paramètres, un aperçu de vos changements s’affiche sur la page.
Toutes les dispositions proposent les options suivantes :
Option de design | À utiliser pour |
Nombre d'éléments |
Définir le nombre d’éléments à afficher dans le bloc. Vous pouvez afficher jusqu’à 30 éléments. |
Texte |
Choisir la taille du texte : S, M, L ou XL (non disponible dans la disposition Mur). Le réglage XL augmente également la taille des extraits et des descriptions. Choisir l’alignement du texte : Gauche, Centre ou Droite. |
Titre |
Activez l’option pour afficher les titres des éléments dans le bloc. Désactivez-la pour masquer les titres des éléments. |
Image mise en avant
|
Activez l’option pour afficher les images des éléments dans le bloc. Désactivez-la pour masquer les images des éléments. Dans le cas d’images d’une page Galerie ou d’une page Projet, l’image est affichée dans le bloc. Dans le cas de billets de blog, d’événements ou de produits, le bloc extrait la première image disponible dans la liste suivante :
|
Extrait |
Activez l’option pour afficher des extraits ou des descriptions d’éléments dans le bloc. Désactivez-la pour masquer les extraits ou les descriptions de l’élément. Dans le cas des billets de blog, l’extrait est affiché dans le bloc. Dans le cas d’événements, d'images de la page Galerie, de produits ou d'images de la page Projet, la description de l’élément est affichée dans le bloc. |
Position des métadonnées |
Sélectionner l’emplacement des métadonnées de l’élément, comme une date ou un auteur, sur Au-dessus du titre, En dessous du titre ou En dessous du contenu. Sélectionnez le type de métadonnées qui s’affiche dans l’onglet Contenu. |
Arrière-plan (version 7.1 uniquement) |
Activez cette option pour ajouter une couleur d’arrière-plan au bloc, définir les rayons d’angles et modifier la marge intérieure de l’arrière-plan. |
Trait |
Activez une ligne continue ou pointillée pour délimiter le bloc. Pour les lignes continues et pointillées, définissez la Couleur et l’Épaisseur du trait. |
Mode de fusion |
Utilisez le menu déroulant pour sélectionner un paramètre de transparence. Ces effets sont parfaits si vous superposez un bloc Sommaire devant une image ou un autre contenu visuel. |
Flou |
Activez cette option pour flouter l’Élément ou la Toile de fond, puis utilisez le curseur pour régler le niveau de flou. |
Les personnalisations du Trait, du Mode de fusion et du Flou sont disponibles pour les sections Éditeur intuitif. Pour les sections qui utilisent l’éditeur classique, seule la personnalisation du Trait est disponible.
Options spécifiques à la disposition
Chaque bloc Sommaire dispose d’options de design supplémentaires spécifiques à la disposition.
Voici les options de design pour les blocs Sommaire en disposition Mur :
Option de design | À utiliser pour |
Taille et espacement |
|
Voici les options de design pour les blocs Sommaire en disposition Carrousel :
Option de design | À utiliser pour |
Éléments par ligne |
Définir le nombre d’éléments à afficher simultanément. Vous pouvez choisir un nombre entre 1 et 5. |
Valeur de proportion |
Sélectionner la valeur de proportion des images mises en avant (Attention ! Ceci affecte le recadrage). Sélectionnez Auto pour afficher les images mises en avant sans recadrage. |
Texte de l’en-tête |
Ajouter un titre personnalisé qui s’affichera au-dessus du bloc. Ainsi, vous n’avez pas besoin d’ajouter un bloc Texte. |
Voici les options de design pour les blocs Sommaire en disposition Liste :
Option de design |
À utiliser pour |
Valeur de proportion |
Sélectionner la valeur de proportion des images mises en avant (Attention ! Ceci affecte le recadrage). Sélectionnez Auto pour afficher les images mises en avant sans recadrage. |
Alignement de l’image |
Aligner les images à gauche ou à droite du texte. |
Voici les options de design pour les blocs Sommaire en disposition Grille :
Remarque : avec cette disposition, les images des pages Galerie et des pages Projet s’ouvrent dans des diaporamas avec effet lightbox. Les URL de destination désactivent l’effet lightbox.
Option de design | À utiliser pour |
Valeur de proportion |
Sélectionner la valeur de proportion des images mises en avant (Attention ! Ceci affecte le recadrage). Sélectionnez Auto pour afficher les images mises en avant sans recadrage. |
Taille et espacement |
Remarque : les éléments des blocs Sommaire en grille sont alignés à gauche. Si la largeur de colonne est petite, un espace supplémentaire peut apparaître à droite du bloc. |
Astuce : le style des légendes des blocs Sommaire varie en fonction de votre site.
Options spécifiques aux éléments
Selon le type des éléments de collection que vous affichez dans votre bloc Sommaire, des options supplémentaires peuvent apparaître.
Type de collection | Options de design supplémentaires |
Page Blog |
Liens En savoir plus : lorsque cette option est activée, les liens En savoir plus s’affichent sous le contenu de la publication et au-dessus des métadonnées. Les liens En savoir plus ne s’affichent pas si l’option Extrait est désactivée. |
Page Boutique |
|
Pages Vidéos |
Description - Lorsque cette option est activée, les descriptions des vidéos apparaissent sous les titres des vidéos |
Personnalisez le texte du bloc Sommaire
Les options de style à votre disposition pour les blocs Sommaire dépendent de la version de votre site.
Polices
La taille du titre suit les polices générales de votre site. Pour changer la famille de polices et la taille des titres :
- Ouvrez le panneau Styles du site, puis cliquez sur > à côté de Polices.
- Cliquez sur Attribuer des styles, définissez la famille de polices et la taille du texte dans Paragraphes.
Important :
- Toute modification apportée à la taille des paragraphes affectera tous les blocs Sommaire de votre site avec le paramètre de taille de texte correspondant, ainsi que tout autre contenu utilisant les mêmes styles de police.
- Les extraits et les descriptions s’affichent avec une taille fixe.
Couleurs
Vous pouvez personnaliser les couleurs du texte dans le bloc. Pour modifier les couleurs :
- Pendant que vous modifiez une page, ouvrez le panneau Styles du site, puis cliquez sur > à côté de Couleurs.
- Survolez votre thème de couleurs et cliquez sur l’icône crayon.
- Sous Bloc Sommaire, modifiez les couleurs à l'aide des réglages suivants :
- Couleur du texte de l’en-tête
- Couleur du titre
- Couleur des extraits
- Couleur de « En savoir plus »
- Couleur des métadonnées principales
- Couleur des métadonnées secondaires
Si vous avez activé une couleur d’arrière-plan, utilisez plutôt les ajustements inclus dans Arrière-plan. Vous pouvez également modifier la couleur d’arrière-plan ici à l’aide de l’ajustement Arrière-plan.
Lorsque vous avez effectué toutes les modifications de style, cliquez sur Enregistrer pour enregistrer vos changements et poursuivre les modifications. Vous pouvez également cliquer sur Quitter, puis sur Enregistrer pour fermer l’éditeur.
Utilisez le panneau Styles du site afin de définir la police du titre des blocs Sommaire et la couleur du titre des blocs Sommaire pour les familles de templates suivantes :
- Adirondack
- Avenue
- Aviator
- Bedford
- Momentum
- Montauk
- Pacific - Police du titre et Couleur du titre
Les extraits et les descriptions s’affichent à une taille fixe, mais le paramètre de texte XL dans l’onglet Design du bloc Sommaire augmente la taille de l’extrait et du texte de la description.
Il est impossible de modifier la taille du texte d’en-tête qui apparaît au-dessus du bloc dans la disposition en carrousel.
Remplacer une page de collection par des blocs Sommaire
Dans certains cas, comme lorsqu’un template de la version 7.0 a une dispose de blog fixe, vous pouvez utiliser les blocs Sommaire pour afficher les éléments de collection dans différentes dispositions. Les étapes suivantes montrent comment utiliser un bloc Sommaire pour remplacer la disposition de votre page de collection.
Étape 1 - Déplacez votre collection vers Hors navigation
Pour masquer la page de collection originale de vos menus de navigation, faites-la glisser dans votre section Hors navigation. De cette manière, le bloc Sommaire peut retirer des éléments de la page sans que les visiteurs ne voient de contenu en double. Pour obtenir des instructions détaillées, consultez l’article Déplacer des pages dans votre navigation.
Une fois la page déplacée vers Hors navigation, vous continuerez à y ajouter vos nouveaux contenus, comme des billets de blog ou des produits. Ils s’afficheront dans le bloc Sommaire que vous allez créer.
Remarque : ne supprimez pas cette page. Le fait de la déplacer dans la section Hors navigation la rend invisible aux visiteurs tout en préservant le transfert du contenu vers votre bloc Sommaire.
Étape 2 – Créer une page Disposition
Après avoir masqué la page de collection d’origine de votre navigation, créez une page Disposition dans votre Navigation principale en tant que substitut afin que les visiteurs puissent trouver le contenu de votre collection.
C’est sur cette page que les visiteurs verront s’afficher vos éléments de collection. Une fois configurée, cette page sera mise à jour automatiquement dès que vous modifiez la page de collection masquée.
Étape 3 - Ajouter un bloc Sommaire
Ajoutez un bloc Sommaire à la page Disposition que vous avez remplacée dans votre navigation. Dans le bloc Sommaire, sélectionnez la page de collection que vous avez déplacée vers Hors navigation à l’étape 1.
Personnalisez le bloc Sommaire avec les paramètres de contenu et la disposition des blocs. Si votre page de collection contient plus de 30 éléments, vous pouvez ajouter davantage de blocs Sommaire pour afficher plus de 30 éléments.
Afficher plus de 30 articles
Les blocs Sommaire ne peuvent pas afficher plus de 30 éléments. Pour en afficher davantage, vous pouvez ajouter plusieurs blocs Sommaire à la même page et utiliser des tags pour choisir les éléments affichés dans chacun d’eux.
Dans cet exemple, nous allons utiliser une page Blog.
Étape 1 - Attribuer des tags à des lots de publications
Tout d’abord, attribuez un tag unique à chaque ensemble de 30 billets de blog :
- Accédez à votre page Blog.
- Faites défiler vers le bas jusqu’à votre premier ensemble de 30 billets de blog.
- Attribuez à chacun le même tag facile à retenir, comme lot1.
- Faites défiler jusqu’au prochain lot de 30 billets de blog. Attribuez à chacun d’eux un tag différent, comme lot2.
Continuez à marquer des lots de 30 de cette façon jusqu’à ce que vous ayez marqué tous vos billets de blog. Pour en savoir plus sur l’ajout de tags, consultez Catégories et tags.
Astuce : Modifiez chaque billet de blog individuellement. Il n’existe actuellement aucun moyen d’attribuer des tags à plusieurs billets en même temps.
Étape 2 - Ajouter plusieurs blocs Sommaire
Sur une page Disposition, ajoutez un bloc Sommaire pour chaque lot. Par exemple, si vous avez 90 billets de blog, donc trois lots de 30, vous ajouterez trois blocs Sommaire.
Étape 3 - Filtrer chaque bloc Sommaire à l’aide d’un tag
Pour le bloc Sommaire inférieur :
- Dans l’onglet Contenu, connectez le bloc Sommaire à votre page Blog.
- Cliquez sur Filtrer les éléments et ajoutez le tag de votre premier lot de publications. Dans notre exemple, vous devez ajouter le tag lot1.
- Dans l’onglet Design, définissez le nombre d’éléments sur 30.
Les trente premiers messages apparaîtront dans ce bloc Sommaire.
Continuez à mettre à jour chaque bloc Sommaire avec le tag unique d’un lot. Dans notre exemple, vous filtrez le bloc Sommaire central avec lot2et le bloc Sommaire supérieur avec lot3.
Étape 4 - Continuer à attribuer des tags aux publications et à ajouter des blocs Sommaire
Au fur et à mesure que vous ajoutez du contenu à votre site, continuez à ajouter des tags à chaque publication par lots de 30. Lorsque vous commencez un nouveau lot, ajoutez un nouveau bloc Sommaire et filtrez-le avec le nouveau tag.
Dans notre exemple, lorsque vous ajoutez votre 91e billet de blog, vous devez y ajouter le tag lot4, puis ajouter un bloc Sommaire en haut de la page avec un filtre pour ce tag.
Afficher des éléments de texte sans images (version 7.0)
Si votre site utilise la version 7.0 et que vous souhaitez afficher des ensembles de texte sans images, vous pouvez utiliser un bloc Sommaire avec une page Galerie. Cette option est idéale pour les témoignages, les avis ou d’autres contenus qui n’ont pas besoin d’être accompagnés d’images.
Suivez pour cela les étapes ci-après :
- Créez une page Galerie spécifique pour le contenu en forme de texte que vous souhaitez afficher dans un bloc Sommaire et placez-la dans la section Hors navigation de votre panneau Pages.
- Téléchargez une image pour chaque élément de texte séparé que vous souhaitez, puis ajoutez le texte comme description de l'image.
- Ajoutez un bloc Sommaire à la page sur laquelle vous souhaitez afficher le texte et reliez-le à la page Galerie que vous avez créée à l'étape 1.
- Dans l’onglet Création de l’éditeur de blocs, désactivez l’image mise en avant pour n’afficher que le texte.
Vous pouvez également créer des colonnes et des lignes avec des blocs Texte et des blocs Citation pour une disposition similaire axée sur le texte. Si votre site est sur la version 7.1, nous vous recommandons d'utiliser des dispositions automatiques pour afficher des éléments de texte uniquement.
Blocs Sommaire sur les appareils mobiles
Dans l’Éditeur intuitif, les blocs Sommaire s’affichent de la même manière sur appareils mobiles et ordinateurs. Dans l’éditeur classique, les blocs Sommaire peuvent s’afficher différemment sur mobile, en fonction de la disposition.
Les blocs Sommaire en disposition mur s’affichent dans une disposition empilée, mais les images conservent chacune leur valeur de proportion.
Les blocs Sommaire en disposition carrousel conservent leur disposition en carrousel et affichent deux éléments à la fois.
Les blocs Sommaire en disposition liste s’affichent de la même manière sur les appareils mobiles.
Les blocs Sommaire en disposition grille s’affichent dans une disposition empilée.