Nuestro nuevo Moodle Theme Edutor está especialmente diseñado para capacitación corporativa y aprendizaje universitario en línea. Tiene un diseño moderno y el aspecto general es altamente personalizable. Puede convertir rápidamente un sitio Moodle 4.x en funcionamiento en una plataforma de capacitación y aprendizaje diseñada profesionalmente.
Las primeras impresiones son importantes y una buena primera impresión es vital para un sitio de eLearning/capacitación. Configurar la sección principal del tema de Edutor con las imágenes principales y el texto correctos puede hacer que su sitio sea visualmente impactante para cautivar a su público objetivo.
En este tutorial, le mostraremos cómo configurar la sección principal de Edutor para un sitio de capacitación empresarial. Las imágenes de héroe que usamos aquí son diferentes de las que usamos en nuestro sitio de demostración temático. Puede ver que es muy fácil personalizar la sección para reflejar la marca y la identidad de su organización.
Vistas previas de imágenes destacadas
Diapositiva 1 Ejemplo
Diapositiva 2 Ejemplo
Para configurar la sección, debe iniciar sesión como administrador del sitio y acceder a la página de configuración del tema: Site administration > Appearance > Themes > Edutor > Frontpage Hero Section
Configuración general
Puede configurar los ajustes generales de la sección en la primera parte de la página. Tiene la opción de mostrar el logotipo de su organización sobre el área de contenido principal de la presentación de diapositivas para enfatizar la identidad de su marca. También puede agregar un botón de reproducción de video para reproducir un video promocional (YouTube o Vimeo) en una ventana modal.
Configuración de presentación de diapositivas de héroe
Puede agregar hasta 6 diapositivas destacadas y cada diapositiva puede contener una imagen destacada, contenido y un botón de llamada a la acción.
Recomendamos encarecidamente cambie el tamaño del ancho de su imagen de héroe para que sea alrededor de 1600px para una visualización optimizada. Para reducir el tiempo de carga del sitio, también es una buena idea comprime tus imágenes de héroe antes de subir en la sección. Hay sitios en línea gratuitos que puede usar para comprimir imágenes para la web (por ejemplo, iloveimg.com y tinypng.com).
Agregar diapositiva 1
Como puede ver en el screencast a continuación, el color del botón CTA es personalizable. Puede cambiar su color predeterminado para que funcione con su imagen de héroe.
En nuestro ejemplo, configuramos el color de fondo del botón CTA de la diapositiva 1 en #e51470, que refleja el color de énfasis de la imagen destacada cargada.
Consejo: puedes agregar código HTML
Agregar diapositiva 2
Al comparar la diapositiva 2 con la diapositiva 1, puede ver que diferentes imágenes principales pueden hacer que su sitio se vea diferente.
plantilla de photoshop
¿Quiere crear imágenes de héroes impactantes similares a las que usamos en nuestra demostración en vivo y este tutorial? Puede obtener la plantilla de diseño original de Photoshop en el archivo zip del tema.
¡Puedes cambiar los colores y reemplazar las imágenes de stock para adaptarlas a tu marca y hacer que tu sitio sea verdaderamente personalizado!
Obtener Material de archivo GRATIS para usar en su sitio, puede probar unsplash.com y picjumbo.com
Agregaremos más diseños de imágenes de héroes al tema de Edutor, ¡así que mantén los ojos bien abiertos!
Artículos de interés