Créer un modèle de page personnalisé avec Liquid et un modèle de page Modèle Web

Dans cet exemple, nous allons créer un modèle de page personnalisé avec Liquid et un modèle de page Modèle Web. Pour plus d'informations : Stocker le contenu source à l'aide de modèles Web
Notre objectif consiste à créer un modèle simple à deux colonnes qui utilise un lien Web défini comme navigation du côté gauche, le contenu de la page étant à droite. Quelque chose comme ça :

Modèle de page personnalisé

Étape 1 : créer un modèle Web et écrire le code du modèle Liquid

Tout d'abord, nous allons créer le Modèle Web et écrire le code du modèle Liquid. Nous sommes susceptibles de réutiliser certains éléments communs de ce modèle dans d'autres modèles. Par conséquent, nous allons créer un modèle de base commun que nous étendrons avec un modèle spécifique. Notre modèle de base fournira des liens vers des miniatures et le titre/l'en-tête de la page, et définira la disposition sur une colonne :

Disposition sur une colonne du modèle Web

Conseil

Découvrez l'héritage de modèle en utilisant le bloc et les balises d'extension : Balises de modèle

Étape 2 : créer un modèle Web qui étend notre modèle de disposition de base

Utilisez le jeu de liens de navigation Web associé à la page actuelle des liens de navigation pour créer un modèle Web qui étend notre modèle de disposition de base.

Disposition de navigation à gauche pour les liens de modèle Web

Conseil

Familiarisez-vous avec la procédure de chargement de jeux de liens Web à l'aide de l'objet weblinks.

Étape 3 : créer un modèle de page Modèle Web qui utilise le modèle Web

Disposition de navigation à gauche pour les liens Web de modèle de page

Maintenant, il ne reste qu'à créer une page Web qui utilise notre modèle de la page et un jeu de liens Web associé, et nous avons le résultat.

Page Web avec navigation à gauche

Voir aussi

Créer des modèles avancés pour les portails
Créer un modèle de page personnalisé pour afficher un flux RSS
Afficher la liste d'entités associée à la page active
Afficher un en-tête de site Web et une barre de navigation principale
Afficher jusqu'à trois niveaux de hiérarchie de page à l'aide de la navigation hybride