Acceso rápido:
Reunión pública de lanzamiento del tema Moodle 3.2
Moodle proporciona la plataforma para que su contenido de aprendizaje se rediseñe y evolucione con su institución. Con tantas opciones de colores, fuentes, gifs e imágenes, puede ser difícil saber por dónde empezar. Para este post, quería ofrecer 5 maneras fáciles de mejorar la apariencia de su curso Moodle.
A continuación he proporcionado algunos consejos sobre cómo puedes mejorar la apariencia de tu curso Moodle. Algunos implican saber cómo añadir código HTML copiado en el editor ATTO, y otros necesitarán la ayuda de tu equipo de soporte de Moodle, ya que implican añadir plugins (yo mismo no soy desarrollador, ¡pero todo el contenido de las capturas de pantalla ha sido creado por mí!) Las 5 sugerencias se pueden ver en este curso de demostración aquí (que también luce nuestro propio tema CatAwesome Moodle).
Recuerda: Cuando utilices el editor de texto siempre debes adherirte a los estándares de accesibilidad y utilizar los encabezados preformateados para enfatizar la información importante. Puedes leer más sobre diseño de cursos accesibles en Moodle.org.
Cuando se introdujo el seguimiento de la finalización con Moodle 2.0 fue algo revolucionario, ya que influyó en la forma en que creamos itinerarios para los alumnos. El beneficio de tener actividades del curso que pudieran ser rastreadas o restringidas no puede ser subestimado en su beneficio para nosotros, los diseñadores del curso.
Cómo cambiar el favicon de tu sitio web
Todo se ve bien en la pantalla de escritorio, pero si reduzco la ventana del navegador para simular la resolución de un smartphone no funciona. La columna izquierda y derecha se mueven a la parte inferior como deberían, pero no utilizan todo el ancho de la pantalla, sino el 15% que he definido en la configuración.
Sólo como un comentario adicional para usted: el punto entero de Bootstrap es realmente evitar la piratería en la red como este si es posible. Sospecho que forzar estos anchos aquí también tendrá efectos en cadena en otras partes de tu sitio.
Cada ‘span’ equivale aproximadamente a un 6% de anchura (sin tener en cuenta el margen entre cada uno), por lo que una mejor respuesta a su requisito sería editar el marcado de su página. Si utiliza .span4 y .span3 y los fuerza al 15%, podría cambiarlos por .span2, que tendría aproximadamente el mismo ancho que el 15% forzado actualmente. A continuación, ajustar los otros elementos span que caen dentro de esa fila para ocupar las áreas vacías.
He intentado aumentar la anchura de la columna central para que podamos ver el contenido sin tener que desplazarnos.Para ello no necesitamos escribir ningún código.Sólo tenemos que ir a «Configuración del tema» y luego a «modo de diseñador de temas» y marcar esa casilla, para que podamos elegir nuestro propio tema.
3.7 nuevo tema clásico
Recientemente, Moodle se ha convertido en una aplicación responsive, lo que significa que, independientemente del dispositivo que se utilice (móviles, tabletas, iPads, etc.), los usuarios pueden ver el contenido de Moodle bien distribuido independientemente del tamaño de la pantalla. Hasta hace poco, esto sólo ocurría en los dispositivos de mayor tamaño, en los que se mostraba la estructura estándar de Moodle;
Ahora que los temas de Moodle usan el framework Bootstrap, significa que los desarrolladores de cursos también pueden usarlo para introducir nuevas características, por ejemplo sliders y hacer que el contenido del curso parezca más atractivo. Hace poco me acordé de esto mientras trabajaba con una imagen para uno de nuestros clientes.
Cuando trabajo con imágenes, suelo empezar por determinar el tamaño que necesita la imagen y la redimensiono a esas dimensiones. Siempre sugiero a los clientes que las mejores prácticas dictan que todas las imágenes deben ser redimensionadas antes de ser subidas a Moodle, particularmente las fotografías, porque no importa cómo cambies las dimensiones de una imagen, el tamaño del archivo de esa imagen no cambiará. Las consecuencias más obvias de no redimensionar las imágenes son con respecto al tiempo; las imágenes grandes tardan más en descargarse, por lo que las páginas tardan más en aparecer completas y en cargarse. Consecuencias menos obvias se refieren a la transferencia de datos; para aquellos usuarios con un contrato de datos limitados, usted estará contribuyendo innecesariamente a su límite de transferencia de datos personales, así como afectando a los límites de transferencia y almacenamiento de datos de su sitio.
Configurar el Favicon – Cómo, Moodle, Learnbook
Aquí puede subir su logotipo personalizado. Si sube un logotipo, aparecerá en la cabecera. Por defecto, la dimensión de su logotipo se establece en una altura máxima de 90px. Pero también puedes elegir mostrar tu logo con cualquier otra altura.
Establece la dimensión de su logotipo a una altura máxima de 90px. Con esta configuración, tu logotipo siempre se corresponderá con la altura del contenedor de inicio de sesión y también puedes utilizar una versión @2x para pantallas de alta resolución.
Un favicon es una imagen pequeña e icónica que representa su sitio web. Los favicons se suelen encontrar en la barra de direcciones del navegador. Lambda tiene un favicon por defecto y puedes subir uno personalizado aquí.
Moodle 4 proporciona secciones de curso plegables. Si tiene información importante en la sección superior, entonces es posible que desee mantener esta sección visible.Seleccione la opción «Sección superior del curso siempre abierta» si desea tener la sección general superior del curso siempre abierta. Con el formato de curso «Temas» o «Semanal», la sección superior de un curso ya no se puede contraer.
