Partager via


Modèles Web

Un modèle Web est un enregistrement de métadonnées de site Power Pages utilisé pour stocker le contenu source du modèle. Un modèle Web contient généralement Liquid pour le rendu du contenu dynamique. Il est la table centrale utilisée pour intégrer les modèles Liquid au reste du système de Power Pages.

Les modèles Web peuvent être inclus dans d’autres contenus ou combinés à d’autres modèles à l’aide de balises de modèle, et sont référencés dans ces balises par leur attribut Nom. Ils permettent également de créer des modèles entiers de page personnalisés, ou de créer des en-têtes et/ou des pieds de page personnalisés pour le site Web de Power Pages.

Attributs de modèles web

Attribute Description
Nom  Nom du modèle. Permet de référencer ce modèle lorsqu’il est inclus dans d’autres contenus ou étendu par d’autres modèles.
Valeur Contenu source du modèle. Un éditeur de code source avec des fonctions de mise en surbrillance de la syntaxe et de modification de code est fourni pour ce champ dans Power Apps.
Type MIME Fournit en option un type MIME pour le contenu du modèle. Un type texte/html est utilisé si aucun type n’est fourni. Cette valeur est uniquement utilisée dans les cas où le modèle est associé à un modèle de page et contrôle l’affichage de la totalité du contenu pour ce modèle.

Modèles Web en tant que dispositions de page personnalisées

Les modèles Web peuvent être utilisés avec les modèles de page pour créer des modèles pour le système de gestion de contenu des sites Power Pages.

Pour créer un modèle de page basé sur un modèle Web, sélectionnez un Type de modèle Web en créant un enregistrement de modèle de page. Sélectionnez ensuite un Modèle Web.

Notez l’option Utiliser l’en-tête et le pied de page du site Web qui est activée par défaut. Si cette option est activée, votre modèle Web contrôle l’affichage de la totalité du contenu de la page entre les en-tête et pied de page globaux du site Web. Si cette option est désactivée, votre modèle Web contrôle l’affichage de la totalité de la réponse dans le cas où vous affichez le contenu HTML, depuis le doctype aux balises <html> racines, et tout le contenu intermédiaire.

Les exemples d’utilisation les plus courants pour les modèles Web affichent le contenu HTML, mais l’affichage de la totalité de la réponse (en désélectionnant Utiliser l’en-tête et le pied de page du site Web) vous permet d’afficher le format de texte de votre choix. L’attribut Type MIME du modèle Web devient alors pertinent. Lorsqu’un modèle de page qui n’utilise pas l’en-tête et le pied de page du site Web est rendu, l’en-tête Type de contenu de la réponse HTTP sera défini sur le type MIME du modèle web associé (texte/html sera utilisé si aucun type MIME n’est fourni), offrant une grande variété d’options pour le rendu de contenu non HTML à l’aide de Liquid. Un exemple d’utilisation courant consiste à afficher un flux RSS en définissant le type MIME application/rss+xml.

Modèles Web en tant qu’en-têtes et pieds de page de site Web

Les modèles Web permettent également de remplacer les en-tête et pied de page globaux utilisés par Power Pages. Définissez le champ Modèle d’en-tête ou Modèle de pied de page de votre site Web sur le modèle Web de votre choix. Si vous remplacez En-tête de site Web, le modèle que vous avez sélectionné doit afficher la navigation principale, les liens de connexion et de déconnexion, l’interface de recherche, etc. pour les éléments d’interface de votre site qui sont normalement gérés par le modèle d’en-tête par défaut.

Modèles Web intégrés

Un ensemble de modèles Liquid prédéfinis est disponible dans les portails Power Pages. Pour les utiliser, vous devez les inclure par leur nom, en utilisant la liste ci-dessous comme référence.

