Show Menu
TOPICS×

Componente de página

El componente Página es un componente de página extensible diseñado para trabajar con el editor de plantillas y permite ensamblar el encabezado/pie de página y los componentes de estructura con el editor de plantillas.

Uso

El componente de página forma la base de todas las páginas diseñadas con los componentes principales, así como plantillas editables. Mediante el uso del componente de página, los encabezados, los pies de página y la estructura de la página se pueden definir como una plantilla con los demás componentes principales.
Mediante el cuadro de diálogo de diseño, se pueden definir bibliotecas personalizadas del lado del cliente para la página. A diferencia de otros componentes que tienen un cuadro de diálogo de edición al que se puede acceder directamente desde el componente, dado que el componente es la propia página, el cuadro de diálogo de edición del componente de página es la ventana de propiedades de página.

Versión y compatibilidad

La versión actual del componente Página es v2, que se introdujo con la versión 2.0.0 de los componentes principales en enero de 2018, y se describe en este documento.
En la tabla siguiente se detallan todas las versiones compatibles del componente, las versiones de AEM con las que las versiones del componente son compatibles y los vínculos a la documentación de versiones anteriores.
Versión del componente
AEM 6.3
AEM 6.4
AEM 6.5
Compatible
Compatible
Compatible
v1
Compatible
Compatible
Compatible
Para obtener más información sobre las versiones y versiones de los componentes principales, consulte el documento Versiones de componentes principales.
Para habilitar la redirección a
cq:Page
nivel para la versión 2 del componente de página y AEM 6.3, se requiere el Service Pack 2 o posterior. Esta redirección no estaba disponible en versiones anteriores.

Ejemplo de salida de componente

El siguiente es un ejemplo tomado de We.Retail .

Captura de pantalla

Detalles técnicos

La documentación técnica más reciente sobre el componente Página puede encontrarse en GitHub .
Encontrará más detalles sobre el desarrollo de los componentes principales en la documentación para desarrolladores de los componentes principales.

Edit Dialog

Dado que el componente representa toda la página, la configuración que normalmente estaría en un cuadro de diálogo de edición se encuentra en la ventana Propiedades de la página.

Cuadro de diálogo Diseño

Dado que el componente representa toda la página, se accede al cuadro de diálogo de diseño mediante Información de
página -> Política
de página al editar la plantilla de página.
En versiones anteriores de AEM, la política
de
página se denominaba Diseño
de
página.

Ficha Propiedades

Mediante la ventana Diseño de página, puede definir las bibliotecas de cliente que se van a cargar, así como la biblioteca de recursos web de la página.
  • Bibliotecas
    de clienteDefine las categorías de biblioteca de cliente que se van a cargar. JavaScript se agrega al final del cuerpo y CSS al encabezado de la página.
  • Bibliotecas de clientes Cabeza
    de página JavaScriptDefine las categorías de biblioteca del cliente JavaScript que se cargarán en el encabezado de página.
    • Las categorías definidas aquí que también están presentes en el campo Bibliotecas
      de
      cliente tendrán JavaScript cargado en el encabezado de página en lugar de en el extremo del cuerpo.
    • No se cargará CSS a menos que la categoría también esté presente en el campo
      Bibliotecas
      de clientes.
  • Biblioteca
    del cliente de recursos web La categoría de la biblioteca del cliente que se utiliza para proporcionar recursos web, como favoritos.
Las bibliotecas se pueden configurar para los campos
Biblioteca
de clientes y Bibliotecas de
clientes Cabecera
de página JavaScript de la siguiente manera:
  • Para agregar un nuevo campo, toque o haga clic en el botón
    Agregar
    debajo de los campos.
  • Para eliminar un campo, toque o haga clic en el icono de la papelera situado junto al campo que desee eliminar.
  • Para reorganizar el orden de carga, toque o haga clic y arrastre el controlador situado junto al campo que desee mover.
Para obtener más información sobre el uso de bibliotecas del lado del cliente, consulte Uso de bibliotecas del lado del cliente.
La capacidad de definir por separado las bibliotecas de cliente para el encabezado de página se introdujo con la versión 2.2.0 de los componentes principales.

Ficha Estilos

El componente Página admite el sistema de estilo AEM.