¿Cómo creo un tema para una cuenta usando el Editor de Temas?

Como administrador, puede utilizar el Editor de temas para crear temas personalizados para su institución. Se crean temas a partir de plantillas existentes de Canvas. Cualquier tema aplicado a la cuenta también se aplica en todas las subcuentas, aunque el Editor de temas puede utilizarse también para crear temas para las subcuentas individuales. Una vez que haya creado y guardado un tema, puede aplicar el tema en su cuenta en cualquier momento. También puede crear nuevos temas basados en temas anteriores. Aprenda a manejar los temas guardados.

Vea el video de Editor de temas.

Herencia del tema

La marca personalizada está alojada a nivel de cuenta, y de forma predeterminada, las subcuentas y sus cursos asociados heredan la marca de la cuenta. Sin embargo, puede habilitar subcuentas para utilizar el Editor de temas; cualquier elemento que no esté específicamente modificado será aún heredado por el nivel de cuenta.

Las inscripciones de usuario están asociadas a nivel de cuenta y las inscripciones del curso están asociadas a nivel de subcuenta. Una inscripción es creada cuando un usuario y un curso se unen entre sí. Si un usuario no está inscrito en ningún curso, el tablero de control muestra la marca para la cuenta. Este algoritmo también se refiere a páginas no asociadas a un curso como la cuenta y configuración del usuario, calendario y conversaciones. Los datos del usuario siempre están alojados a nivel de cuenta; es por ello que no pueden heredar la marca de la subcuenta.

Si un usuario está inscrito en un curso en la cuenta, el panel de control muestra la marca para la cuenta. Si un usuario está inscrito en un curso dentro de una subcuenta, el panel de control muestra la marca para la subcuenta. Si un usuario está inscrito en los cursos dentro de varias subcuentas, o si uno de los cursos está en la cuenta, el Tablero muestra la marca de la cuenta.

Componentes del Editor de temas

Para obtener más información sobre los componentes del Editor de temas, incluidos los componentes que se muestran en las aplicaciones de Canvas, consulte el documento de recursos sobre los Componentes del Editor de temas de Canvas. Para obtener ayuda con las plantillas de imagen, consulte el documento de recursos sobre Plantillas de imagen del Editor de temas de Canvas. Los logos, las imágenes y las marcas de agua no estarán visibles para los usuarios que habiliten la opción de función de Estilos de Alto Contraste en la configuración del usuario.

Archivos CSS/JS

Las Hojas de estilo en cascada o JavaScript (JS) personalizados no son necesarios, pero reemplazar los archivos también es compatible en el Editor de temas. La funcionalidad de archivos CSS/JS debe ser habilitada por el Gerente de éxito. Antes de cargar los archivos CSS o JS personalizados, tenga en cuenta los riesgos asociados, ya que los archivos personalizados pueden causar problemas de accesibilidad o conflictos con futuras actualizaciones de Canvas. Más información sobre restricciones de CSS/JS personalizadas.

 

Notas:

  • El Editor de temas no está disponible para las cuentas gratuitas para profesores.
  • Si usted es un administrador de la subcuenta y el enlace de temas no está visible en la Navegación de la cuenta, Temas no ha sido habilitado para las subcuentas. Si no aparece la pestaña Carga de CSS/JS, la carga de archivos no se ha activado para las subcuentas.
  • Para previsualizar la marca del editor de temas, debe activar la interfaz del usuario de alto contraste.
  • De forma predeterminada, las cuentas secundarias que son parte de un consorcio heredan el tema aplicado en la cuenta principal. Sin embargo, una cuenta secundaria que pertenece a un consorcio puede crear un nuevo tema para dicha cuenta.

Abrir cuenta (Open Account)

Abrir cuenta (Open Account)

En la Navegación Global (Global Navigation), haga clic en el enlace Administrador (Admin) [1] y luego en el nombre de la cuenta [2].

Abrir Temas

Abrir el Editor de temas

En la Navegación de la cuenta, haga clic en el enlace Temas (Themes).

Nota: Si se han habilitado temas de subcuenta, cada subcuenta también incluye un enlace de Temas (Themes). Para abrir el Editor de temas de una subcuenta, haga clic en el enlace de Subcuentas (Sub-Accounts) para localizar y abrir la subcuenta, y luego haga clic en el enlace de Temas (Themes) de la subcuenta.

Abrir plantilla del tema

Si todavía no tiene un tema de Canvas para su cuenta, use una plantilla para crear un nuevo tema. Usted puede elegir entre la plantilla predeterminada de Canvas, una plantilla minimalista y una plantilla de U. del estado. Si su Gerente de éxito del cliente ha habilitado la opción de función específica del K12, el tema de K12 también aparece como una plantilla.

Para crear un nuevo tema, pase el cursor sobre una plantilla y haga clic en el botón Abrir en el Editor de temas (Open in Theme Editor) [1], o haga clic en el botón Agregar tema (Add Theme) [2] y seleccione una plantilla desde la lista.

