Hola amigos! Como siempre, déjame que me presente, mi nombre es Gonzalo de la Campa y soy diseñador gráfico y web freelance en www.paginaswebempresas.es y también trabajo como especialista y profesor en mi web de cursos de WordPress con DIVI y Woocommerce en cursowordpress-online.com.

Vídeo tutorial del tema DIVI 2.4 de Elegant Themes

© venimo – Fotolia.com

Tabla de contenidos,

VEÁMOS CON DETALLE EL MARAVILLOSO TEMA DIVI 2.4

Para los que sois más perezosos a la hora de leer os he preparado un vídeo tutorial sobre DIVI 2.4, para contaros las maravillosas novedades que han incluido en esta última actualización del tema de Elegant Themes.

Sobre la versión anterior: A mi personalmente, la versión anterior de DIVI (la 2.3) ya me gustaba mucho, ya que permitía diseñar páginas web con mucha rápidez y hacer webs realmente atractivas de forma muy fácil y con un alto nivel de personalización.

La actualización a DIVI 2.4: Pero señor@s, la actualización a DIVI 2.4 a mi me ha enamorado, decir menos es mentiros. Os cuento, en Elegant Themes llevaban más de un año sin sacar un tema nuevo y sin sacar actualizaciones serias. Esto quizá en otras empresas habría significado un caos ya que habrían pensado que los que pagan al año se enfadarían mucho al no ver novedades, pero esta filosofía de hacer las cosas bien aunque sea lento, a mi personalmente me maravilla, porque ha supuesto una revolución, que ya estoy deseando que veáis.

 

 

Os resumo un poco aquí lo que veréis en el vídeo de DIVI 2.4:

Ejemplos de diseños web que podremos hacer con DIVI 2.4

En primer lugar os enseño algunas páginas web diseñadas con DIVI 2.4 para que veáis con que finura vamos a poder maquetar tanto páginas, como sliders, posts, porfolios, etc. Ahora DIVI no solo permite configurar las cabeceras o menús, si no que podremos jugar con sus transparencias, podremos personalizar tanto el menú que vemos tal entramos en la web como el menú que queremos que aparezca cuando hacemos scroll en ella, con lo que permite llegar a un nivel de detalle realmente asombroso.

También veréis en estos ejemplos, algo que ahora está muy de moda y es tener una imagen o vídeo en la página de inicio que ocupa toda la pantalla y dando a un botoncito podemos ir navegando y haciendo scroll down para ver el resto de info de la web.

Ejemplos de módulos y opciones de DIVI

En el vídeo vamos a ver también qué módulos y secciones vamos a poder meter en el maquetador de páginas y post de DIVI y como vamos a poder contruirlas totalemente a medida y de una forma espectacularmente sencilla.

El constructor de DIVI 2.4 por dentro (ejemplo práctico)

Aquí os muestro lo más interesante, vamos a ver el constructor de páginas y vamos a trastear en una de ellas para que veáis los módulos que vamos a poder incluir y todos los ajustes avanzados que vamos a poder hacer en cada uno de ellos.

Vamos a ver como podemos dividir, súper rápido, la página en tantas filas o columnas como queramos y además vamos a ver como DIVI ya nos precarga unos diseños de páginas para evitarnos incluso el trabajo de maquetarla nosotros y somplemente ir cambiando contenidos para tener páginas visualmente muy atractivas, en pocos minutos 😉

La librería: Una de las grandes maravillas de DIVI 2.4

Esta parte es casi la que más fascinado me tiene. Tanto si eres desarrollador y trabajas para otros clientes como si vas a hacer tu página personal o de empresa, vas a poder ahorrar muchísimo tiempo con esta librería.

Es tan fácil como que, en ella, vamos a ir guardando diseños que vayamos haciendo en las páginas, ya sean módulos, secciones o la página entera, y luego los vamos a poder usar, tanto en cualquier otra parte de nuestra web (sin tener que volver a remaquetar) o incluso en otras páginas webs, exportando esa librería.

Simplemente, ¡una pasada!

Los paneles de personalización (del tema y de los módulos)

Por último, en el vídeo os enseño los menús de personalizacion que incorpora DIVI 2.4 para que podamos ajustar de una forma super avanzada tanto colores, tipografías, botones… como espacios entre filas, columnas, tamaños, etc.

Vamos, que vamos a poder ajustar casi como hacen los programadores trabajando a código, pero sin tocar una sóla línea ni de PHP, ni CSS, ni HTML.

Nota: Ya ha salido la versión de DIVI 2.5 que incluye todos estos cambios y algunos más, puedes verlo aquí: Divi 2.5, el mejor tema de WordPress, mejora.

Para adquirir Divi…

Tienes dos opciones (por tiempo limitado):

  • COMPRA CURSO WORDPRESS + TEMA DIVI 2.5: Compra ahora el curso de: WordPress + DIVI 2.5 y tendrás un descuento del 30% en el curso si eres de los 5 primeros.
  • COMPRA EL TEMA DIVI 2.5: Entra ahora y consigue un 20% de descuento en la suscripción anual en Elegant Themes en este enlace (si dejas de pagar futuros años no pierdes tu tema, dejas de poder actualizarlo, simplemente). O si prefieres realizar un único pago y tener derecho a todas actualizaciones, soporte, temas y plugins de por vida pincha aquí y consigue un 10% de descuento.

 

Bueno, espero que os haya gustado. ¡Un abrazo amig@s!

 

Tutorial del tema Divi de ElegantthemesGonzalo de la Campa es fundador la web www.paginaswebempresas.es que da servicio integral de diseño web, diseño gráfico y posicionamiento a pymes. Y profesor de DIVI, WordPress y Woocommerce en cursowordpress-online.com.

Ayuda a pequeñas y medianas empresas a conseguir clientes a precios muy razonables porque cree que hoy tener una buena web y estar posicionado debe ser un derecho y no el privilegio de unos pocos.

 

Shares
Share This