Ajustes del tema Ventura
- 25 Oct 2022
- 9 Minutos para leer
Ajustes del tema Ventura
- Actualizado en 25 Oct 2022
- 9 Minutos para leer
Article Summary
Share feedback
Thanks for sharing your feedback!
El tema de Ventura es el tema recomendado para personalizar la apariencia de tu sitio en Totara 13 en adelante. Puede configurar el tema de Ventura navegando al menú de acceso rápido > Temas > de apariencia > Ventura.
Tema del sitio
Con el tema Ventura seleccionado, puedes configurar los siguientes ajustes.
| Configuración | Descripción | Notas |
|---|---|---|
Marca | ||
Logo | Cargar una imagen para ser utilizada como el logotipo de tu sitio en la navegación principal. | - |
Texto alternativo | Añadir el nombre del sitio para que funcione como una alternativa de texto a la imagen del logotipo. Esto se recomienda para que tu sitio sea más accesible. | - |
Favicon | Aquí puedes cargar un pequeño ícono que se mostrará 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 favicon debe ser de 16 x 16 px y en formato .ico. |
Marca - notificaciones por correo electrónico | ||
| Encabezado HTML | Añadir HTML personalizado para marcar el encabezado de las notificaciones por correo electrónico. | Ten en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico está establecido por la configuración de color Accent. |
| HTML del pie de página | Añadir HTML personalizado para marcar el pie de página de las notificaciones por correo electrónico. | Ten en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico está establecido por la configuración de color Accent. |
| Texto sin formato del pie de página | Añadir texto estándar que aparecerá en notificaciones de correo electrónico de texto simple, como descargos de responsabilidad legal o detalles de contacto. | - |
| Prueba de notificación por correo electrónico | Usa este botón para enviar una notificación de prueba por correo electrónico para ver cómo se ven tus cambios. | - |
Color | ||
Color primario | Usa el selector de color o ingresa un código hexadecimal para el color que deseas usar para los elementos interactivos de tu sitio, por ejemplo, hipervínculos y botones. | - |
Usar colores predominantes | Si deseas configurar el color de los elementos interactivos con más detalle, puedes habilitar este ajuste. Con la opción Usar colores de anulación habilitada, puedes configurar los siguientes colores individualmente:
| - |
Color de énfasis | Establece 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 | Establece 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 | Establece 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 | Establecer 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 | Establece 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 | Establece 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 | Habilita esta configuración para mostrar una imagen de tu elección en la página de inicio de sesión de tu sitio. Necesitarás 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 | Carga una imagen para mostrar en la página de inicio de sesión de tu 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. | - |
Aprender: Curso | Cargar una imagen para cambiar la imagen predeterminada del curso. | Ten en cuenta que esto solo afectará a tu sitio si estás usando cursos en Totara Learn. |
Aprender: Programa | Cargar una imagen para cambiar la imagen predeterminada del programa. | Ten en cuenta que esto solo afectará a tu sitio si estás usando programas en Totara Learn. |
Aprender: Certificación | Cargar una imagen para cambiar la imagen de certificación predeterminada. | Ten en cuenta que esto solo afectará a tu sitio si estás utilizando certificaciones en Totara Learn. |
Interactuar: Recurso | Cargar una imagen para cambiar la imagen de recurso predeterminada. | Ten en cuenta que esto solo afectará a tu sitio si estás utilizando recursos en Totara Engage. |
Interactuar: Espacio de trabajo | Cargar una imagen para cambiar la imagen predeterminada del espacio de trabajo. | Ten en cuenta que esto solo afectará a tu sitio si estás usando espacios de trabajo en Totara Engage. |
Estilos personalizados | ||
CSS personalizado | Aquí puede introducir el código CSS para anular los estilos de componentes específicos del sitio. | Cualquier CSS agregado aquí se aplicará después de todos los demás estilos. |
Pie de página personalizado | Ingresar texto para mostrar en el pie de página del sitio cuando se utilice este tema. | El texto añadido al pie de página está alineado con el centro por defecto. También puedes añadir código HTML a esta sección para personalizar el pie de página. |
Temas del inquilino
Si tienes la opción de varios propietarios habilitada en tu sitio y tienes varios propietarios configurados, puedes elegir usar el tema del sitio por defecto o crear temas específicos para cada propietario.
Para configurar el aspecto predeterminado del sitio, haga clic en Editar marca del sitio.
En la tabla de marcas de Inquilinos, puedes ver una lista de todos los inquilinos de tu sitio, junto con su identificador de Inquilino único. La columna Branding (Marca) indica si cada inquilino está usando la marca predeterminada del sitio o su propia marca personalizada. Para editar el tema de un arrendatario, haga clic en el ícono de lápiz (
) en la columna Acciones.
Cuando la marca de inquilino personalizada está habilitada para un inquilino, los cambios en la marca del sitio ya no se aplicarán al inquilino. Cuando se habilita por primera vez la personalización de marca para un propietario específico, la configuración actual del sitio se utilizará como opción predeterminada para ese propietario. Si la marca personalizada del inquilino está habilitada, luego 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 se la activó por primera vez.
Por defecto, cada inquilino usará la marca del Sitio, pero habilitar la configuración de la marca del inquilino Personalizada le permite configurar los siguientes ajustes.
| Configuración | Descripción | Notas |
|---|---|---|
Marca | ||
Logo | Cargar una imagen para ser utilizada como el logotipo del inquilino en la navegación principal. | - |
Texto alternativo del logo | Añadir el nombre del sitio para que funcione como una alternativa de texto a la imagen del logotipo. Esto se recomienda para que tu sitio sea más accesible. | - |
Favicon | Aquí puedes cargar un pequeño ícono que se mostrará 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 favicon debe ser de 16 x 16 px y en formato .ico. |
Marca - notificaciones por correo electrónico | ||
| Encabezado HTML | Añadir HTML personalizado para marcar el encabezado de las notificaciones por correo electrónico enviadas por el inquilino. | Ten en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico está establecido por la configuración de color Accent. |
| HTML del pie de página | Añadir HTML personalizado para marcar el pie de página de las notificaciones por correo electrónico enviadas por el inquilino. | Ten en cuenta que el color de la marca utilizado en las notificaciones por correo electrónico está establecido por la configuración de color Accent. |
| Texto sin formato del pie de página | Añadir texto estándar que aparecerá en las notificaciones por correo electrónico de texto simple enviadas por el inquilino, como descargos de responsabilidad legal o detalles de contacto. | - |
| Prueba de notificación por correo electrónico | Usa este botón para enviar una notificación de prueba por correo electrónico para ver cómo se ven tus cambios. | - |
Color | ||
Color primario | Usa el selector de color o ingresa un código hexadecimal para el color que deseas usar para cualquier elemento interactivo dentro del inquilino, por ejemplo, hipervínculos y botones. | - |
Usar colores predominantes | Si deseas configurar el color de los elementos interactivos con más detalle, puedes habilitar este ajuste. Con la opción Usar colores de anulación habilitada, puedes configurar los siguientes colores individualmente:
| - |
Color de énfasis | Establece 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 | Establece 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 | Establece 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 | Establecer 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 | Establece 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 | Establece 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 | Habilita esta configuración para mostrar una imagen de tu elección en la página de inicio de sesión de este inquilino. Necesitarás cargar una imagen para la configuración de la página de Inicio de sesión. | Ten en cuenta que esta configuración solo estará disponible si has habilitado la opción Habilitar los temas de los inquilinos previos al inicio de sesión (Menú de accesorápido > Ajustes de los > inquilinos). |
Página de inicio de sesión | Cargar una imagen para mostrar en la página de inicio de sesión de este inquilino. La configuración Mostrar imagen de la página de inicio de sesión debe estar habilitada. | Ten en cuenta que esta configuración solo estará disponible si has habilitado la opción Habilitar los temas de los inquilinos previos al inicio de sesión (Menú de accesorápido > Ajustes de los > inquilinos). |
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. | Ten en cuenta que esta configuración solo estará disponible si has habilitado la opción Habilitar los temas de los inquilinos previos al inicio de sesión (Menú de accesorápido > Ajustes de los > inquilinos). |
| Aprender: Curso | Cargar una imagen para cambiar la imagen predeterminada del curso para los cursos dentro del inquilino. | Ten en cuenta que esto solo afectará a tu sitio si estás usando cursos en Totara Learn. |
| Aprender: Programa | Cargar una imagen para cambiar la imagen predeterminada del programa para los programas dentro del arrendatario. | Ten en cuenta que esto solo afectará a tu sitio si estás usando programas en Totara Learn. |
| Aprender: Certificación | Cargar una imagen para cambiar la imagen de certificación predeterminada para las certificaciones dentro del arrendatario. | Ten en cuenta que esto solo afectará a tu sitio si estás utilizando certificaciones en Totara Learn. |
| Interactuar: Recurso | Cargar una imagen para cambiar la imagen de recurso predeterminada para recursos dentro del arrendatario. | Ten en cuenta que esto solo afectará a tu sitio si estás utilizando recursos en Totara Engage. |
| Interactuar: Espacio de trabajo | Cargar una imagen para cambiar la imagen predeterminada del espacio de trabajo para espacios de trabajo dentro del arrendatario. | Ten en cuenta que esto solo afectará a tu sitio si estás usando espacios de trabajo en Totara Engage. |
Personalizado | ||
Pie de página personalizado | Ingresar texto para mostrar en el pie de página del sitio cuando se utilice este tema. | El texto añadido al pie de página está alineado con el centro por defecto. También puedes añadir código HTML a esta sección para personalizar el pie de página. |
© Copyright 2024 Totara Learning Solutions. All rights reserved.
¿Te ha sido útil este artículo?