Abrir Tema guardado

Abrir Tema guardado

Si usted previamente creó y guardó un tema, puede editar temas guardados en cualquier momento. Los temas guardados se muestran en la sección de Mis temas. Para abrir un tema guardado, pase el cursor sobre el nombre del tema y haga clic en el botón Abrir en el Editor de temas (Open in Theme Editor) [1].

Para crear un nuevo tema basado en el tema guardado, haga clic en el botón Agregar tema (Add Theme) [2] y seleccione el nombre del tema guardado desde la lista [3]. Esta opción le ayuda a evitar sobrescribir su tema previamente guardado.

Ver Editor del tema

El Editor de temas muestra una página de muestra para previsualizar su marca personalizada. Estos componentes cambiarán con los colores y la marca que usted agregue usando el Editor de temas.

Ver pestaña de Cargar CSS/JS

Ver pestaña de Cargar CSS/JS

Si se han habilitado para su cuenta los archivos de anular de las Hojas de estilo en cascada (CSS) o JavaScript (JS), la barra lateral del Editor de temas muestra una pestaña Editar (Edit) [1] y una pestaña Cargar (Upload) [2]. El Editor de temas de forma predeterminada se abre en la pestaña Editar y muestra todos los componentes del Editor de temas. La pestaña Cargar le permite cargar los archivos personalizados.

Localizar componentes

Localizar componentes

El Editor de tema tiene cuatro grupos de componentes: Personalización de marca global (Global Branding), Navegación global, Marcas de agua y Otras imágenes y la Pantalla de inicio de sesión. De forma predeterminada, la barra lateral del Editor de temas muestra las opciones de Personalización de marca global (Global Branding).

Localice el componente que desea personalizar. Puede expandir y contraer los grupos haciendo clic en el ícono de flecha junto al encabezado del grupo.

Seleccionar el Color mediante CSS

Seleccionar el Color mediante CSS

El valor predeterminado para cada componente se descolora en el campo de texto.

Para especificar un componente de color, busque el campo de texto del componente e ingrese un nuevo color de CSS. Puede ingresar colores mediante código hexadecimal, valor RGB o nombre de color válido.

Nota: Los colores ingresados se convertirán y mostrarán como códigos hexagonales.

Seleccionar el Color mediante el Selector de Color

Seleccionar el Color mediante el Selector de Color

En los navegadores que admiten las entradas de color nativo, el selector de color puede utilizarse para seleccionar un valor. Localice el componente y haga clic en el cuadro de color. El selector del color aparecerá en una nueva ventana.

Seleccionar el color

Seleccionar el color

Seleccione un color en la ventana de selección del color [1]. Una vez seleccionado un color, el componente muestra el nuevo color en la caja [2]. El color hexadecimal también se actualiza con el nuevo valor del color.

Añadir imágenes

Añadir imágenes

Para los componentes que requieren imágenes, busque el componente y haga clic en el enlace Seleccionar imagen (Select Image). La descripción de la imagen incluye los tipos de archivo compatibles.

Previsualizar el tema

Previsualizar el tema

Para previsualizar su tema, haga clic en el botón de Previsualizar sus cambios (Preview Your Changes).

Canvas generará la vista previa de los componentes basados en los cambios de plantilla. Si es necesario, realice cambios adicionales y previsualice su tema de nuevo.

Guardar tema

Guardar tema

Una vez que esté satisfecho con los cambios de la plantilla, guarde su tema haciendo clic en el botón Guardar tema (Save Theme).

Crear nombre del tema

Crear nombre del tema

Si usted modificó un tema desde una plantilla, el Editor de temas crea una copia del tema. Las plantillas no se pueden editar directamente. En el campo de Nombre del tema [1], ingrese un nombre para su tema. Haga clic en el botón Guardar tema (Save Theme) [2].

Nota: Si editó un tema previamente guardado, guardar el tema sobrescribe la versión anterior del tema y utiliza el mismo nombre del tema.

Aplicar tema

Aplicar tema

Para aplicar el tema a su cuenta, haga clic en el botón Aplicar tema (Apply theme) [1].

Para salir del tema y volver a la página de Temas, haga clic en el botón Salir (Exit) [2]. Puede abrir el tema y aplicarlo a su cuenta en cualquier momento.

Verificar la aplicación de temas

Para aplicar el tema a su cuenta completa, haga clic en el botón OK [1]. Para regresar al Editor de temas, haga clic en el botón Cancelar (Cancel) [2].

Nota: Si su cuenta permite que las subcuentas personalicen sus propios temas, cualquier cambio aplicable que usted haga también se filtrará hasta cualquier subcuenta asociada. Canvas muestra el estado de las actualizaciones del Editor de temas; una vez finalizado el proceso para cada subcuenta, la subcuenta desaparece de la ventana de progreso. Cuando todas las subcuentas han sido actualizadas, el Editor de tema se redirige a la página donde abrió el Editor de temas.