Se connecter Demander mon site

Décider de l’apparence avec les gabarits

Un gabarit est la mise en page d’un genre de pages : toutes vos pages, les contenus d’un type, une liste, la recherche ou la page 404. Cet article vous apprend à créer un gabarit, à savoir lequel s’applique à une page et à y placer le contenu.

Avant de commencer

  • Toutes les pages d’un même genre adoptent son gabarit, sans réglage page par page.
  • Créer, modifier et supprimer un gabarit ne demande pas le rôle Administrateur. Un membre qui peut modifier les contenus peut créer un gabarit.
  • Pour un type de contenu, créez d’abord le type. Ses gabarits apparaissent dans la liste des gabarits à créer. Créer un type de contenu décrit cette étape.
  • Comme tout le reste, un gabarit se modifie dans le Staging. Il arrive en ligne à la prochaine publication du site.
  • Six gabarits sont obligatoires pour publier le site. La section Préparer les gabarits obligatoires les liste.

Ouvrir l’écran des gabarits

Dans le menu de l’administration, ouvrez Gabarits. L’écran montre en haut la Hiérarchie des gabarits, puis le tableau de vos gabarits avec leur Titre et leur Slug. Sur un site en plusieurs langues, une colonne Langue s’ajoute.

La hiérarchie range les genres de pages en trois groupes : Archives, Contenu unique et Cas particuliers. Une case pleine a son gabarit et une case en pointillé n’en a pas encore. Cliquer sur une case en pointillé ouvre la fenêtre Ajouter un gabarit sur ce genre de pages.

La Hiérarchie des gabarits d’Atelier Sauge : dans Archives, la ligne Archive d’un type avec archive-{type} plein ; dans Contenu unique, Réalisation avec single-realisation plein, Prestation, Média et Page avec page plein, les lignes de type et Média reliées à la case de repli single pleine ; dans Cas particuliers, front-page, search, 404 et modal pleins, les trois modales du bas et side en pointillé.

Sous la hiérarchie, le tableau donne le titre et le slug de chaque gabarit. Le slug désigne le genre de pages qu’il met en page.

Le tableau des gabarits : 404 (Introuvable), Élément seul (tout type), Générique (tous les contenus), Page d’accueil et Pages portent Protégé ; Résultats de recherche, Toutes les entrées : Réalisations et Type de contenu : Réalisations portent le bouton Supprimer.

Le menu Accueil, en haut du menu de l’administration, ouvre le gabarit de la page d’accueil.

Créer un gabarit

  1. Dans l’écran Gabarits, cliquez sur Ajouter un gabarit. Une fenêtre liste les genres de pages qu’un gabarit peut mettre en page.
  2. Cliquez sur le genre voulu, par exemple Élément seul : Réalisations.
  3. Si la fenêtre le demande, choisissez entre Pour tous les éléments et Pour un élément précis.
  4. Pour un élément précis, cherchez-le dans la liste puis cliquez dessus. Un élément qui a son gabarit n’est pas proposé.
  5. L’éditeur s’ouvre sur le bloc Créations Lovely Render, qui propose les créations faites pour ce gabarit. Choisissez-en une ou composez le gabarit avec vos propres blocs.
  6. Publiez le gabarit. Les pages de ce genre prennent sa mise en page.
La fenêtre Ajouter un gabarit : Page d’accueil, Pages, Archives de type de contenu, Élément seul (tout type), 404 (Introuvable), Résultats de recherche, Pages de média, les quatre modales, Panneau latéral puis Élément seul : Réalisations et Élément seul : Prestations, chacun avec sa description.

Pour Élément seul : Réalisations, la fenêtre propose un gabarit pour toutes les réalisations ou pour une seule. Pour une seule, elle liste les réalisations qui n’ont pas encore leur gabarit.

L’étape de la portée pour Élément seul : Réalisations : Toutes les entrées : Réalisations (Pour tous les éléments), Réalisation (Pour un élément précis) et le bouton Retour.
La liste des réalisations sous le champ Rechercher : Un jardin de ville à Rezé, Terrasse potagère à Rezé, Potager surélevé à Orvault, Jardin sec à Vertou, Haie champêtre à Carquefou et Jardin d’ombre à Saint-Herblain.

Un gabarit neuf est créé en brouillon. Tant que vous ne l’avez pas publié, les pages qu’il vise gardent leur mise en page d’avant. Si vous fermez l’éditeur sans choisir de création, le gabarit reste vide.

Préparer les gabarits obligatoires

Le site ne part pas en Production tant que six gabarits ne sont pas publiés sur le Staging. Sans l’un d’eux, une partie du site s’afficherait mal en ligne.

