Introducción

Completado

Liquid es un lenguaje de plantillas de código abierto que puede usar para agregar contenido dinámico a los sitios web. El código Liquid se puede usar en cualquier lugar de Microsoft Power Pages donde se pueda introducir contenido HTML o de texto, incluido el contenido de páginas web, fragmentos de contenido y plantillas web.

Liquid ofrece varias construcciones de lenguaje para ayudarle a crear contenido, aplicar transformaciones y controlar el flujo de implementación. La capacidad de acceder a los datos de Microsoft Dataverse utilizando el lenguaje de consulta FetchXML o la recuperación directa de filas de tablas mediante identificadores hacen que Liquid sea la opción principal para crear páginas web basadas en datos. También incluye muchas etiquetas especiales (o instrucciones de procesamiento) que tienen la finalidad específica de crear plantillas web reutilizables. Las siguientes secciones explican cómo se utilizan las plantillas en los sitios web de Microsoft Power Pages.

Plantillas

En Power Pages, una fila de página web no define el aspecto de la página representada en el sitio web. Más bien, está vinculada a la fila de una Plantilla de página, que define el diseño y el comportamiento.

Estos son los dos tipos de plantillas que puede usar en los sitios web de Power Pages.

  • Reescritura: estas plantillas utilizan el procesamiento del lado del servidor para implementar el comportamiento especializado que requieren algunos de los componentes y páginas especiales, como una página de error, de inicio de sesión, etc.

  • Plantilla web: la plantilla de diseño vinculada define cómo se representa el contenido de la página para en su salida.

Las plantillas de reescritura ofrecen personalizaciones limitadas. Puede usar el lenguaje de plantilla Liquid como parte del contenido de la página o en fragmentos de contenido de la misma, pero el diseño y el comportamiento de la página están predefinidos.

Por otra parte, la opción Plantilla web está completamente basada en plantilla y usa Liquid para definir cómo se representa el contenido. Las plantillas son flexibles. Una plantilla puede incluir otras plantillas para partes del contenido. Una plantilla también puede basarse en otra plantilla, lo que ampliaría la funcionalidad base. El verdadero potencial de las plantillas web proviene de la capacidad de contener código Liquid que agrega capacidades de procesamiento al contenido estático, incluido el acceso a datos de Dataverse.

Sugerencia

Las plantillas web también pueden contener HTML, hojas de estilo CSS y JavaScript.

Puede usar plantillas web para definir una página web completa, parte de una página o elementos comunes, como el encabezado y pie de página del sitio. Este método crea una apariencia y un comportamiento uniformes en todo el sitio web y facilita la modificación de la apariencia y los datos representados. En el siguiente ejemplo se muestra cómo sería una plantilla sencilla típica:

<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>

Esta plantilla sencilla incluye otras plantillas para representar partes y piezas comunes. Define el bloque de contenido que otra plantilla derivada puede representar de manera diferente, y representa los datos de Dataverse mediante las filas relacionadas de Lista y Formulario.

Plantillas web como encabezados y pies de página web

Puede usar plantillas web para reemplazar el encabezado y pie de página globales que usan los sitios web de Power Pages. Para llevar a cabo esta tarea, establezca la columna Plantilla de encabezado o Plantilla de pie de página de su sitio web en la plantilla web de su elección.

Captura de pantalla del encabezado y pie de página de la plantilla web

Si reemplaza la columna Plantilla de encabezado, la plantilla seleccionada asume la responsabilidad de representar la navegación principal, los vínculos de inicio y cierre de sesión, la interfaz de búsqueda, etc. para los elementos de la interfaz del sitio que normalmente son responsabilidad de la plantilla de encabezado predeterminada.

Sugerencia

Si no especifica una plantilla de encabezado o de pie de página en la fila de Sitio web, se representará el contenido predeterminado. Para eliminar el encabezado o pie de página por completo, especifique una plantilla en blanco.