¿Cómo puedo subir archivos JavaScript y CSS personalizados a una cuenta?

En Canvas, puede usar el Editor de temas (Theme Editor) para comercializar su cuenta. Sin embargo, si desea aplicar estrategias de marca adicionales que, por el momento, no admite el Editor de temas, puede cargar hojas de estilo en cascada (CSS) personalizadas y archivos JavaScript (JS) a su cuenta. Los archivos se alojan directamente en Canvas. Cualquier tema aplicado a la cuenta también se aplica a todas las subcuentas, aunque se pueden cargar archivos CSS/JS en subcuentas individuales.

El Editor de temas admite los archivos de carga de escritorio y móviles. Los archivos CSS/JS estándares se aplican a las páginas HTML en la aplicación de escritorio Canvas, que puede incluir la página de inicio de sesión para dispositivos móviles. Los archivos CSS/JS móviles solo se aplican al contenido de usuario que se visualiza en las aplicaciones de iOS o Android de Canvas, así como en aplicaciones de terceros con la API de Canvas, pero los archivos móviles no se aplican al contenido del usuario que aparece en los navegadores móviles.

Los archivos JavaScript y CSS personalizados están sujetos a las mismas reglas de herencia de marcas de cuentas y subcuentas que cuando se crea un tema en el Editor de temas.

Antes de añadir archivos JavaScript y CSS personalizados, debe comunicarse con su Gerente de Satisfacción del Cliente para habilitar la marca personalizada en su cuenta y cualquier subcuenta. Cuando la habilite, la opción para cargar archivos JavaScript y CSS personalizados aparece en la cuenta y en todas las subcuentas.

Riesgos de archivos personalizados

Si no puede usar las opciones del Editor de temas nativo para las marcas, debe conocer los riesgos relacionados del uso de archivos personalizados, que puede causar conflictos o problemas de accesibilidad con las actualizaciones futuras de Canvas:

 

Notas:

  • El Editor de temas no está disponible para las cuentas gratuitas para profesores.
  • Si usted es administrador de una subcuenta y el enlace Temas no está disponible en la Navegación de la cuenta, significa que la función no está habilitada para las subcuentas. Si no aparece la pestaña Carga de CSS/JS, la carga de archivos no se ha activado para las subcuentas.

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 configuració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.

Abrir la pestaña Cargar

Abrir la pestaña Cargar

En la barra lateral del Editor de temas, haga clic en la pestaña Cargar (Upload).

Cargar archivos personalizados

Cargar los archivos CSS/JavaScript personalizados

Para cargar archivos en la aplicación de escritorio de Canvas, localice los encabezados de archivos CSS/JavaScript [1]. Para cargar los archivos para el contenido de usuario en aplicaciones móviles y de terceros de Canvas, localice los encabezados de archivo de aplicación móvil CSS/JavaScript [2].

Localice el tipo de archivo que desea cargar y haga clic en el botón Seleccionar (Select) [3]. Luego, localice el archivo en su computadora.

Localice archivos adicionales para cargar, si fuera necesario.

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 según los archivos cargados.

Administrar archivos

Administrar archivos

Para administrar sus archivos, haga clic en la pestaña Cargar (Upload) nuevamente [1].

Para eliminar y cargar un archivo nuevo, haga clic en el ícono Quitar [2]. Puede hacer cambios adicionales y cargar su archivo revisado.

Para ver el código de su archivo, haga clic en el enlace Ver archivo (View File) [3]. Como el archivo se almacena directamente en Canvas, use este enlace si necesita descargar el archivo.

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.

Nota: Si su cuenta permite que se personalicen los temas de las subcuentas, los cambios que realice también se aplicarán a las subcuentas asociadas. Canvas muestra el estado de las actualizaciones de su Editor de temas. Cuando se completa el proceso para cada subcuenta, esta desaparece de la ventana de progreso. Cuando todas las subcuentas están actualizadas, el Editor de temas lo redirige a la página de Temas.