Inspirar ajustes de tema

Prev Next

El tema Inspire es un tema moderno disponible desde Totara 19 en adelante. Puedes configurar el tema de Inspire navegando hasta Menú de acceso rápido > Apariencia > Temas > Inspire. Para configurar el aspecto predeterminado del sitio, haga clic en Editar marca del sitio.

Ajustes de temas

Con el tema Inspire seleccionado, puedes configurar los siguientes ajustes, ya sea a nivel del sitio o para un propietario individual.

ConfiguraciónDescripciónNotas:

Navegación y marca

Logo

Carga una imagen para utilizarla como tu sitio o el logotipo del inquilino en la navegación principal.

Este logotipo se mostrará cuando se expanda el menú principal o en dispositivos móviles.

Ancho predeterminado 120px - Formatos aceptados: .PNG, .JPG, .GIF y .SVG.

LogotipoCargar una imagen que se utilizará como logotipo o ícono cuando el menú principal esté contraído.El tamaño recomendado es 40 x 40 píxeles.

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.

El nombre corto del sitio se utilizará si este campo se deja en blanco.

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.

Color de fondoEstablece el color de fondo del menú principal.-
Color del textoEstablece el color del texto utilizado para los elementos en el menú principal.-
Color seleccionadoSelecciona el color que se utilizará para resaltar el elemento seleccionado en el menú principal.-
Mostrar íconos de navegaciónHabilitar esta configuración para mostrar íconos junto a cada elemento del menú principal.Cuando los íconos están habilitados, al contraer el menú principal se mostrarán solo los íconos. Si este ajuste está deshabilitado, si se contrae el menú, se ocultará el menú completamente.
Experiencia de escritorio por defectoEstablece si el menú principal se expandirá u contraerá/ocultará por defecto.-

Colores de la interfaz de usuario

Primaria

Selecciona el color que deseas usar para los elementos interactivos de tu sitio, por ejemplo, hipervínculos y botones.

-

Anulaciones de elementos interactivos

Si deseas configurar el color de los elementos interactivos por separado, puedes habilitar este ajuste. Cuando la opción está habilitada, puedes configurar los siguientes colores individualmente:

  • Botones: Selecciona el color de relleno de los botones
  • Enlaces: Seleccionar el color de todos los hipervínculos

-

Acento

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.

Texto de la páginaEstablecer el color del texto en el sitio.
-

Fondo del pie de página

Esto establece el color de fondo del pie de página.

-

Texto del pie de página

Esto establece el color del texto del pie de página.

-

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 el sitio o en la página de inicio de sesión del inquilino. 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

Cargar una imagen para usar como fondo para la página de inicio de sesión. La configuración Mostrar imagen de la página de inicio de sesión debe estar habilitada.

Recomendamos usar una imagen de 1200 x 1200 píxeles, 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.

-

Personalizado

Pie de página personalizadoIngresar 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.

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.

Ten en cuenta que esto no se puede configurar para inquilinos individuales.

Personalizar: Notificaciones de correo electrónico
Encabezado HTMLAñ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 HTMLAñ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 formatoAñ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ónicoUsa este botón para enviar una notificación de prueba por correo electrónico para ver cómo se ven tus cambios.
-

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.

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 inquilino, haga clic en el ícono de lápiz () en la  columna Acciones.

Por defecto, cada inquilino utilizará la  marca del Sitio. 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.

Ten en cuenta que la configuración CSS personalizada no está disponible cuando se configuran los ajustes de tema de un inquilino.

Join the Totara Community for more resources to help you get the most out of Totara. 


© Copyright 2026 Totara Learning Solutions. All rights reserved.