Les gabarits obligatoires
GabaritSans lui
Page d’accueilL’accueil n’a pas de mise en page.
PagesUne page qu’aucun gabarit plus précis ne couvre affiche la page d’erreur 404.
Élément seul (tout type)Un contenu qu’aucun gabarit plus précis ne couvre affiche la page d’erreur 404.
404 (Introuvable)Une adresse qui ne mène à rien affiche la page d’erreur livrée avec Lovely Render.
ModaleUne page ouverte en modale prend le gabarit Pages, avec l’en-tête et le pied de page du site dans la fenêtre.
Panneau latéralUne page ouverte en panneau latéral prend aussi le gabarit Pages.

Ce sont les six premières étapes de l’encadré Étapes de mise en place du tableau de bord. Chaque étape ouvre son gabarit et le crée s’il n’existe pas encore. Un gabarit en brouillon ne compte pas : publiez-le. Le catalogue de créations propose Modale : générique pour la modale comme pour le panneau latéral.

Tant qu’il en manque un, l’écran Publier le site en Production les nomme et garde son bouton grisé. Publier votre site décrit cet écran.

Choisir le genre de pages

Les gabarits de la fenêtre Ajouter un gabarit
GabaritPages concernéesPortée
Page d’accueilLa page d’accueil du site.Le site entier.
PagesToutes les pages du site.Toutes les pages, ou une page précise.
Élément seul : suivi du nom d’un typeLa page de chaque contenu de ce type, ou de chaque terme d’une catégorie.Tous les contenus du type, ou un contenu précis.
Élément seul (tout type)La page de tout contenu qu’aucun gabarit plus précis ne couvre.Tous les types.
Archives de type de contenuLa page qui liste les contenus d’un type, par exemple /realisations/.Un type précis.
Résultats de rechercheLa page de résultats d’une recherche sur le site.Toutes les recherches, ou celles d’un type précis.
404 (Introuvable)La page affichée quand une adresse ne mène à rien.Le site entier.
Pages de médiaLa page de chaque média.Tous les médias.
Modale, Modale en bas à gauche, Modale en bas au centre, Modale en bas à droiteUn contenu ouvert par-dessus une page.Tous les contenus, un type ou un contenu précis.
Panneau latéralUn contenu ouvert sur le côté de la page.Tous les contenus, un type ou un contenu précis.

Élément seul : n’apparaît que pour un type dont le réglage Chaque publication a sa propre page est coché. Archives de type de contenu ne propose que les types qui ont une Page d’archive. Une catégorie n’a pas de page par terme à sa création : elle ne propose aucun gabarit tant que vous ne lui en donnez pas.

Comprendre quel gabarit s’applique

Pour afficher une page, le site cherche le gabarit le plus précis, puis descend vers les plus généraux. Le premier gabarit publié trouvé s’applique.

L’ordre de recherche des gabarits
Page affichéeGabarits cherchés, du plus précis au plus général
Une pageCelui de cette page, puis Pages. Sans eux, la page aboutit à la page 404.
Un contenu d’un type, ou un termeCelui de ce contenu, puis celui de son type ou de sa catégorie, puis Élément seul (tout type). Sans eux, le contenu aboutit à la page 404.
La liste d’un typeCelui de l’archive de ce type. Sans lui, la liste aboutit à la page 404.
Une recherche limitée à un typeCelui de la recherche dans ce type, puis Résultats de recherche.
Un contenu ouvert en modaleCelui de ce contenu, puis celui de son type, puis Modale. Les trois modales du bas reviennent à la Modale centrée quand elles n’ont pas de gabarit.
Un contenu ouvert en panneau latéralCelui de ce contenu, puis celui de son type, puis Panneau latéral. Le panneau ne revient pas à la Modale.

Sur le Staging, un contenu ouvert par-dessus la page sans gabarit de modale ou de panneau prend son propre gabarit, par exemple Pages pour une page. Si vous pouvez créer des gabarits, la fenêtre vous montre plutôt les gabarits qui manquent, comme le dit la section Trouver le gabarit qui manque à une page. Ce cas n’arrive jamais en ligne, puisque Modale et Panneau latéral sont obligatoires pour publier.

Vous pouvez ajouter des cas particuliers sans conflit. Par exemple, un gabarit pour la seule réalisation Jardin sec à Vertou passe avant celui de toutes les réalisations.

Trouver le gabarit qui manque à une page

Sur le Staging, une page, un contenu ou une liste qu’aucun gabarit publié ne met en page ne vous affiche pas la page 404 si vous pouvez créer des gabarits. Le titre Aucun gabarit publié n’affiche cette page s’affiche à la place, avec les gabarits que le site a cherchés pour cette adresse, dans l’ordre de recherche. Chaque ligne donne le nom du gabarit tel que l’écran Gabarits l’affiche, son slug et un lien.

Les liens de la liste des gabarits cherchés
LienQuandEffet
Créer ce gabaritAucun gabarit ne porte encore ce slug.Crée le gabarit en brouillon et l’ouvre dans l’éditeur, sur les créations faites pour lui.
Ouvrir le brouillonLe gabarit existe en brouillon.Ouvre le brouillon dans l’éditeur.

