Componente Título title-component
El componente principal Título es un componente de encabezado de sección que incluye la edición in situ.
Uso usage
El componente Título está diseñado para utilizarse como título o encabezado de una sección de contenido. El autor de la plantilla puede definir los niveles de encabezado disponibles en el cuadro de diálogo de diseño. El editor de contenido puede seleccionar entre los niveles de encabezados disponibles en el cuadro de diálogo de edición. Para ofrecer una mayor comodidad, también está disponible la edición in situ simple del texto del encabezado.
Versión y compatibilidad version-and-compatibility
La versión actual del componente Título es la versión 3, que se introdujo con la versión 2.18.0 de los componentes principales en febrero de 2022 y se describe en este documento.
La siguiente tabla detalla todas las versiones compatibles del componente, las versiones de AEM con las que son compatibles las versiones del componente y los vínculos a la documentación de versiones anteriores.
Para obtener más información sobre las versiones y publicaciones de los componentes principales, consulte el documento Versiones de los componentes principales.
Salida del componente de ejemplo sample-component-output
Para experimentar el componente Título, así como ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.
Detalles técnicos technical-details
La documentación técnica más reciente sobre el componente Título se encuentra en GitHub.
Puede encontrar más información sobre el desarrollo de componentes principales en la documentación para desarrolladores de componentes principales.
Cuadro de diálogo de edición edit-dialog
El cuadro de diálogo de edición permite al autor del contenido definir el texto del título, así como seleccionar el nivel de encabezado.
-
Título: si está vacío, se utilizará el título de la página
-
Tipo / Tamaño: define el nivel de encabezado del título
-
Vínculo: define el contenido al que se vinculará el título. Puede ser una ruta a una página de contenido, una URL externa o un anclaje de página.
-
Abrir en ficha nueva: cuando está activado, el vínculo se abre en una nueva pestaña del explorador.
-
ID: esta opción permite controlar el identificador único del componente del HTML y de la capa de datos.
- Si se deja en blanco, se generará automáticamente un ID único que se puede encontrar inspeccionando la página resultante.
- Si se especifica un ID, es responsabilidad del autor asegurarse de que sea único.
- Cambiar el ID puede afectar al seguimiento de CSS, JS y de la capa de datos.
El editor in situ también se puede utilizar para editar el texto del componente de título.
Pestaña Estilos styles-tab-edit
El componente Título es compatible con el sistema de estilos de AEM.
Utilice la lista desplegable para seleccionar los estilos que desea aplicar al componente. Las selecciones realizadas en el cuadro de diálogo de edición tienen el mismo efecto que las seleccionadas en la barra de herramientas de componentes.
Los estilos deben configurarse para este componente en el cuadro de diálogo de diseño para que el menú desplegable esté disponible.
Cuadro de diálogo de diseño design-dialog
El cuadro de diálogo de diseño permite al autor de la plantilla definir el nivel de encabezado predeterminado que tendrán los componentes de título cuando los creen los autores de contenido.
Pestaña Tamaños sizes-tab
- Tipos permitidos/tamaños para autores: habilite o deshabilite los tipos de encabezados que estarán disponibles para los autores de contenido cuando usen el componente Título.
- Tipo/tamaño predeterminado: defina el tipo de encabezado que se asignará automáticamente cuando un autor de contenido añada el componente Título a una página.
- Deshabilitar el vínculo: desactive la compatibilidad con vínculos en el componente de título para impedir que los autores de contenido se vinculen desde títulos.
Pestaña Estilos styles-tab
El componente Título es compatible con el sistema de estilos de AEM.
Capa de datos del cliente de Adobe data-layer
El componente Título es compatible con la capa de datos del cliente de Adobe.