- 26 Apr 2022
- 9 Minutos para leer
Configuración del tema Ventura
- Actualizado en 26 Apr 2022
- 9 Minutos para leer
El tema de Ventura es el tema recomendado para personalizar la apariencia de su sitio en Totara 13 en adelante. Puede configurar el tema de Ventura navegando hasta el menú de acceso rápido > Temas de > apariencia > Ventura.
Tema del sitio
Con el tema Ventura seleccionado, puede configurar los siguientes ajustes.
Configuración | Descripción | Notas |
---|---|---|
Marca | ||
Logo | Cargue una imagen para usarla como el logotipo de su sitio en la navegación principal. | - |
Texto alternativo | Agregue el nombre del sitio para que funcione como una alternativa de texto a la imagen del logotipo. Esto se recomienda para que su sitio sea más accesible. | - |
Favicon | Aquí puede cargar un icono pequeño que aparecerá en la pestaña del navegador junto al nombre de la página. El favicon permite a los usuarios ver qué sitio está abierto en la pestaña de un vistazo. | La imagen de favicon debe ser de 16 x 16 px y en formato .ico. |
Marca: notificaciones por correo electrónico | ||
HTML del encabezado | Agregue HTML personalizado para marcar el encabezado de las notificaciones por correo electrónico. | Tenga en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico se establece mediante la configuración de color Accent. |
HTML del pie de página | Agregue HTML personalizado para marcar el pie de página de las notificaciones por correo electrónico. | Tenga en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico se establece mediante la configuración de color Accent. |
Texto sin formato del pie de página | Agregue texto estándar que aparecerá en las notificaciones por correo electrónico de texto sin formato, como descargos de responsabilidad legales o detalles de contacto. | - |
Prueba de notificación por correo electrónico | Utilice este botón para enviar una notificación de prueba por correo electrónico para ver cómo se ven sus cambios. | - |
Color | ||
Color primario | Use el selector de color o ingrese un código hexadecimal para el color que desea usar para los elementos interactivos de su sitio, p. ej., hipervínculos y botones. | - |
Usar colores predominantes | Si desea configurar el color de los elementos interactivos con más detalle, puede habilitar esta configuración. Con Usar colores primordiales habilitados, puede configurar los siguientes colores individualmente:
| - |
Color de énfasis | Establezca el color de los elementos no interactivos, como la línea de resaltado de la pestaña y los contornos de la tarjeta. | El color de acento determina el color utilizado en las notificaciones por correo electrónico. |
Color de fondo del encabezado | Establezca el color de fondo de la barra de navegación principal en la parte superior de la página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color de texto del encabezado | Establezca el color del texto en la barra de navegación principal en la parte superior de la página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto de la página | Establezca el color del texto en el sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color de fondo del pie de página | Establezca el color de fondo del pie de página del sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto del pie de página | Establezca el color del texto en el pie de página del sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Imágenes | ||
Núcleo: Mostrar la imagen de la página de inicio de sesión | Habilite esta configuración para mostrar una imagen de su elección en la página de inicio de sesión de su sitio. Deberá cargar una imagen para la configuración de la página de inicio de sesión. | - |
Núcleo: Página de inicio de sesión | Cargue una imagen para mostrarla en la página de inicio de sesión de su sitio. La configuración Mostrar imagen de la página de inicio de sesión debe estar habilitada. | - |
Núcleo: Texto alternativo del logo | Agrega una alternativa de texto que transmita el contenido y la funcionalidad de la imagen de inicio de sesión. Si la imagen es puramente de presentación, deja este campo vacío. | - |
Aprenda: Curso | Cargue una imagen para cambiar la imagen predeterminada del curso. | Tenga en cuenta que esto solo afectará su sitio si está utilizando cursos en Totara Learn. |
Aprenda: Programa | Cargue una imagen para cambiar la imagen predeterminada del programa. | Tenga en cuenta que esto solo afectará su sitio si está utilizando programas en Totara Learn. |
Aprenda: Certificación | Cargue una imagen para cambiar la imagen de certificación predeterminada. | Tenga en cuenta que esto solo afectará su sitio si está utilizando certificaciones en Totara Learn. |
Comprometerse: Recurso | Cargue una imagen para cambiar la imagen de recurso predeterminada. | Tenga en cuenta que esto solo afectará su sitio si está utilizando recursos en Totara Engage. |
Comprometerse: Espacio de trabajo | Cargue una imagen para cambiar la imagen predeterminada del espacio de trabajo. | Tenga en cuenta que esto solo afectará a su sitio si está utilizando espacios de trabajo en Totara Engage. |
Estilos personalizados | ||
CSS personalizado | Aquí puede ingresar el código CSS para anular los estilos para componentes específicos del sitio. | Cualquier CSS agregado aquí se aplicará después de todos los demás estilos. |
Pie de página personalizado | Ingrese texto para mostrar en el pie de página del sitio cuando se utilice este tema. | El texto agregado al pie de página está alineado al centro de manera predeterminada. También puede agregar código HTML a esta sección para personalizar el pie de página. |
Temas del inquilino
Si tiene varios arrendatarios habilitados en su sitio y tiene varios arrendatarios configurados, puede elegir usar el tema predeterminado del sitio o crear temas específicos para cada arrendatario.
Para configurar el aspecto y la sensación predeterminados del sitio, haga clic en Editar marca del sitio.
En la tabla de marca de inquilino, puede ver una lista de todos los inquilinos en su sitio, junto con su identificador únicode inquilino. La columna Marca indica si cada arrendatario está utilizando la marca predeterminada del sitio o su propia marca personalizada. Para editar el tema de un arrendatario, haga clic en el icono de lápiz () en la columna Acciones.
Cuando la marca personalizada del arrendatario está habilitada para un arrendatario, los cambios en la marca del sitio ya no se aplicarán al arrendatario. Cuando la marca personalizada se habilita por primera vez para un arrendatario específico, la configuración actual del sitio se utilizará como predeterminada para ese arrendatario. Si la marca personalizada del inquilino está habilitada, posteriormente deshabilitada e incluso habilitada nuevamente, la marca del inquilino utilizada será la misma que habría sido sin deshabilitarla y volver a habilitarla, independientemente de si se realizaron cambios en la configuración del sitio desde que la activó por primera vez.
De manera predeterminada, cada inquilino utilizará la marca del sitio, pero habilitar la configuración de marca de inquilino personalizada le permite configurar los siguientes ajustes.
Configuración | Descripción | Notas |
---|---|---|
Marca | ||
Logo | Cargue una imagen que se utilizará como el logotipo del arrendatario en la navegación principal. | - |
Texto alternativo del logo | Agregue el nombre del sitio para que funcione como una alternativa de texto a la imagen del logotipo. Esto se recomienda para que su sitio sea más accesible. | - |
Favicon | Aquí puede cargar un icono pequeño que aparecerá en la pestaña del navegador junto al nombre de la página. El favicon permite a los usuarios ver qué sitio está abierto en la pestaña de un vistazo. | La imagen de favicon debe ser de 16 x 16 px y en formato .ico. |
Marca: notificaciones por correo electrónico | ||
HTML del encabezado | Agregue HTML personalizado para marcar el encabezado de las notificaciones por correo electrónico enviadas desde el arrendatario. | Tenga en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico se establece mediante la configuración de color Accent. |
HTML del pie de página | Agregue HTML personalizado para marcar el pie de página de las notificaciones por correo electrónico enviadas desde el inquilino. | Tenga en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico se establece mediante la configuración de color Accent. |
Texto sin formato del pie de página | Agregue texto estándar que aparecerá en las notificaciones por correo electrónico de texto sin formato enviadas por el inquilino, como descargos de responsabilidad legales o detalles de contacto. | - |
Prueba de notificación por correo electrónico | Utilice este botón para enviar una notificación de prueba por correo electrónico para ver cómo se ven sus cambios. | - |
Color | ||
Color primario | Use el selector de color o ingrese un código hexadecimal para el color que desea usar para cualquier elemento interactivo dentro del portador, p. ej., hipervínculos y botones. | - |
Usar colores predominantes | Si desea configurar el color de los elementos interactivos con más detalle, puede habilitar esta configuración. Con Usar colores primordiales habilitados, puede configurar los siguientes colores individualmente:
| - |
Color de énfasis | Establezca el color de los elementos no interactivos, como la línea de resaltado de la pestaña y los contornos de la tarjeta. | El color de acento determina el color utilizado en las notificaciones por correo electrónico. |
Color de fondo del encabezado | Establezca el color de fondo de la barra de navegación principal en la parte superior de la página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color de texto del encabezado | Establezca el color del texto en la barra de navegación principal en la parte superior de la página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto de la página | Establezca el color del texto en el sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color de fondo del pie de página | Establezca el color de fondo del pie de página del sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto del pie de página | Establezca el color del texto en el pie de página del sitio. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Imágenes | ||
Mostrar la imagen de la página de inicio de sesión | Habilite esta configuración para mostrar una imagen de su elección en la página de inicio de sesión de su sitio. Deberá cargar una imagen para la configuración de la página de inicio de sesión. | Tenga en cuenta que esta configuración solo estará disponible si ha habilitado la configuración Habilitar temas de arrendatario antes del inicio de sesión ( Configuración de > arrendatarios del menú de acceso>rápido). |
Página de inicio de sesión | Cargue una imagen para mostrarla en la página de inicio de sesión de su sitio. La configuración Mostrar imagen de la página de inicio de sesión debe estar habilitada. | Tenga en cuenta que esta configuración solo estará disponible si ha habilitado la configuración Habilitar temas de arrendatario antes del inicio de sesión ( Configuración de > arrendatarios del menú de acceso>rápido). |
Texto alternativo de inicio de sesión | Agrega una alternativa de texto que transmita el contenido y la funcionalidad de la imagen de inicio de sesión. Si la imagen es puramente de presentación, deja este campo vacío. | Tenga en cuenta que esta configuración solo estará disponible si ha habilitado la configuración Habilitar temas de arrendatario antes del inicio de sesión ( Configuración de > arrendatarios del menú de acceso>rápido). |
Personalizado | ||
Pie de página personalizado | Ingrese texto para mostrar en el pie de página del sitio cuando se utilice este tema. | El texto agregado al pie de página está alineado al centro de manera predeterminada. También puede agregar código HTML a esta sección para personalizar el pie de página. |
© Copyright 2024 Totara Learning Solutions. All rights reserved.