Composez l’un de ces gabarits puis publiez-le : l’adresse prend sa mise en page.

  • Les autres membres et les personnes venues par un lien d’aperçu voient la page 404, comme en Production. Partager un aperçu du Staging décrit ces liens.
  • En Production, l’adresse affiche la page 404 tant qu’aucun de ces gabarits n’est publié.
  • Une adresse qui ne mène à rien, comme une faute de frappe, affiche la page 404 sur le Staging aussi.
  • Un contenu ouvert en modale ou en panneau latéral sans gabarit de modale ou de panneau montre la même liste dans sa fenêtre, avec les gabarits de modale ou de panneau que le site a cherchés.

Placer le contenu dans le gabarit

Le bloc Contenu du post marque l’endroit où s’affiche le contenu de la page visitée. Il n’est proposé que dans l’éditeur d’un gabarit et n’a aucun réglage. Les marges, le fond ou la bordure autour du contenu se règlent sur le bloc qui l’entoure.

  • Posé à la racine du gabarit, il affiche le contenu de la page. Dans l’éditeur, il montre à la place Le contenu apparaîtra ici.
  • Posé dans l’élément répété d’une liste, il affiche le contenu de chaque élément listé.

Un gabarit de page ou de contenu sans ce bloc affiche la page sans son contenu. Un avis le signale en haut de l’éditeur : Ce gabarit habille une entrée mais n’affiche rien de son contenu : posez le bloc « Contenu du post » là où l’entrée doit apparaître. Il disparaît quand vous posez le bloc. Une fois fermé, il ne revient plus sur ce gabarit.

L’accueil, une archive, une modale et le panneau latéral ne reçoivent pas cet avis. Ils montrent une page composée, une liste ou une composition aussi bien qu’un contenu.

Régler la page d’erreur 404

Tant qu’aucun gabarit 404 (Introuvable) n’est publié, une adresse qui ne mène à rien affiche la page livrée avec Lovely Render. Elle montre le titre Erreur 404 : page introuvable et une image. Ce titre suit le style Titre 2 de votre design.

Une fois publié, votre gabarit 404 sert toutes les erreurs du site. Il s’affiche pour une adresse inconnue, une adresse technique de WordPress demandée par un robot ou un contenu que vous avez rendu non consultable. Seule l’adresse /wp-admin tapée sur votre nom de domaine garde la page livrée avec Lovely Render.

Régler la page de résultats de recherche

Le gabarit Résultats de recherche est facultatif. Sans lui, une recherche garde le gabarit de sa page d’arrivée, l’accueil ou la liste d’un type. Avec lui, les résultats ont leur propre mise en page. Un gabarit de recherche limité à un type passe avant le gabarit général pour les recherches faites dans ce type.

Revenir à une version d’un gabarit

Un gabarit garde une révision à chaque enregistrement, comme une page. Dans l’éditeur du gabarit, ouvrez ses révisions pour comparer deux états et restaurer le précédent.

Supprimer un gabarit

  1. Dans le tableau de l’écran Gabarits, repérez la ligne du gabarit.
  2. Cliquez sur Supprimer. Une fenêtre demande Supprimer « … » ? avec le titre du gabarit, et rappelle qu’il sera supprimé définitivement, avec ses révisions.
  3. Cliquez sur Supprimer pour confirmer, ou sur Annuler pour garder le gabarit. Une fois le gabarit supprimé, l’écran se recharge et les pages concernées prennent le gabarit suivant de l’ordre de recherche.

L’icône de corbeille d’une case de la hiérarchie ouvre la même fenêtre.

Les gabarits Page d’accueil, Pages, Élément seul (tout type), 404 (Introuvable), les quatre modales et le Panneau latéral portent Protégé à la place du bouton. Ni eux ni leurs traductions ne se suppriment. Ils restent modifiables. Résultats de recherche n’est pas protégé : il porte le bouton Supprimer.

Confier un gabarit à votre IA

Une IA branchée à votre site crée et réécrit un gabarit dans le Staging, jamais en Production. Il faut être administrateur du site et lui avoir accordé le droit de modifier les gabarits et les compositions. Ce droit n’est jamais coché d’avance. Brancher votre IA décrit ces droits.

  • Elle choisit le genre de pages dans la liste que lui donne le site. Elle ne change jamais la cible d’un gabarit existant.
  • Un gabarit qu’elle crée arrive avec ses blocs et publié. Une création sans bloc est refusée.
  • Une réécriture remplace le gabarit entier. Les blocs qu’elle n’a pas touchés reviennent à l’identique.
  • Les filtres d’une liste, sa boîte de recherche et le fil d’Ariane se posent à la main dans l’éditeur.

Voir aussi

Mis à jour le

Toutes les pages de la documentation