Point - Générateur de modèles de pages

Introduction

Un modèle de page détermine quels éléments vous pouvez intégrer dans une page donnée. Les modèles de page sont utilisés pour maintenir une cohérence de design et garantir une expérience prévisible à vos utilisateurs.

Chaque page doit utiliser un modèle de page et si vous passez en mode "édition" sur une page, vous pouvez voir quels composants sont utilisés.

L'engrenage bleu permet d'éditer un composant, tandis que le plus bleu permet d’éditer l’éditeur "WYSIWYG". Le modèle décide quels composants (engrenages et plus) vous avez sur la page. Le choix du modèle de page utilisé sur une page est géré dans "page admin". Consultez l’article "page admin" pour en savoir plus.

Prérequis

• Pour gérer les modèles de page, vous devez disposer d’un accès très élevé. Généralement, cela est réservé aux propriétaires du système ou aux administrateurs système principaux.

Important à retenir

• Un même modèle de page peut être assigné à plusieurs pages. Si vous modifiez un modèle de page (déjà connecté à une ou plusieurs pages), toutes les pages connectées seront également affectées.
• Il existe des exceptions à ce qui précède : la navigation, la navigation gauche, le pied de page et le pied de page étendu. Ces composants sont modifiés sur une page unique et s’appliquent dans toutes les zones où ils sont utilisés, ce qui signifie que si vous les modifiez une fois, vous n’avez pas besoin de les modifier à nouveau si vous ajoutez le composant à un modèle.
• Essayez de réutiliser les modèles de page existants avant d’en créer de nouveaux. Il peut devenir difficile de se souvenir de la fonction de chaque modèle si vous en créez trop.
• Utilisez des noms explicatifs pour les modèles de page. Cela facilitera leur reconnaissance lors de l’édition des pages.

Accéder au créateur de modèles de page

Le créateur de modèles de page est accessible via "page admin".

Créateur de modèles de page : Cliquer ici vous mènera au créateur de modèles.

Modifier le modèle : Cela ouvre le modèle connecté à la page actuellement sélectionnée. Cela facilite la vérification et la modification rapide du modèle utilisé.

Lorsque vous ouvrez le créateur de modèles, vous voyez 3 sections.

La liste des modèles

C’est la liste de tous vos modèles de page. 

Nouveau modèle : Ouvre le panneau central sans composants ET ajoute une nouvelle entrée dans votre liste de modèles de page.

• Encadré bleu avec un chiffre : Indique combien de pages utilisent actuellement ce modèle. (si vous modifiez ce modèle, vous modifiez toutes les pages connectées simultanément)
• Cloner : Copie le modèle de page. N’oubliez pas de le renommer ensuite.
• ( i ) : Cliquer affiche la liste de toutes les pages utilisant ce modèle.
• Corbeille : Supprime le modèle. Assurez-vous de réassigner toutes les pages connectées à d’autres modèles ou vous risquez de perdre du contenu.

L’éditeur

Cliquer sur un modèle existant OU sur le bouton "+ nouveau modèle" l’ouvrira dans le panneau central.

C’est ici que vous ajoutez les différents composants et nommez le modèle.

• Flèches : Déplacez le composant vers le haut ou le bas dans la liste. Vous pouvez aussi glisser-déposer pour réorganiser.
• Corbeille : Supprime le composant de ce modèle. Le composant peut toujours être ajouté depuis le panneau de droite.
• Cases à cocher additionnelles : Leur description se trouve ci-dessous.

La liste des composants

En éditant un modèle de page, vous pouvez ajouter ou glisser-déposer des composants depuis ce panneau. Ce panneau contient tous les composants de page et vous pouvez en ajouter un ou plusieurs à votre modèle. Les conditions et détails individuels sont listés ci-dessous.

Une fois satisfait de vos modifications, cliquez sur "enregistrer le modèle" en haut à droite. Notez que les modifications apportées à un modèle peuvent nécessiter une mise à jour du contenu sur toutes les pages connectées.

Créer un nouveau modèle de page

1. Ouvrez page admin
2. Dans la vue d’ensemble des pages, cliquez sur Créateur de modèles de page en haut à droite, une nouvelle zone dans page admin s’ouvrira
3. Dans cette zone, cliquez sur + Nouveau modèle et une nouvelle fenêtre apparaîtra
4. Dans cette fenêtre, donnez un nom au modèle puis cliquez sur créer
5. Vous aurez maintenant un modèle vide que vous pouvez utiliser pour créer votre propre modèle. Pour construire votre modèle, trouvez les modules que vous souhaitez utiliser dans la barre latérale droite (contenu, navigation, en-tête, intégrations et pied de page) et glissez-les dans le champ central pour créer votre propre modèle de page
6. Dès que vous avez fini de personnaliser votre modèle de page, cliquez sur Enregistrer le modèle en haut à droite
7. Vous avez maintenant créé votre propre modèle de page. N’oubliez pas de l’activer en le sélectionnant lors de l’édition d’une page spécifique

Les composants

Brève description de chaque composant. Parcourez nos autres articles du Centre d’aide pour en savoir plus en détail.

Contenu :

• Tuile : Boutons de navigation pouvant être stylisés. Permet d’en avoir plusieurs sur une page.
• Pages intégrées : Charge des chapitres supplémentaires sur une page.
• HTML personnalisé : Support limité pour du contenu HTML codé personnalisé sur une page.
• Éditeur WYSIWYG : L’éditeur principal de contenu. Ajoutez du texte, du matériel provenant de Place ou Produce, des nuanciers de couleur, un visualiseur de police et bien d’autres contenus. Permet d’en avoir plusieurs sur une page.
  
  Les boutons additionnels sous "éditeur WYSIWYG" ne sont pas utilisés. Ils servent uniquement dans les applications anciennes.
• Éditeur WYSIWYG avec onglets : Vue à onglets avec un éditeur dans chaque onglet. Pour raccourcir les pages très longues.

Navigation :

• Navigation : Composant de navigation supérieure.
  
  La case "nouvelle navigation" permet d’utiliser les options du "mega menu".
• Navigation fil d’Ariane : Une petite chaîne indiquant où vous vous trouvez dans la structure de la page. Permet de naviguer vers les pages voisines et de revenir aux pages parentes.
• Navigation par chapitre : Boutons avant et arrière pour naviguer comme dans un livre.
• Ancre : Si vous utilisez "Titre 2" pour vos titres de texte, l’ancre ajoutera automatiquement des boutons permettant de naviguer rapidement vers ce chapitre sur la page.
• Liens rapides : Presque comme des tuiles. Design plus simple, disposition horizontale.
• Navigation latérale : Contrairement à la navigation supérieure, liste les pages sur la gauche.

En-tête :

• Carrousel d’en-tête : Bannière principale de votre page. Image unique avec texte, diaporama ou boîte de recherche.

Intégrations :

• Vue Place : Permet de publier automatiquement du contenu depuis Place. Supporte aussi la recherche de pages. Limité à un par modèle de page.
• Table des composants : Pour l’intégration du système de design. Permet d’afficher une liste de composants. Plus d’options de publication et d’affichage du contenu du système de design sont disponibles dans l’éditeur WYSIWYG.

Pied de page :

• Pied de page : Pied de page simple pour le bas de votre page avec peu d’options.
• Pied de page étendu : Pied de page plus avancé avec différentes options de mise en page. C’est celui qui est le plus couramment utilisé car il prend aussi en charge une vue simple, qui a principalement remplacé le "pied de page".