Nom Description Code
Ajouter Ce modèle présente une publicité par un nom, ou une publicité aléatoire d’un emplacement de publicité. {% include 'ad' ad_name:'Name' %}{% include 'ad' ad_placement_name:'Placement Name' %}
Blogs Ce modèle présente les billets de blog récents d’un groupe de listes. {% include 'blogs' %}
Vues miniatures Ce modèle présente des liens de pages d’ancêtres sur la page d’accueil à partir de la page actuelle. {% include 'breadcrumbs' %}
Groupe de listes de liens enfants Ce modèle présente des liens vers toutes les pages enfants de la page actuelle d’un groupe de listes. {% include 'child_link_list_group' %}{% include 'child_link_list_group' title_only:true %}{% include 'child_link_list_group' image_width:'64px', image_height:'64px' %}
Événements : à venir Ce modèle présente les liens vers les événements survenant sous 60 jours à compter d’aujourd’hui. {% include 'events_upcoming' %}{% include 'events_upcoming' number_of_days_in_advance:60 %}
Forums Ce modèle présente une liste des forums du site Web, ainsi que leur nombre de fils de discussion et de publications respectifs. {% include 'forums' %}
Mise en page sur 1 colonne Ce modèle présente une mise en page sur une seule colonne contenant les vues miniatures, le titre de la page et le contenu de la page. {% extends 'layout_1_column' %}{% block main %}... {% endblock %}
Mise en page sur 2 colonnes, colonne de gauche plus large Ce modèle présente une mise en page sur deux colonnes. La colonne de gauche est plus large que celle de droite. Elle comporte des vues miniatures et le titre de la page en haut de la page. Le contenu de la page est situé dans la colonne de gauche. {% extends 'layout_2_column_wide_left' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Mise en page sur 2 colonnes, colonne de droite plus large Ce modèle présente une mise en page sur deux colonnes. La colonne de droite est plus large que celle de gauche. Elle comporte des vues miniatures et le titre de la page en haut de la page. Le contenu de la page est situé dans la colonne de droite. {% extends 'layout_2_column_wide_right' %}{% block main %}...{% endblock %}{% block aside %}...{% endblock %}
Mise en page sur 3 colonnes, colonne du milieu plus large Ce modèle présente une mise en page sur trois colonnes. La colonne du milieu est plus large que celles de gauche et de droite. La mise en page comporte des vues miniatures et le titre de la page en haut de la page. Le contenu de la page est situé dans la colonne du milieu. {% extends 'layout_3_column_wide_middle' %}{% block left_aside %}...{% endblock %}{% block main %}...{% endblock %}{% block right_aside %}...{% endblock %}
Texte de la page Ce modèle présente le contenu HTML modifiable de la page, avec prise en charge de Liquid. {% include 'page_copy' %}
En-tête de page Ce modèle présente le titre de la page. {% include 'page_header' %}
Sondage Ce modèle présente un sondage par un nom, ou un sondage aléatoire à partir d’un emplacement de sondage. {% include 'poll' poll_name:'Name' %}{% include 'poll' poll_placement_name:'Placement Name' %}
Rechercher Ce modèle présente un formulaire de recherche de base comportant une entrée de texte unique et un bouton de recherche. {% include 'search' %}
Navigation latérale Ce modèle présente une navigation sous forme d’arborescence verticale. Il comporte des liens vers des pages d’ancêtres jusqu’au premier niveau (ou au décalage de profondeur spécifié), des liens vers des pages jumelles de la page actuelle et des liens vers des enfants de la page actuelle. {% include 'side_navigation' %}{% include 'side_navigation' depth_offset:1 %}
Extrait de code Ce modèle présente un extrait de code modifiable du contenu HTML par nom. {% include 'snippet' snippet_name:'Name' %}
Navigation principale Ce modèle présente une barre de navigation modifiable comportant des menus déroulants pour l’ensemble de liens Web de la navigation principale. {% include 'top_navigation' %}
Groupe de listes Weblink Ce modèle présente un groupe de listes de liens pour un ensemble de liens Web. {% include 'weblink_list_group' weblink_set_name:'Name' %}

Modèles web en tant que composants (version préliminaire)

Les modèles web peuvent être créés et utilisés comme composants dans les pages web pour permettre aux créateurs d’utiliser ces composants réutilisables et de fournir des paramètres pour répondre aux exigences.

Pour plus d’informations : Modèles web en tant que composants

Voir aussi