Uso del sistema de estilos
Creado para:
- Intermedio
- Usuario
Para publicar desde AEM Sites usando Edge Delivery Services, haga clic aquí.
El sistema de estilos de Adobe Experience Manager AEM permite variaciones visuales de los componentes sin desarrollo back-end, lo que permite una mejor reutilización de los componentes de la aplicación y una creación de contenido más versátil y eficiente. AEM El sistema de estilos, cuando se utiliza junto con los componentes principales, el editor de plantillas y el diseño interactivo, ofrece potentes funciones para componer rápidamente experiencias enriquecidas.
Este vídeo muestra cómo se puede aprovechar el sistema de estilos para crear apariencias visuales completamente diferentes para un solo componente, utilizando solo CSS.
La aplicación WKND proporciona los estilos mostrados. Estos estilos se definen como CSS y no requieren cambios en la lógica back-end del componente, el script HTL o el modelo Sling.
Recursos adicionales
¿Quiere aprender a desarrollar con el sistema de estilos? Consulte los siguientes tutoriales:
Experience Manager
- Información general
- Creación de documentos
- Información general
- Configuración de
- Previsualización y publicación
- Estructura del documento
- Contenido y secciones predeterminados
- Bloques y bloqueos automáticos
- Redireccionamientos
- Metadatos masivos
- Metadatos de página
- Autenticación de autor
- Cómo
- Auditoria de documentos
- Permisos de documento
- Versiones de documento
- Flujos de trabajo de documento
- Incrustar iframes
- Texto alternativo de imagen
- Impedir la indexación del motor de búsqueda
- Navegación interactiva
- Dynamic Media
- Migración de sitios mediante el importador
- Personalización del importador
- Importación masiva mediante el importador
- Generar variaciones
- Marco de experimentación
- Configurar marco de experimentación
- Metadatos para experimentación
- Creación de páginas
- Creación
- Navegación
- Estructura del sitio
- Creación de página
- Creación de páginas
- Editor de página
- Etiquetado de páginas
- Versiones de página
- Comparación de versiones de página
- Propiedades de página
- Operaciones de página
- Modo de diseño
- Publicación
- Plantillas editables
- Sistema de estilos
- Deformación de tiempo
- Lanzamientos
- Aprenda De Sus Compañeros
- IA generativa
- Fragmentos de contenido
- Fragmentos de experiencias
- Edge Delivery Services
- Desarrollo de
- Edge Delivery Services
- Tipo de archivo del proyecto AEM
- Introducción a AEM Sites
- Introducción a AEM Headless
- Introducción al Editor de SPA de AEM y React
- Ampliación de las propiedades de página
- Puntos de interrupción interactivos
- Desarrollo con el sistema de estilos
- Prácticas recomendadas del sistema de estilos
- Acelere la velocidad del contenido con sistemas de estilo AEM
- Desarrollo para la diferencia de página
- Implementación de la búsqueda simple
- Compartir en redes sociales
- Personalización de iconos de componente
- Personalización
- Componentes
- SEO
- Aplicaciones de una sola página
- Administración de varios sitios
- Introducción a la copia de idioma
- Live Copy y modelo
- Creación de una Live Copy
- Administración de la herencia de Live Copy en un componente
- Administración de la herencia de Live Copy en una página
- Consola de información general de Live Copy
- Crear una copia de idioma
- Proyectos de traducción
- Creación de un proyecto de traducción multilingüe
- Trabajos de traducción
- Actualización de una copia de idioma con lanzamientos
- Crear una página de copia de idioma
- Estado del trabajo de traducción
- Creación de un sitio de país a partir de una copia de idioma
- Traducción
- Integraciones
- Experience Platform
- Etiquetas en Adobe Experience Platform
- Capa de datos del cliente de Adobe
- Analytics
- Adobe Target
- Información general
- Añadir extensión de Target a la propiedad de etiquetas
- Carga y activación de una llamada de Target
- Crear cuenta de Adobe Target Cloud Service
- Exportar fragmentos de experiencias a Adobe Target
- Crear actividad de Target mediante ofertas de fragmentos de experiencias
- Personalization con el Compositor de experiencias visuales
- Personalization de experiencia de página web completa
- Aprenda De Sus Compañeros