Manuales
/* Hide footer */
#main-footer {
height: 0 !important;
overflow: hidden;
}
Introducir el siguiente código en el CSS de la página
#main-header {
display: none;
}
#page-container {
padding-top: 0 !important;
}
El id de la página se consigue en la URL de edición de DIVI
Para la elaboración del informe digital necesitamos una aplicación que permita desarrollar e integrar todo el contenido del mismo. Se trata de utilizar una aplicación web que nos facilite el proceso de “unir” en un mismo espacio todos nuestros contenidos multimedia del informe.
Procedimiento para elaborar un mapa personalizado en Google MyMaps y manera de insertarlo en el informe.
En caso de que se plantee la necesidad de incorporar documentos o presentaciones en formato PDF, se presentan varias alternativas para poder hacerlo.
En caso de que se plantee la necesidad de incorporar documentos o presentaciones en formato PDF, se presentan varias alternativas para poder hacerlo.
Se ilustra cómo podemos insertar imágenes con efecto lightbox dentro de otros módulos como por ejemplo, de texto o pestañas.
Ajustes para ocultar el encabezado y el pie de página por defecto en el proyecto (se realiza mediante la inserción de código CSS en las propiedades de la página)
Curso de DIVI para principiantes en la web de David Ibiza
Herramienta web DATAWRAPPER para crear de forma sencilla gráficos y mapas con nuestros datos e insertarlos en nuestros módulos de presentación.
Este plugin, ya instalado en la plataforma, puede utilizarse para crear popups con distintas características, que amplía lo ofrecido por los módulos estándar de DIVI. Este enlace conduce a un manual de Popus para DIVI.
En el siguiente enlace se muestra cómo configurar el módulo acordeón del tema Divi para que se muestren todas las pestañas cerradas por defecto al entrar en la web.
El código necesario para conseguir este efecto, ya está añadido en el Tema DIVI.
Para que un módulo tenga este efecto, hay que añadir la clase et-zoom-in en la propiedad Clase CSS (CSS Class) de las propiedades del módulo.
En la URL que se facilita, describe como conseguir introducir enlaces en una imagen. Utiliza para ello el software de tratamiento de imágenes GIMP, similar a Photoshop, con licencia libre y gratuito, que se puede bajar de la web y tiene instaladores para Windows, Linux y Mac.
En resumen hace lo siguiente.
- Abre la imagen con GIMP
- Utiliza la herramienta situada en Filtros/Web/Mapa de Imagen.
- En esa herramienta, crea las zonas activas (rectángulos, círculos o zonas poligonales) e inserta la URL donde deben dirigirse (siempre comenzará con http:// o https:// para que las considere como absolutas).
- Subimos la imagen a WordPress y obtenemos su URL absoluta
- Al guardar el resultado, podemos editarlo con un editor de textos (es código HTML). Sustituimos la URL de la imagen por la URL absoluta obtenida en el paso anterior.
- El código completo lo pegamos en un módulo de código de DIVI.
Cuando disponga de algo de tiempo, grabaré un vídeo ilustrando el proceso.