Les flux CMS vous permettent de personnaliser la structure du contenu en toute flexibilité : utilisez des ensembles de champs prédéfinis ou créez les vôtres pour différentes tâches.
Consultez ce guide pour découvrir comment créer et configurer un flux CMS, gérer ses champs et afficher les articles sous forme de vignettes sur une page à l'aide de Zero Block.
Création d'un flux CMS
Commencez par activer les flux CMS dans les paramètres du site. Ouvrez ensuite la section « Flux » et cliquez sur « Créer un nouveau flux ».
Enter the Feed title, select the Feed structure. Choose Blank to configure fields from scratch, or use a ready-made field set, such as Blog, FAQ, or another option that best fits your task.
Click Create, and the Feed dashboard will open.
Tous les champs définis dans un flux personnalisé (CMS) peuvent être modifiés : vous pouvez supprimer les champs inutiles, en ajouter de nouveaux ou modifier leur ordre.
Une fois le flux créé, ouvrez-le. Par défaut, des exemples de publications sont créés en même temps que la structure sélectionnée. Vous pouvez les consulter, puis les supprimer.
Ajouter et supprimer des champs
Pour commencer à utiliser les champs, ouvrez « Paramètres du flux » → « Champs ».
L'onglet « Champs » affiche la structure actuelle du flux. Pour ajouter un champ, cliquez sur « Ajouter un champ ». Pour modifier un champ existant, sélectionnez-le dans la liste. Pour supprimer un champ, cliquez sur l'icône de la corbeille.
Un champ peut également être temporairement désactivé, dupliqué ou déplacé dans la liste.
Le champ « Titre » est obligatoire. Il ne peut être ni masqué, ni supprimé, ni désactivé, ni dupliqué, ni déplacé. Il sera toujours le premier champ de la fiche.
Si vous supprimez tous les champs personnalisés ou si vous créez un flux vide, seuls les champs système s'afficheront dans la fiche d'article : titre, adresse de l'article, visibilité, lien vers une page personnalisée contenant un article, numéro d'ordre dans la liste des articles et champs de balises méta.
Modification des champs
Lorsque vous ajoutez un champ, sélectionnez son type : principal, secondaire ou décoratif.
Les champs principaux servent à créer le contenu des articles. Ils comprennent : champ de saisie d'une ligne, champ de texte multiligne, texte formaté, éditeur de texte en blocs, image, galerie, vidéo et média.
Des champs secondaires peuvent être ajoutés en fonction des spécificités du projet. Il s'agit notamment de la date, d'un site web, d'un champ numérique, d'une couleur, d'une liste déroulante (boîte de sélection), d'une liste avec des options de réponse, d'une case à cocher et du code HTML.
Les champs décoratifs permettent de mettre en forme et de structurer l'ensemble des champs. Il s'agit notamment d'un séparateur, d'un espace blanc et d'un commentaire textuel.
Vous pouvez également définir des conditions et des paramètres supplémentaires pour chaque champ. Pour les afficher, cliquez sur « Supplémentaire ».
Remplissez tous les champs nécessaires, tels que la valeur par défaut pour les champs « Image », « Galerie » ou « Média ». Faites particulièrement attention aux champs « Obligatoire » et « Afficher » dans les options de la liste des articles.
Si l'option « Obligatoire » est activée, l'article ne pourra pas être enregistré tant que ce champ n'aura pas été renseigné. Cette condition s'applique aussi bien lors de la création que lors de la modification d'un article.
Si une valeur par défaut est définie pour ce champ, elle sera utilisée jusqu'à ce que vous la modifiiez manuellement.
Si l'option « Afficher le champ dans la liste des articles » est activée, le champ et sa valeur s'afficheront dans le tableau des articles.
Remise en état des champs
Un champ supprimé peut être restauré ou supprimé définitivement. Pour ce faire, cliquez sur « Champs supprimés » dans l'onglet « Champs » des Paramètres.
Une liste des champs supprimés s'affichera. Pour chaque champ, la date de suppression et deux actions disponibles s'afficheront : « Restaurer » et « Supprimer ».
Une fois restauré, le champ réapparaîtra dans la fiche avec la valeur précédemment enregistrée.
Les champs supprimés sont conservés pendant 30 jours, puis définitivement supprimés. Pour supprimer définitivement un champ avant l'expiration de ce délai, cliquez sur « Supprimer ».
Si un champ supprimé contenait des données, une info-bulle concernant les champs supprimés s'affichera dans la fiche. Cliquez sur « Afficher » pour consulter les champs et les valeurs qui y étaient enregistrées.
Les valeurs des champs supprimés peuvent être modifiées et enregistrées. Cependant, elles n'apparaîtront pas sur la page publiée et seront à nouveau masquées une fois la fiche de publication fermée. Pour les faire réapparaître dans la fiche de publication et sur la page, réactivez les champs dans l'onglet « Champs » des paramètres du flux.
Création d'un modèle de page d'article dans Zero Block
Avec Zero Block, vous pouvez créer une page au design personnalisé pour les publications du fil d'actualité. Pour ce faire, créez une nouvelle page et attribuez-la comme modèle de page de publication dans les paramètres du fil d'actualité. Ajoutez ensuite Zero Block la page et commencez à configurer l'affichage des champs du fil d'actualité.
Pour afficher les champs du flux dans Zero Block, cliquez sur l'icône « Ajouter un nouvel élément » et sélectionnez un champ de publication spécifique dans le menu déroulant, ou ajoutez tous les champs en une seule fois.
Vous pouvez utiliser le bloc standard pour afficher les publications d'un flux personnalisé ou créer des vignettes de publication personnalisées dans Zero Block.
Créez une nouvelle page ou ouvrez-en une existante, puis Zero Block .
Cliquez sur « Éditeur de blocs » et supprimez les éléments d'exemple.
Dans le coin supérieur gauche, cliquez sur l'icône « + ». Dans la liste des éléments, passez la souris sur « Flux ». Dans le menu déroulant, sélectionnez le flux personnalisé que vous avez créé précédemment.
Une disposition en mosaïque des publications du flux sélectionné s'affichera dans Zero Block. Elle se compose de groupes système et de calques. La mise en page automatique est activée par défaut pour cette disposition en mosaïque.
Modification des vignettes du flux
Lier des éléments aux champs du flux
Les calques système et les groupes de la mise en page en mosaïque sont mis en évidence par une couleur différente dans le panneau des calques, car ils sont liés à des variables de flux.
Sélectionnez n'importe quel élément de la mise en page en mosaïque. Le panneau des paramètres situé à droite affichera le champ « Contenu » correspondant à l'élément sélectionné.
Par exemple, si le titre d'un article est sélectionné, le champ « Contenu » affichera le champ correspondant.
Pour modifier la connexion, cliquez sur le nom du champ. Un menu proposant les options suivantes s'ouvrira :
Non lié — supprime le lien entre l'élément et le champ.
Champs de publication — champs créés pour le flux sélectionné.
Champs système — champs créés automatiquement pour tous les articles.
Champs du flux — nom et description du flux.
Si vous sélectionnez « Non lié », l'élément cessera de recevoir des données du flux et deviendra un Zero Block » classique. Son contenu ne sera plus mis à jour de manière dynamique.
Ajouter un élément aux vignettes de publication
Pour ajouter un champ supplémentaire à la disposition des vignettes, cliquez sur l'icône « + » et sélectionnez l'élément souhaité, par exemple du texte.
L'élément apparaîtra sur le plan de travail et dans le panneau des calques. Pour l'associer à un champ du flux, déplacez le calque dans le groupe « Post ».
« Post » est le groupe système de la carte « Post ». Vous pouvez y ajouter de nouveaux éléments et supprimer ceux qui existent déjà.
« Posts » est le groupe système de l'ensemble de la mise en page en mosaïque. Il contient des cartes « Post » qui se répètent.
Une fois l'élément placé dans le groupe « Post », l'icône « Lien vers le flux » apparaîtra dans le panneau des paramètres situé à droite. Cliquez dessus pour sélectionner un champ de flux.
Dans le menu déroulant, sélectionnez le champ souhaité, par exemple « Date de publication ».
L'élément sera automatiquement lié au champ sélectionné. Le nom du champ apparaîtra dans le paramètre « Contenu ». D'autres options de mise en forme peuvent également s'afficher dans le panneau des paramètres. Par exemple, pour la date de publication, vous pouvez choisir le format d'affichage.
Lorsqu'un élément de texte ou graphique est ajouté au groupe de vignettes d'articles, il peut être associé aux champs « Flux » ou « Catégorie » : titre, description et image.
La couleur de l'élément dans le panneau « Calques » changera également. Cela signifie que l'élément est lié à un champ du flux et reçoit du contenu de manière dynamique.
Vous pouvez personnaliser l'apparence de n'importe quel élément du groupe « Post ».
Dans Zero Block, vous pouvez également ajouter des éléments standard qui ne sont pas liés aux champs du flux.
Les éléments liés aux champs « Feed » ne peuvent être ajoutés qu'au groupe « Posts ». Les éléments standard peuvent être placés au-dessus du groupe « Posts ». Si vous placez un élément directement à l'intérieur du groupe « Posts », un message d'erreur s'affichera.
Ajout du champ « Média »
Si le champ « Média » est utilisé comme aperçu dans le flux, vous devez ajouter les éléments correspondants à la fiche de publication.
Dans Zero Block , ajoutez les éléments « image », « vidéo » et « galerie ».
Placez les éléments ajoutés directement dans le groupe « Post ».
Associez chaque élément au champ « Feed ». Pour ce faire, cliquez sur l'icône de connexion du champ et sélectionnez « Médias » dans le menu déroulant. Vous devez effectuer cette opération pour les trois éléments : image, galerie et vidéo.
Enregistrez les modifications et actualisez l'éditeur afin que les associations soient appliquées à tous les éléments.
Désormais, chaque publication affichera le type de fichier multimédia qui y a été ajouté.
Si vous utilisez uniquement une vidéo comme aperçu de l'article, vous n'avez pas besoin d'ajouter les trois éléments. Il suffit d'ajouter l'élément « Vidéo » et de le relier au champ « Média ».
Ajout de champs secondaires
Vous pouvez ajouter à un flux des champs secondaires de différents types : site web, liste déroulante, couleur, champ numérique, liste avec options de réponse, case à cocher, HTML et date.
Champ « Date ». Pour afficher une date de publication personnalisée, ajoutez un champ « Date » au flux et définissez sa valeur. Ensuite, dans Zero Block , ajoutez un élément de texte au groupe « Publication » et associez-le à ce champ.
Champ « Lien ». Si vous souhaitez que les articles renvoient vers d'autres pages, ajoutez un champ « Site web » au flux.
Par défaut, chaque article est automatiquement associé à un lien vers la page de l'article. Grâce à un champ « Site web » supplémentaire, vous pouvez indiquer une URL différente.
Pour associer le champ « Site Web » à un flux, ajoutez un élément comportant un champ URL, tel qu'un bouton. Cliquez sur l'icône de connexion et sélectionnez le lien personnalisé dans le menu déroulant.
Ce lien sera ajouté à toutes les publications du flux dans la mise en page en mosaïque. Les publications ne s'ouvriront que lorsque l'utilisateur cliquera sur l'élément lié.
Vous n'avez pas besoin de créer un élément distinct avec une URL pour associer votre champ « Site web » personnalisé. Vous pouvez sélectionner le groupe de publications et modifier l'association du champ URL pour passer d'un lien vers une publication du système à un lien vers le flux.
Une carte postale ne peut comporter qu'un seul lien. Vous pouvez le définir soit pour un élément spécifique dans le champ « URL », soit pour l'ensemble du groupe de publications. Il n'est pas possible de définir deux liens dans une même carte postale.
Couleur. Vous pouvez ajouter un champ « Couleur » à la carte de publication et l'utiliser dans Zero Block où la sélection de couleur est disponible, par exemple pour styliser des balises.
Dans l'exemple ci-dessous, un élément « Bouton » est ajouté à la mise en page de la carte de publication. Le champ « Texte » est lié au champ « Flux de balises », et la couleur d'arrière-plan utilise la valeur du champ « Flux » portant le même nom.
Autres champs supplémentaires. Vous pouvez également afficher d'autres champs supplémentaires dans les vignettes d'articles et le modèle de page dans Zero Block: liste déroulante (selectbox), champ numérique, liste avec options de réponse et HTML.
Leurs valeurs peuvent être utilisées selon vos besoins, par exemple pour des balises ou d'autres informations supplémentaires dans la fiche d'article.
Configuration de l'affichage des articles
Cliquez sur la vignette de la publication pour afficher ses options dans le panneau de paramètres situé à droite. Ces options sont regroupées dans la section « Flux ».
Pour accéder directement à la gestion du flux sélectionné, cliquez sur « Gérer » dans la section « Paramètres du flux ».
Source. Pour afficher les publications d'un autre flux, sélectionnez-le dans le menu déroulant « Source ».
Une fois la source modifiée, les éléments précédemment liés à des champs resteront sur le plan de travail. Si le nouveau flux ne comporte pas le champ correspondant, l'élément lié s'affichera comme vide.
Pour le délier, sélectionnez l'élément présentant l'erreur et cliquez sur « Déconnecter ».
Tri. Pour configurer l'ordre d'affichage des articles, repérez le champ « Tri » dans le panneau de droite et sélectionnez l'option souhaitée dans le menu déroulant.
Si l'option « Inverser l'ordre par défaut » est sélectionnée, les articles s'afficheront à partir de la fin de la liste.
Si vous ne modifiez pas ce champ, les publications s'afficheront dans l'ordre par défaut, exactement comme dans le tableau de bord « Feed ». Par exemple, si l'ordre par défaut est utilisé dans le tableau de bord « Feed » et que vous déplacez la troisième publication en début de liste, l'ordre changera également dans l'éditeur de vignettes.
Le message déplacé apparaîtra en tête de la liste.
Filtres. Pour filtrer les publications, ouvrez le menu « Filtres » et configurez une condition permettant de définir quelles publications s'afficheront dans la disposition en vignettes.
Pagination. Pour ajouter une pagination, ouvrez le menu déroulant « Pagination » et sélectionnez l'une des options suivantes :
Bouton « Charger plus »
Défilement infini
Important : pour que la pagination s'affiche correctement, la hauteur du plan de travail dans le bloc doit être définie sur « Automatique ». Cela évite que les articles ne soient tronqués. Pour ce faire, réglez la hauteur du conteneur de grille sur « Automatique ».
Si vous choisissez l'option « Bouton », celui-ci apparaîtra automatiquement dans le panneau des calques.
Vous pouvez personnaliser l'apparence du bouton à l'aide du panneau de paramètres, exactement comme pour un élément « Bouton » standard.
Si l'option de défilement infini est sélectionnée, le bouton n'apparaît pas. Les nouveaux messages sont chargés automatiquement au fur et à mesure que l'on fait défiler la page.
Limite. Vous pouvez définir le nombre de publications affichées dans la disposition en mosaïque. Pour ce faire, sélectionnez l'ensemble de la disposition en mosaïque dans le panneau « Calques » et saisissez le nombre souhaité dans le champ « Limite » du panneau des paramètres situé à droite.
Paramètres d'affichage supplémentaires pour les vignettes des articles
Pour accéder aux paramètres supplémentaires des vignettes de publication, sélectionnez le calque « Feed » dans le panneau des calques, puis cliquez sur « État vide », « Ignorer X publications » et « Catégories » dans les paramètres.
L'état « vide » s'affiche si le fil d'actualité ne contient encore aucune publication. Vous pouvez le configurer en sélectionnant l'une des options du menu déroulant :
Par défaut — un message standard indiquant qu'il n'y a aucun message s'affichera sur la page.
Vide — le fil d'actualité ne s'affichera pas sur la page.
Personnalisé — un groupe sera créé dans Zero Block vous pourrez personnaliser à l'aide de différents éléments.
Catégories. Si le flux comporte des catégories, vous pouvez choisir de les afficher ou non dans la disposition en vignettes.
Une fois les catégories ajoutées, un nouveau groupe « Catégories » apparaîtra automatiquement dans le panneau des calques. Les champs seront associés aux champs correspondants des catégories dans le flux. Après avoir ajouté les catégories, vous pouvez personnaliser leur apparence.
Ignorer X publications. Vous pouvez afficher les publications dans la disposition en mosaïque non pas à partir de la première publication, mais à partir de n'importe quelle autre publication de la liste. Par exemple, si vous indiquez d'ignorer 1 publication, la disposition en mosaïque affichera les publications à partir de la deuxième.
Conditions de visibilité des éléments
Vous pouvez définir des conditions de visibilité pour les éléments. Cliquez sur n'importe quel élément dans les vignettes de publication, puis accédez à l'option « Visibilité » dans les paramètres. Par défaut, l'élément est réglé sur « Afficher ».
Pour masquer l'élément, cliquez sur le menu déroulant « Visibilité » et sélectionnez « Masquer ».
Pour définir une condition de visibilité, cliquez sur « Ajouter une condition ».
Sélectionnez la condition qui déterminera si l'élément sera affiché ou masqué. Les options suivantes sont disponibles :
Est défini : le champ contient une valeur quelconque.
N'est pas défini : le champ ne contient aucune valeur.
Égal — la valeur du champ correspond exactement à la valeur spécifiée.
N'est pas égal à : la valeur du champ ne correspond pas à la valeur indiquée.
Outre les conditions principales, les champs de date prennent en charge les opérateurs « Avant » et « Après », tandis que les champs numériques prennent en charge les opérateurs « Inférieur à » et « Supérieur à ».
Si l'option « Égal à » ou « Différent de » est sélectionnée, saisissez dans le champ la valeur à comparer.
Pour ajouter une autre condition, cliquez sur l'icône « + ».
Une fois les conditions configurées, la disposition des vignettes n'affichera que les éléments qui répondent aux conditions spécifiées.
Transfert de flux via CSV
Vous pouvez utiliser les fonctionnalités d'importation et d'exportation au format CSV pour transférer des publications depuis des flux d'information vers des flux personnalisés, ainsi que pour transférer des publications entre différents flux personnalisés.
Pour ce faire, cliquez sur les trois points dans la section « Plus » de l'éditeur de flux, puis sélectionnez « Exporter les publications au format CSV ».
Sélectionnez une catégorie ou tous les articles, indiquez le séparateur, puis cliquez sur « Exporter ».
Créez ensuite tous les champs de contenu dans le nouveau flux personnalisé afin que les valeurs des publications soient correctement transférées. Importez ensuite le fichier CSV contenant les publications du flux.
Vérifiez l'aperçu pour vous assurer que tout est correct, puis cliquez sur « Importer ».
Dans la fenêtre de mappage, associez les champs du fichier aux champs du flux. Si certains champs ne doivent pas être transférés, sélectionnez « Ignorer » pour ceux-ci.
Les champs du flux ne sont pas créés automatiquement à partir du fichier. Une fois tous les champs associés, cliquez sur « Commencer à écrire les données ».
Transfert d'articles entre flux
Vous pouvez également transférer des publications d'un flux à l'autre à l'aide de la fonctionnalité « Transférer ». Pour ce faire, sélectionnez les publications dans le flux, puis cliquez sur le bouton « Transférer ».
Sélectionnez le champ « Flux de destination » et faites correspondre les champs à transférer.
Avant de transférer des articles vers le flux CMS, vous devrez peut-être créer au préalable des champs supplémentaires qui ne sont pas disponibles dans ce flux.
Si vous souhaitez simplement copier un message d'un flux vers un autre, cochez la case « Copier le message » puis cliquez sur « Transférer ».