En Adobe Experience Manager, los componentes son los elementos estructurales que constituyen el contenido de las páginas creadas.
Los componentes principales ofrecen funciones flexibles y personalizables de creación. El sitio de referencia de WKND ilustra cómo se pueden utilizar los componentes principales para implementar una experiencia enriquecida en el sitio web.
Para utilizar los componentes principales y ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.
Para obtener una introducción más detallada y orientada al desarrollador para implementar los componentes principales en un proyecto AEM mediante el Tipo de archivo del proyecto AEM, consulte el tutorial de WKND.
Los componentes principales no están disponibles para los autores de manera inmediata, ya que el grupo de desarrollo debe integrarlos primero en su entorno. Una vez integrados, pueden ponerse a disposición de los usuarios y preconfigurarse mediante el editor de plantillas.
Los componentes principales requieren AEM 6.4 o superior y requieren el uso de plantillas editables. No funcionan con la IU clásica ni con plantillas estáticas.
Como autor, notará que los componentes principales ofrecen varias ventajas, como las siguientes:
Son fáciles de usar y se integran bien con el editor de páginas
Funcionalidades enriquecidas con funciones para dar cabida a muchos casos de uso, como se puede ver en el sitio de referencia de WKND así como en la Biblioteca de componentes
Preconfigurable para definir qué funciones están disponibles para los autores de páginas a través del editor de plantillas
Han sido creados según las directrices de accesibilidad
Permiten un diseño interactivo
Creado para conseguir una localización fácil
Los componentes están disponibles en la pestaña Componentes del panel lateral del editor de páginas al editar una página.
Los componentes se agrupan según categorías denominadas grupos de componentes para organizar y filtrar fácilmente los componentes. El nombre del grupo de componentes se muestra con el componente en el navegador de componentes y también es posible filtrar por grupo para encontrar fácilmente el componente correcto.
Los componentes principales son, de forma predeterminada, parte de un grupo oculto y no son visibles en el navegador de componentes.
Agregue los componentes necesarios a un grupo visible o personalícelos para que estén disponibles para los autores.
La configuración de componentes de base era tarea de un desarrollador. Sin embargo, con los componentes principales, un autor de plantillas ahora puede configurar una serie de funciones a través del editor de plantillas.
Por ejemplo, si un componente de imagen no debe permitir la carga de imágenes desde el sistema de archivos, o si un componente Texto solo debe permitir cierto formato de párrafo, estas funciones se pueden activar o desactivar con un simple clic.
Consulte Creación de plantillas de página para obtener más información.
Dado que los autores de plantillas pueden preconfigurar los componentes principales para definir qué opciones se permiten como parte de una plantilla y, a continuación, el autor de la página puede configurarlas para definir el contenido real de la página, cada componente puede tener opciones en dos cuadros de diálogo diferentes.
Descripción | Qué controla | Ejemplos | |
---|---|---|---|
Cuadro de diálogo de edición | Opciones que un autor de página puede modificar durante la edición normal de la página para los componentes colocados | El contenido que muestra el componente y cómo aparecerá finalmente en la página. | Formato del texto del contenido, girar una imagen en una página |
Cuadro de diálogo de diseño | Opciones que un autor de plantillas puede modificar al configurar una plantilla de página. | Qué opciones tiene disponible el autor de la página al editar el componente | Qué opciones de formato de texto están disponibles, qué opciones de imagen in situ están disponibles |
Los estilos de la mayoría de los componentes principales se pueden definir con el sistema de estilos de AEM.
Para obtener más información, consulte la documentación de Sistema de estilos.
Consulte la documentación para desarrolladores de Desarrollo de Componentes principales para obtener información técnica sobre los componentes principales.