El tema de Ventura es el tema recomendado para personalizar la apariencia de tu sitio en Totara 13-18. 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 | Carga el archivo de imagen que se utilizará como logotipo de navegación del sitio. | - |
Texto alternativo | Agrega el nombre del sitio, para que funcione como una alternativa de texto a la imagen del logo. 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. |
Enviar notificaciones por correo electrónico a | ||
| 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. El contenido en varios idiomas no es compatible. |
| Pie de página HTML | 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. El contenido en varios idiomas no es compatible. |
| Pie de página de texto sin formato | 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. | - |
Colores | ||
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 | Esto establece el color de fondo del pie de página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto del pie de página | Esto establece el color del texto del pie de página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Imágenes | ||
Core 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 fondo de la página de inicio de sesión. | - |
Core Fondo de la página de inicio de sesión | Carga una imagen para usarla como fondo para 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. | Recomendamos usar una imagen de 1200px x 1200px, ya que la imagen puede recortarse según el tamaño de la pantalla. Se aceptan formatos de archivo JPEG, PNG y SVG, y los archivos PNG son los preferidos para imágenes ilustrativas. Recomendamos mantener el tamaño del archivo lo más pequeño posible (sin sacrificar la calidad), con un mínimo de DPI 150. |
Learn Curso | Sube una imagen para cambiar las imágenes predeterminadas del curso. | - |
Learn Programa | Carga una imagen para cambiar las imágenes predeterminadas del programa. | - |
Learn Certificación | Carga una imagen para cambiar las imágenes predeterminadas de la certificación. | - |
Engage Recurso | Sube una imagen para cambiar las imágenes predeterminadas del recurso. | - |
Engage Espacio de trabajo | Carga una imagen para cambiar las imágenes predeterminadas del espacio de trabajo. | - |
Estilo personalizado | ||
CSS personalizado | Aquí puede introducir el código CSS para anular los estilos de componentes específicos del sitio. | Cualquier CSS añadido 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 personalizada del inquilino 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 | Carga el archivo de imagen que se utilizará como logotipo de navegación del sitio. | - |
Texto alternativo del logo | Agrega el nombre del sitio, para que funcione como una alternativa de texto a la imagen del logo. 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. |
Enviar notificaciones por correo electrónico a | ||
| 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. El contenido en varios idiomas no es compatible. |
| Pie de página HTML | 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. El contenido en varios idiomas no es compatible. |
| Pie de página de texto sin formato | Añadir texto estándar que aparecerá en notificaciones de 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. | - |
Colores | ||
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 | Esto establece el color de fondo del pie de página. | Se puede acceder a esta configuración expandiendo la sección Más colores. |
Color del texto del pie de página | Esto establece el color del texto del pie de página. | 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 fondo 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 inquilinos). |
Fondo de la página de inicio de sesión | Cargar una imagen para usar como fondo para 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 inquilinos). Recomendamos usar una imagen de 1200px x 1200px, ya que la imagen puede recortarse según el tamaño de la pantalla. Se aceptan formatos de archivo JPEG, PNG y SVG, y los archivos PNG son los preferidos para imágenes ilustrativas. Recomendamos mantener el tamaño del archivo lo más pequeño posible (sin sacrificar la calidad), con un mínimo de DPI 150. |
| Learn Curso | Cargar una imagen para cambiar la imagen predeterminada del curso para los cursos dentro del inquilino. | - |
| Learn Programa | Cargar una imagen para cambiar la imagen predeterminada del programa para los programas dentro del arrendatario. | - |
| Learn Certificación | Cargar una imagen para cambiar la imagen de certificación predeterminada para las certificaciones dentro del arrendatario. | - |
| Engage Recurso | Cargar una imagen para cambiar la imagen de recurso predeterminada para recursos dentro del arrendatario. | - |
| Engage Espacio de trabajo | Cargar una imagen para cambiar la imagen predeterminada del espacio de trabajo para espacios de trabajo dentro del arrendatario. | - |
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. |
Join the Totara Community for more resources to help you get the most out of Totara.
© Copyright 2026 Totara Learning Solutions. All rights reserved.