Présentation
Liquid est un langage de gabarit open source qui permet d’ajouter du contenu dynamique aux pages web. Vous pouvez utiliser le code Liquid partout dans Microsoft Power Pages où vous pouvez saisir du contenu HTML ou textuel, y compris dans les pages web, les extraits de contenu et les modèles web.
Liquid propose diverses constructions de langage qui vous permettent de créer du contenu, d’appliquer des transformations et de contrôler le flux d’implémentation. La possibilité d’accéder aux données Microsoft Dataverse en utilisant le langage de requête FetchXML ou en récupérant directement les lignes de table à l’aide d’identificateurs fait de Liquid le choix principal pour créer des pages web basées sur les données. Il comprend également de nombreuses balises spéciales (ou instructions de traitement) qui ciblent spécifiquement la création de modèles web réutilisables. Les sections suivantes décrivent comment utiliser des modèles dans les sites web Microsoft Power Pages.
Modèles
Dans Power Pages, une ligne de page web ne définit pas l’aspect de la page affichée sur le site web. Au lieu de cela, elle est associée à une ligne Modèle de page qui définit la disposition et le comportement.
Les deux types de modèles que vous pouvez utiliser dans les sites web Power Pages sont les suivants :
Réécrire : ces modèles implémentent le comportement spécialisé requis par certains composants et pages spéciales tels qu’une page d’erreur, une page de connexion et autres à l’aide d’un traitement côté serveur.
Modèle web : le modèle de disposition associé définit l’affichage du contenu de la page pour la sortie.
Les modèles Réécrire offrent des personnalisations limitées. Vous pouvez utiliser le langage de gabarit Liquid dans le contenu ou dans des extraits de contenu, mais la mise en page et le comportement sont prédéfinis.
En revanche, l’option Modèle web est entièrement basée sur des modèles et utilise Liquid pour définir l’affichage du contenu. Les modèles sont flexibles. Un modèle peut inclure d’autres modèles pour des parties du contenu. Un modèle peut également être basé sur un autre modèle, étendant ainsi les fonctionnalités de base. La véritable puissance des modèles web vient de leur capacité à contenir du code Liquid qui ajoute des fonctionnalités de traitement au contenu statique, notamment l’accès aux données Dataverse.
Conseil
Les modèles web peuvent également contenir du code HTML, CSS (feuilles de style en cascade) et JavaScript.
Les modèles web vous permettent de définir tout ou partie d’une page web ou des éléments communs tels que l’en-tête et le pied de page du site. Cette approche crée un aspect et un comportement homogènes sur l’ensemble du site web et vous facilite la modification de l’aspect et des données affichées. L’exemple suivant montre à quoi peut ressembler un modèle simple typique :
<div class="container">
<div class="page-heading">
{% include 'Breadcrumbs' %}
{% include 'Page Header' %}
</div>
<div class="row">
<div class="col-md-12">
{% block main %}
{% include 'Page Copy' %}
{% if page.adx_entitylist %}
{% include 'entity_list' key:page.adx_entitylist.id %}
{% endif %}
{% if page.adx_entityform %}
{% entityform id: page.adx_entityform.id %}
{% endif %}
{% endblock %}
</div>
</div>
</div>
Ce modèle simple comprend d’autres modèles pour l’affichage des éléments les plus courants. Il définit un bloc de contenu qui peut s’afficher différemment selon le modèle dérivé, et il affiche les données Dataverse en utilisant les lignes de Liste et de Formulaire associées.
Modèles web en tant qu’en-têtes et pieds de page de site web
Vous pouvez utiliser les modèles web pour remplacer l’en-tête et le pied de page globaux utilisés par un site web Power Pages. Pour ce faire, définissez la colonne 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 la colonne Modèle d’en-tête, votre modèle sélectionné assume la responsabilité de l’affichage de la navigation principale, des liens de connexion/déconnexion, de l’interface de recherche, etc. pour les éléments de l’interface de votre site normalement gérés par le modèle d’en-tête par défaut.
Conseil
Si vous n’indiquez aucun modèle d’en-tête ou de pied de page dans la ligne Site web, le contenu par défaut s’affiche. Pour supprimer l’en-tête ou le pied de page complètement, spécifiez un modèle vierge.