Marketing digital para gente como uno

Episodio 270 | Divi 4.0 y su theme builder.


Suscribite para escuchar Marketing digital para gente como uno en: IVOOX | Spotify | Stitcher | Google podcast | Apple podcast | Audiobip

Divi 4.0 el popular constructor visual para WordPress de Elegant themes llegó con muchas novedades largamente esperadas por la comunidad de usuarios de este potente plugin.  A partir de ahora podés construir todo tu sitio incluyendo la cabecera, el pie de pagina, las entradas, el blog y todo lo demás.

Divi 4.0.

Hace algunas semanas la gente de Elegant Themes actualizó Divi su plugin estrella a la versión 4.0 trayendo varias novedades. Entre ellas se destaca el constructor de temas.

Si no conocés Divi te cuento que se trata de un maquetador visual, también llamado constructor visual ellos lo llaman theme builder.

Es un plugin que al instalar y activar en tu WordPress te da la posibilidad de diseñar tu página web con un intuitivo editor arrastrando y soltando elementos que te dan como resultado sitios que se ven verdaderamente profesional desde el punto de vista estético.

Te comparto un video publicado en el sitio web de divi donde se muestra el flujo de trabajo y las posibilidades que ofrece este constructor.

El theme builder de Divi 4.0.

Como te decía, La novedad de esta actualizacion gira en torno al constructor visual.

Hasta ahora solo era posible editar una página o una entrada, desde esta actualización a Divi 4.0 podés diseñar íntegramente tu sitio web como por ejemplo:

  • Cabecera del sitio.
  • Footer.
  • Archivos de las entradas.
  • Páginas de categorías.
  • Custom post types.
  • Los productos, páginas y categorías de tu tienda con WooCommerce.

Gracias a Divi 4.0 podés dar forma de manera intutiva, visual arrastrando y soltando elementos a todo tu sitio web basado en WordPress.

Esta funcionalidad era algo largamente esperado por la comunidad de usuarios de este popular plugin ya que su mayor competidor Elementor (en su versión PRO) desde hace tiempo que permite diseñar todo el sitio.

Portabilidad y biblioteca de diseños.

Te aclaro que no soy un usuario experto de Divi, siempre me pareció más sencilla para usar la interfaz de Elementor y como fue pionero en varias funcionalidades que otros competidores desarrollaron tiempo después lo adopté como maquetador visual cuando necesito utilizar uno.

Sin embargo, al enterarme de esta actualización de Divi a la versión 4.0 con el theme builder lo descargué, lo probé y debo reconocer que tiene una larga lista de cosas interesantes como para prestarle atención.

De todas sus funcionalidades destaco la posibilidad que te da para exportar e importar tus diseños para utilizarlos en otra web que use Divi y una nutrida biblioteca de páginas, bloques y secciones prediseñadas listas para utilizar, esto facilita y acelera tu trabajo.

Crear con el theme builder.

captura de pantalla del menú de navegación de WordPress donde se muestran las opciones del plugin Divi 4.0

Al instalar y activar Divi en el menú te aparecen varias opciones como por ejemplo:

Opciones del plugin

Para configurarlo y habilitar su integración con Custom Post Types.

captura de pantalla del panel de opciones de configuracion del plugin divi 4.0

Theme builder.

Desde aquí accedés para crear las plantillas de tu web con Divi 4.0.

captura de pantalla del apartado Theme Builder del plugin Divi 4.0

Biblioteca de Divi.

Podés exportar los diseño que creaste para utilizar en otra instalación de WordPress con Divi 4.0 o bien importar diseño que hayas exportado de otro sitio web.

captura de pantalla de la opcion de importar y exportar diseños de Divi 4.0

Editor de funciones de Divi.

En este apartado podemos dar o quitar permisos a los usuarios de nuestro WordPress según sus roles. Un ejemplo clásico es eliminar los permisos para que tus clientes no puedan modificar los diseños de la web hechos con Divi y de esta forma como decimos vulgarmente “no romper nada”.

captura de pantalla de la opción de funciones , roles y capacidades de Divi 4.0

Centro de ayuda.

En este apartado podés acceder a la documentación y otra información importante. También recurrir al soporte del plugin.

¿Cómo crear tu theme con Divi 4.0?

Es tan sencillo como ingresar desde el panel de control a la opción “Theme builder”

Una vez allí podés editar una plantilla que hayas hecho antes o seleccionar “nueva plantilla” (add new template).

En segundo lugar te toca definir para que tipo de contenido querés usar esa plantilla. Podés seleccionar todas las entradas, páginas, categorías o un tipo de contenido específico, incluso utilizarlo para una sola entrada de tu web.

El tercer paso es elegir el tipo de plantilla.

  • Cabecera: es la cabecera de tu web en donde se muestra por lo general el menú de navegación y el logo.
  • Body: Es el lugar que muestra el contenido, se encuentra entre la cabecera y el pie de tu página web.
  • Footer: Es el pie, la ultima sección de tu sitio web, lo último que aparece cuando hacemos scroll hacia abajo.

Por último y una vez seleccionado lo anterior se abre el editor de Divi 4.0 para que puedas diseñar y te ofrece tres alternativas.

  • Hacer un diseño desde cero.
  • Utilizar un template de la biblioteca.
  • Clonar una página existente.

En conclusión.

Divi 4.0 es una extraordinaria herramienta si querés hacer páginas profesionales sin necesidad de saber codificar.

Si tu diseño requiere impacto visual un maquetador como este ayuda muchísimo para que logres un resultado profesional.

Enlaces.

Comparto enlaces a otros episodios en los que me refiero a temas similares al de hoy. Espero que te sean útiles para ampliar tu base de conocimientos.

Divi theme builder.

Episodio 5 | WordPress no es para cualquiera.

Episodio 40 | 15 preguntas frecuentes sobre WordPress.

Episodio 47 | Una web profesional nunca será gratis ni fácil.

Episodio 60 | ¿Es correcto usar maquetadores visuales en WordPress?

Contacto.

Te dejo el formulario para tus dudas, consultas o comentarios. Al toque te voy a responder.

También podés preguntarme por WhatsApp ingresando a respuestasdemarketing.com así te contesto en un episodio de mi otro podcast.

  • Este campo es un campo de validación y debe quedar sin cambios.
Abrir chat
1
¿Alguna duda, consulta? ¡Mandame un wasap :)!
Powered by