Comment créer un modèle de page d'article dans Zero Block
Plus d'informations
Plus d'informations
Plus d'informations
Plus d'informations
Plus d'informations
Plus d'informations
Grâce à « Zero Block », vous pouvez créer un modèle de page unique pour les articles de votre flux. Vous pouvez définir un style personnalisé pour chaque flux et rendre votre blog plus attrayant visuellement.
Recommandations pour s'assurer que le modèle de page d'article s'affiche correctement après publication :

  • Tous les éléments doivent être regroupés à l'aide du type « Objet ».
  • La fonction « Mise en page automatique » doit être activée pour les groupes et réglée sur « Auto ».
  • La hauteur du conteneur de grille de l'espace de travail doit être définie sur « Auto ».
Le modèle de page d'article doit être publié avec les dernières modifications.
Attribuer un modèle de page d'article à un flux
Créez une nouvelle page que vous désignerez ultérieurement comme modèle pour les publications du fil d'actualité. La page peut être vide : vous pourrez revenir plus tard pour la personnaliser et la configurer.
Site dashboard: the "+ Create new page" button in the upper right.
Accédez aux paramètres du flux et ouvrez l'onglet « Modèle » pour le flux personnalisé ou l'onglet « En-tête et pied de page » pour le flux d'informations. Dans le champ « Modèle de page d'article », sélectionnez la page que vous avez créée précédemment, puis enregistrez les modifications.
The "Template" tab in the "Feed Settings" pop-up window, accessed from the feed settings menu in the left panel.
Le modèle de page d'article apparaîtra dans la liste des pages sous le nom du modèle. Le flux auquel il est associé sera indiqué entre parenthèses à côté. Pour modifier le modèle de page d'article, cliquez dessus dans la liste.
Project dashboard: the created feed template page in the "Services header and footer" section.
Modification d'un modèle de page d'article
Ajoutez Zero Block à la nouvelle page. Le titre de l'article du fil d'actualité associé au modèle s'affiche dans le coin inférieur gauche de la page.

Cliquez sur le titre de l'article et sélectionnez celui que vous souhaitez utiliser pour l'aperçu lors de la modification du modèle. Si vous cliquez sur l'icône en forme de crayon située à côté, vous accéderez au fil d'actualité pour modifier le contenu de cet article.
Page editor: the post selector button in the bottom panel.
Pour ouvrir le modèle de page d'article dans l'éditeur, cliquez sur « Éditeur de blocs ».
Page editor: "Block Editor" button in the upper-left corner of the Zero Block.
Dans l'éditeur d'Zero Block , cliquez sur l'icône « + » pour ajouter un nouvel élément. Vous pouvez ajouter n'importe quel élément à partir du menu déroulant et le relier à un champ d'article du flux. Vous pouvez également sélectionner « Modèle d'article » et ajouter tous les champs d'article en une seule fois, ou afficher chaque champ individuellement.
In Zero Block: the "Add All Fields" button in the "Post Template" submenu of the element adding panel.
Lier un élément à un champ d'article
Ajoutez n'importe quel élément à la page, par exemple du texte.
Zero Block editor: the list of basic elements, from "Text" to "Gallery", in the "+" menu on the left.
Pour associer l'élément à un champ de publication du flux, sélectionnez l'élément, puis cliquez sur l'icône « Lier au flux ».
In Zero Block, the "Link to Feed" icon in the "Element Settings" panel on the right.
Sélectionnez le champ souhaité dans la liste.
Zero Block: "Title" under "POST FIELDS" in the field connection dropdown in the right panel.
Une fois l'élément associé, le champ « Contenu » apparaîtra dans le panneau des paramètres. Il indiquera le champ de l'article auquel l'élément est associé.
In Zero Block: the "CONTENT" field set to "Title" in the "ELEMENT SETTINGS" panel on the right.
Vous pouvez prévisualiser l'affichage des champs pour les autres articles de ce flux. Pour cela, sélectionnez l'article dans le coin inférieur de l'éditeur.
Zero Block editor: selecting another post from the preview dropdown menu in the bottom-left corner to preview content in the template.
Une fois la sélection effectuée, le modèle affichera le contenu de l'article choisi.
Zero Block editor: a text element on the artboard and the post selector at the bottom of the left sidebar.
Vous pouvez également ajouter au modèle de page d'article d'autres éléments qui ne doivent pas nécessairement être liés aux champs de l'article, comme un formulaire de contact. Cet élément s'affichera sur chaque page d'article.
Zero Block editor: custom post page template layout with the "Layers" panel on the left and "Artboard Settings" on the right.
Ajouter tous les champs de l'article
Pour afficher rapidement tous les champs de l'article, cliquez sur l'icône « + » et sélectionnez « Ajouter tous les champs » dans le menu déroulant.
In Zero Block, the "Post Template" section in the left panel and the "Add All Fields" button.
Tous les champs permettant d'afficher le contenu de l'article seront ajoutés à Zero Block. Vous pouvez modifier l'ordre des couches de champs, personnaliser leur apparence et ajouter de nouveaux champs.
In Zero Block: the "LAYERS" panel on the left with a selected flex group containing template post elements.
Si certains champs ne sont pas renseignés pour un article, les éléments correspondants s'afficheront avec des valeurs vides. Lorsque vous passez à un autre article dans Zero Block , les champs renseignés s'afficheront automatiquement.
Vous pouvez également supprimer des champs dans l'éditeur ou modifier leur valeur. Par exemple, un élément qui affichait auparavant des balises peut être associé au champ système « Date de création ».
Zero Block editor: the "Creation date" option in the "CONTENT" field on the Element Settings panel.
Ajouter des champs individuels aux articles
Pour afficher un champ spécifique dans Zero Block , cliquez sur l'icône « + » et sélectionnez le champ souhaité dans la liste déroulante.
Zero Block editor: "Title" under "Post Template" in the left-hand elements menu.
Cette fonctionnalité vous permet de créer votre propre modèle de page d'article. Vous pouvez définir la mise en forme de tous les éléments ajoutés dans l'éditeur « Zero Block ».
Zero Block editor: a custom post body flex container with text and images, and the "AUTO LAYOUT" settings panel on the right.
Ajouter des vignettes d'articles à un modèle de page
Pour afficher les vignettes des articles dans le modèle de page, cliquez sur l'icône « Ajouter un nouvel élément » et sélectionnez « Flux ». Sélectionnez ensuite le flux souhaité dans le menu déroulant.
In Zero Block, the "Feeds" item in the add elements menu, selecting a feed name and the "All posts" category.
Les vignettes des articles s'afficheront immédiatement sur la page. Cliquez sur le groupe de vignettes pour configurer leur affichage.
In Zero Block: the "My new Feed (FEED)" structure expanded under "Object 1" in the "Layers" panel on the left.
Fabriqué le
Tilda