Construyendo un encabezado de página de detalle de registro

Descripción general

Este tutorial construirá un encabezado de página de registro para un sitio de Experience Cloud integrando varios componentes, incluidos tipos Estándar y Avonni. Se utilizarán los siguientes componentes:

• Contenedor Avonni

• Objeto multimedia Avonni

• Avatar Avonni

• Editor de contenido enriquecido

¿Por qué usar estos componentes?

Contenedor Avonni

• Propósito: El Contenedor Avonni actuará como el elemento fundamental de nuestro encabezado. Proporciona un espacio estructurado y personalizable para todos los demás componentes.

• Por qué usarlo: Es esencial para mantener un diseño limpio y puede estilizarse para alinearse con la imagen de marca del sitio, asegurando una apariencia y sensación coherentes. El contenedor encapsulará el objeto multimedia, el avatar y el contenido enriquecido en una unidad cohesiva.

Objeto multimedia Avonni

• Propósito: Este componente muestra medios junto a un bloque de contenido, típicamente una imagen o video junto al texto.

• Por qué usarlo: En el encabezado, el Objeto multimedia Avonni puede mostrar de manera elegante una imagen o ícono relevante junto a la información principal del registro, como una imagen de producto junto a su descripción. Esta combinación de medios con contenido mejora el atractivo visual y proporciona contexto inmediato a los usuarios.

Avatar Avonni

• Propósito: Avatar Avonni muestra una imagen de un usuario o entidad, que puede representar a una persona, una empresa u otra entidad.

• Por qué usarlo: En el encabezado, el avatar puede representar visualmente el sujeto del registro, por ejemplo mostrando la foto de perfil de un usuario para un registro de contacto. Añade un toque personal y hace que el encabezado sea más cercano y atractivo visualmente.

Editor de contenido enriquecido

• Propósito: El Editor de contenido enriquecido permite crear y editar contenido de texto enriquecido, incluyendo varias opciones de formato.

• Por qué usarlo: Este componente puede usarse en el encabezado para proporcionar información detallada sobre el registro de manera formateada y fácil de usar. Ofrece flexibilidad en cómo se presenta el texto, ya sea una breve descripción, información de contacto o cualquier otro dato relevante sobre el registro.

Resultado final

Guía interactiva de configuración paso a paso