Configuración del Content Styler
El Content Styler es una herramienta de administrador que forma parte del paquete adicional de Creator+. Funciona con el Editor de Brightspace para respaldar la temática y el estilo de las páginas de contenido de Brightspace. Aplica un estilo global a las páginas de contenido y apoya a la herramienta Insertar elemento que requiere un estilo consistente de marca, tema y estilo en las páginas de contenido.
Nota: Para obtener información acerca de la configuración del permiso para ajustar su CSS, consulte Creator+ Quick Start (Inicio rápido de Creator+)
Hay dos opciones:
-
Utilice la hoja de estilo en cascada (CSS) de Creator+ predeterminada alojada en la nube que mantiene D2L. La CSS se puede configurar moderadamente mediante la herramienta de editor del Content Styler para modificar cuatro partes clave de la CSS predeterminada, incluidos los encabezados, la fuente y el color, el color de acentuación y el color de contraste. La opción Content Styler está disponible en la sección relacionada con la organización o en Herramientas de administración.
-
Vincule a un CSS alojado en el cliente y derive a diferentes áreas de su organización según sea necesario.
En ambos casos, debe actualizar la variable de configuración d2l.Tools.ContentStyler.CsssOverride a los CSS preferidos.
Ajuste de los estilos predeterminados de Creator+ con Content Styler
Para editar la hoja de estilo en cascada de Creator+ predeterminada (alojada por D2L)
-
En la página de inicio de la organización, haga clic en Herramientas de administración.
-
En Relacionado con la organización, haga clic en Content Styler.
-
En el cuadro de diálogo de Content Styler, ingrese un nombre y una descripción para la modificación de CSS.
Nota: Actualmente, el nombre y la descripción serán importantes en versiones futuras cuando pueda organizar varias hojas de estilo para su organización. Actualmente, solo hay una hoja de estilo central de Creator+ que se puede crear y administrar con la herramienta Content Styler.
Figura: El cuadro de diálogo del Content Styler, que proporciona la capacidad de editar los estilos de colores de acentuación, colores de contraste, colores de los encabezados y estilos de fuentes de los encabezados.
-
Haga clic en los íconos desplegables para editar los colores de texto:
Figura: El selector de color permite seleccionar un color de forma manual o introduciendo un valor de código hexadecimal, configurar saturación y comprobar el contraste de accesibilidad.
-
Cuando haya completado las actualizaciones de su hoja de estilo, haga clic en Guardar.
-
Si esta es la primera vez que utilizó el Content Styler, copie la ubicación y péguela en la variable de configuración d2l.Tools.ContentStyler.CsssOverride en el nivel de organización adecuado. Se transmite automáticamente a todas las unidades de organización secundarias.
Figura: La primera vez que utiliza Content Styler, muestra la ubicación donde se guarda el CSS.
Figura: La variable de configuración d2l.Tools.ContentStyler.CssOverride, que muestra la ubicación CSS pegada y un ejemplo de anulación.
Agregar hojas de estilo en cascada de anulación
Si desea agregar una hoja de estilo de anulación a un conjunto específico de unidades de organización, se admiten los siguientes valores:
-
Valor de anulación de Styler de contenido proporcionado como la ubicación en Content Styler
-
Ruta a un archivo CSS alojado en archivos compartidos en el formato /shared/folderpaths/cssfile.css
-
Dirección URL completa para un archivo CSS alojado en un cliente externo
Nota: Los cambios del Content Styler no se aplican de manera retroactiva a los temas HTML existentes; solo se aplican a nuevos temas de contenido HTML. Los administradores pueden definir qué cursos deben tener los estilos aplicados al nuevo contenido HTML. Eliminar la hoja de estilo referenciada de la variable de configuración no afecta los temas existentes, a menos que también elimine la hoja de estilo a la que se hace referencia también se elimine del sistema.