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

NOTE
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.
CAUTION
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 authoring-with-core-components

Como autor, notará que los componentes principales ofrecen varias ventajas, como las siguientes:

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.

NOTE
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 pre-configuring-core-components

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.

Editar y diseñar cuadros de diálogo edit-and-design-dialogs

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

Estilo de componente component-styling

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

Medios del desarrollador developer-resources

Consulte la documentación para desarrolladores de Desarrollo de Componentes principales para obtener información técnica sobre los componentes principales.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c