- Introducción a los componentes principales
- Rutas para alcanzar el éxito
- Biblioteca de componentes
- Versiones de componentes principales
- Introducción
- Los componentes
- Acordeón
- Ruta de navegación
- Botón
- Carrusel
- Contenedor
- Fragmento de contenido
- Lista de fragmentos de contenido
- Descargar
- Incrustar
- Fragmento de experiencias
- Imagen
- Navegación por idiomas
- Lista
- Navegación
- Página
- Visualizador de PDF
- Barra de progreso
- Búsqueda rápida
- Separador
- Compartir en redes sociales
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Desarrollo de
- Desarrollo de componentes principales
- Rutas para alcanzar el éxito
- Tutorial para desarrolladores de WKND
- Personalización de componentes principales
- Instrucciones de los componentes
- Compatibilidad con AMP
- Configuraciones según el contexto
- Inclusión de bibliotecas de cliente
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
Introducción a los componentes principales
En Adobe Experience Manager, los componentes son los elementos estructurales que constituyen el contenido de las páginas creadas. Los componentes siempre han sido un elemento fundamental de la experiencia de AEM, ya que la creación de páginas se simplifica pero mantiene su potencia para el autor; asimismo, el desarrollo de componentes es flexible y extensible para el desarrollador.
Los componentes principales son un conjunto de componentes estandarizados de Administración de contenido web (WCM) para AEM a fin de acelerar el tiempo de desarrollo y reducir el coste de mantenimiento de los sitios web.
Medios
- Biblioteca de componentes: una colección de ejemplos para ver los componentes en sus distintas configuraciones.
- Documentación de componentes (este documento): para desarrolladores y autores, con detalles sobre cada componente.
- Repositorio de componentes principales de GitHub: para obtener detalles del desarrollador de cada componente y descarga de proyecto.
- Introducción:
- Éxito con los componentes principales: directrices que se deben tener en cuenta mucho antes del inicio de cualquier proyecto que vaya a utilizar los componentes principales.
- Tutorial de WKND: tutorial de dos días para crear un nuevo sitio.
- Tutorial de Summit: un tutorial de dos horas para construir un nuevo sitio (de un Lab en la Cumbre de Estados Unidos 2019).
- Seminario web de Gems: visita guiada a los componentes principales (grabada en diciembre de 2018).
Características
| Listo para la producción | Los componentes principales son 28 componentes sólidos que se han probado, utilizado ampliamente y que funcionan bien. |
| Preparado para la nube | Ya sea en AEM como Cloud Service, en Adobe Managed Services o local, solo funcionan. |
| Versátil | Los componentes representan conceptos genéricos con los que los autores pueden ensamblar casi cualquier diseño. |
| Configurable | Las políticas de contenido a nivel de plantilla definen qué características pueden utilizar o no los autores de la página. |
| Trackable | La integración de capa de datos del cliente de Adobe permite el seguimiento de todos los aspectos de la experiencia del visitante. |
| Accesible | Cumplen el estándar WCAG 2.1, proporcionan etiquetas ARIA y admiten la navegación mediante el teclado ([problemas conocidos](https://github.com/adobe/aem-core-wcm-components/issues?utf8= ✓&q=is%3Problema+es%3Aopen+accesibilidad+in%3Atitle)). |
| Compatible con SEO | El resultado HTML es semántico y proporciona schema.org anotaciones de microdatos. |
| Preparado para la aplicación web | La salida JSON optimizada permite el procesamiento en el lado del cliente, con la posibilidad de edición en contexto. |
| Compatibilidad con AMP | Los componentes tienen compatibilidad integrada con el estándar AMP, lo que acelera las experiencias móviles. |
| Kit de diseño | Un kit de interfaz de usuario para Adobe XD permite a los diseñadores crear alambres que luego pueden aplicar a los estilos según sea necesario. |
| Themeable | Los componentes implementan el Sistema de estilos y el marcado sigue Convenciones CSS de BEM. |
| Personalizable | Varios patrones permiten una fácil personalización, desde ajustar el HTML a una reutilización avanzada de la funcionalidad. |
| Versiones | La directiva de versiones garantiza que los componentes principales no romperán el sitio al mejorar las cosas que puedan afectarle. |
| Localizable | La resolución de referencia inteligente permite que ciertos componentes encuentren y representen automáticamente el contenido localizado correspondiente. |
| Abrir fuente | Si algo no es como debería, contribuya con sus mejoras! |
Los componentes
La versión actual de los componentes principales contiene los siguientes componentes.
Componentes de plantilla
Componentes de creación de páginas
- Título
- Texto
- Imagen
- Botón
- Teaser
- Descargar
- Lista
- Fragmento de experiencias
- Fragmento de contenido
- Lista de fragmentos de contenido
- Incrustar
- Compartir en redes sociales
- Separador
- Barra de progreso
- Visualizador de PDF
Componentes de contenedor
Componentes de formulario
- Contenedor del formulario
- Texto de formulario
- Opciones de formulario
- Formulario oculto
- Botón de formulario
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.
Puede que algunas versiones de los componentes principales individuales solo sean compatibles con algunas versiones de AEM.
Consulte la página de ayuda individual (vinculada a la lista anterior) para obtener información sobre la compatibilidad de componentes específicos o consulte el documento Versiones de componentes principales para obtener más información.
Requisitos del sistema
| Componentes principales | AEM as a Cloud Service | AEM 6.5 | AEM 6.4 | Java SE | Maven |
|---|---|---|---|---|---|
| 2,15,2 | Continua | 6.5.5.0+ * | 6.4.8.1+ * | 8, 11 | 3.3.9+ |
(*) Desde la versión 2.11.0, se requiere org.apache.sling.models.impl versión 1.4.12 o superior (debido a SLING-8781). Esto se proporcionará para AEM 6.4 y 6.5 en un futuro Service Pack. Hasta entonces, el paquete de modelos Sling se incluye en el paquete core.wcm.components.all.
Para conocer los requisitos de las versiones anteriores de los componentes principales, consulte Versiones de los componentes principales.
Los componentes principales requieren el uso de plantillas editables y no admiten la IU clásica ni plantillas estáticas. Si es necesario, consulte las AEM Herramientas de modernización para actualizar el proyecto con estas funciones de AEM modernas.
Para configurar su entorno de desarrollo local, consulte esta descripción general para AEM as a Cloud Service SDK o este documento para versiones anteriores de AEM.
Recursos en adobe.com
En esta página
