Guías de Canvas (es)Guía de Administración de Canvas Cuentas y subcuentas¿Cómo cargo los archivos personalizados de JavaScript y CSS a una cuenta o subcuenta?

¿Cómo cargo los archivos personalizados de JavaScript y CSS a una cuenta o subcuenta?

En Canvas, puede usar el Editor de temas 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 en todas las subcuentas, aunque puede cargar archivos CSS/JS para las 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 marca heredada de cuenta y subcuenta que se utilizan al crear un tema regular en el Editor de temas.

Antes de agregar archivos JavaScript y CSS personalizados, debe comunicarse con su Gerente de éxito del cliente para habilitar la creación de marcas personalizada para su cuenta o subcuenta.

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 de prueba por dos semanas o para las cuentas Gratuitas para maestros.
  • 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.

Abrir Cuenta

Abrir Cuenta

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

Abrir Temas Abrir Temas

Botón Abrir editor de temas (Open Theme Editor)

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

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 un tema guardado, haga clic en el botón Agregar tema (Add Theme) [2] y seleccione el nombre del tema guardado en la lista. Esta opción le ayuda a evitar sobrescribir su tema previamente guardado.

Cargar archivos personalizados

Cargar archivos personalizados

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

Seleccione los tipos de archivos CSS/JS

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 icono Quitar (Remove) [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 su tema a su cuenta, haga clic en el botón Aplicar (Apply) [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 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.