Crear con componentes principales

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 y su ilustra cómo se pueden utilizar los componentes principales para implementar una experiencia enriquecida en el sitio web.

Para experimentar 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 AEM tipo de archivo del proyecto, consulte el tutorial de WKND.

NOTA

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 estar disponibles y preconfigurados mediante el editor de plantillas.

ATENCIÓN

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.

Crear con componentes principales

Como autor, verá varias ventajas de los componentes principales, entre ellas:

Los componentes están disponibles en la pestaña Components 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.

NOTA

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.

Preconfiguración de componentes principales

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

Editar y diseñar cuadros de diálogo

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

Estilo de componente

Los estilos de la mayoría de los componentes principales se pueden definir con el sistema de estilos de AEM.

  • Un autor de plantillas puede definir qué estilos están disponibles para un componente en particular en el cuadro de diálogo Diseño de ese componente.
  • El autor del contenido puede elegir qué estilos aplicar al añadir el componente y al crear contenido.

Para obtener más información, consulte la documentación de Style System.

Medios del desarrollador

Consulte la documentación para desarrolladores de Developing Core Components para obtener información técnica sobre los componentes principales.

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now