Divi 4.1: Usa Divi dentro de Gutenberg

Divi 4.1: Usa Divi dentro de Gutenberg

Hoy en Elegant Themes han sacado una de esas novedades de Divi que nos dan subidón!

Desde hoy, con Divi 4.1 podrás usar Divi dentro del editor de bloques de WordPress: Gutenberg.

Esto significa que no necesitas decidir entre Divi o Gutenberg cuándo vayas a crearun post o una entrada en tu blog, sino que puede mezclar y combinar los dos para crear artículos cojonud… en tu web 😉

¿Quién soy y cómo te puedo ayudar?

Por si es la primera vez que legas a mi blog, me presento. Mi nombre es Gonzalo de la Campa y me dedico a ayudar a emprendedores a generar ingresos en Internet. En esta web tienes cursos a los que ya se han apuntado más de 2.000 alumnos.

>> Aquí tienes mi curso de Divi actualizado a la última versión y conmigo de soporte para ayudarte.

Además tienes recursos gratis en el menú y cantidad de tutoriales en mi Canal de YouTube al que te recomiendo que te suscribas.

¿Qué es Gutenberg?

Gutenberg es el nombre en clave para el editor basado en bloques que se introdujo recientemente en WordPress 5.0. 

Este nuevo editor reemplazó al editor clásico basado en TinyMCE que ha sido un elemento básico de WordPress durante muchos años. 

El año pasado presentaron el soporte inicial para Gutenberg, que permitió a los usuarios de Divi alternar entre Gutenberg y Divi Builder al crear páginas. Hoy van un paso más allá al permitir que los usuarios de Divi combinen módulos Divi y bloques Gutenberg en la misma página.

Uniendo a dos constructores

Divi es el tema de WordPress más instalado del mundo y tiene muchas ventajas significativas sobre Gutenberg. Muchos usuarios de Divi nunca usan Gutenberg . 

Dicho esto, Gutenberg no debería ser visto como el competidor de Divi. ¡Ambos constructores pueden trabajar juntos! 

El bloque de diseño Divi

Utiliza el Divi Builder en cualquier lugar dentro de Gutenberg

El bloque Divi Layout es un bloque Gutenberg que funciona como una versión mini del Divi Builder. 

Puedes usarlo en cualquier lugar dentro de una página construida con Gutenberg para agregar módulos Divi o crear diseños Divi. 

Cuando agregas un Bloque de diseño Divi, puedes usarlo para cargar un diseño predefinido o un elemento de biblioteca que hayas guardado previamente. 

Una vez que se agrega un diseño Divi a la página, puedes modificarlo utilizando la interfaz Divi Builder y hacer maravillas.

Usando el bloque de diseño Divi

Cuando agregues bloques en Gutenberg, verás que hay un nuevo bloque Divi Layout disponible en la lista. 

Este bloque se puede agregar en cualquier lugar de tu página y dentro de él puedes construir lo que quieras con Divi Builder. 

Puedes usarlo para construir diseños complejos grandes o puedes agregarlo para agregar módulos individuales que no existen en la biblioteca de bloques de Gutenber.

Esto es una pasada. Es como tener todos los módulos de Divi en Gutenberg.

Esto permite que los dos constructores se usen a la vez. Ya no debes elegir entre usar Divi o Gutenberg. ¡Puedes usarlos a ambos!

Carga diseños de la biblioteca o crea nuevos diseños desde cero

Una vez que agregasun bloque Divi Layout a la página, puedes elegir cargar un diseño prefabricado o crear un diseño completamente nuevo desde cero. 

Si eliges cargar un diseño de la biblioteca, lo verás con la ventana emergente Divi Library y podrás usar los cientos de diseños de Elegant Themes o los que tú hayas guardado. 

Si eliges crear un nuevo diseño, Divi Builder se abrirá en una ventana emergente modal donde podrás usar Visual Builder y todas sus funciones para crear su diseño. 

Una vez que haya terminado de editar su diseño, aparecerá en Gutenberg.

Usa el bloque de Divi tantas veces como quieras en una entrada con Gutenberg

Puedes agregar tantos bloques Divi Layout como desees a tu página. 

Esto te permite mezclar y combinar Divi Modules con Gutenberg Blocks para crear casi cualquier cosa. 

El bloque Divi Layout admite todas las funciones básicas del bloque. 

Puedes crear bloques Divi Layout reutilizables y los bloques actuales se pueden mover, editar, duplicar y eliminar fácilmente.

Edición en vivo sin ventanas emergentes o actualizaciones del navegador

El bloque Divi Layout va más allá de cargar diseños estáticos desde la biblioteca. 

Todos los bloques de diseño de Divi son diseños independientes que se pueden construir y modificar de forma independiente, sin tener que acceder a la Biblioteca Divi. 

La edición de bloques Divi Layout se realiza sobre la marcha utilizando una superposición de Visual Builder. Puedes utilizar todo el poder del Visual Builder sin tener que navegar lejos de Gutenberg o actualizar la página.

¿Qué puntuación le das?
[Total: 3 Media: 3]
Cómo actualizar a WordPress 5 de forma segura (con o sin Divi)

Cómo actualizar a WordPress 5 de forma segura (con o sin Divi)

Cuándo hay actualizaciones importantes, ya sean de WordPress, temas o plugins, es conveniente que lo hagas de la manera correcta para evitar sustos o incompatibilidades.

En este vídeo te explico paso a paso cómo debes hacerlo.

Es importante que actualices Divi a la versión 3.18+ antes de actualizar WordPress a la versión 5.0.

Si no tienes esa versión te recomiendo que actualices Divi. Si no tienes tu licencia aprovecha ahora que tienen el mayor descuento del año solo hasta el 19 de diciembre de 2018.

>> Compra tu Licencia de Divi aquí

>> Si tienes la Licencia Developer, pásate a la LifeTime

Nota: En el vídeo lo explico con el tema Divi pero puedes seguir estos mismos pasos tengas el tema que tengas

Cómo actualizar a WordPress 5

Tal y como explico en el vídeo, estos son los pasos que recomiendo seguir:

  1. Esperar al menos 15 días antes de actualizar
  2. Hacer una copia de seguridad desde el Hosting
  3. Actualizar plugins
  4. Actualizar el tema
  5. Actualizar WordPress
  6. Ver el nuevo constructor de bloques: Gutenberg
  7. (Opcional) Desactivarlo de forma sencilla si tienes Divi

Si tienes dudas, te escucho en los comentarios.

Comparte este post en tus redes sociales si te ha gustado. Gracias!

¿Qué puntuación le das?
[Total: 0 Media: 0]
Divi ya es compatible con Gutenberg

Divi ya es compatible con Gutenberg

Que ganas tenía de escribir este post.

Hay post que informan, otros que forman, otros que divierten… pero este es un post para dar tranquilidad.

Si no sabes lo que es Gutenberg te lo resumo muy rápido: “El próximo editor que estará integrado en el core de WordPress a partir de que actualicen a WordPress 5.0” (ahora está en fase Beta).

La historia es que Gutenberg así de entrada no fascina a la gran mayoría ya que está muy en pañales y además ha generado mucha preocupación, porque la mayoría de las webs hechas en WordPress trabajan con editores visuales para que sea mucho más fácil diseñar páginas con columnas, filas, módulos y así poder diseñar tu página de forma visual y sencilla. Algo que no puedes hacer hasta la fecha en WordPress (sin saber código) si no usas un editor visual.

Es decir, los editores visuales como Divi, Visual Composer, Thrive Architect, Elementor, etc. han ayudado a millones de personas en el mundo a diseñar webs espectaculares sin necesidad de saber php, html, css… una maravilla vamos.

Pero… Gutenberg ha creado mucha confusión y corrían rumores de que los editores visuales no iban a ser compatibles y muchos tenían miedo de perder todos sus diseños con la entrada de WordPress 5.0 y Gutemberg.

Pues en Elegant Themes se han puesto las pilas y a partir de ayer, 31 de julio de 2018, Divi y Gutenberg son compatibles.

Como voy a explicar a continuación con todo detalle, esto es solo el principio y esta compatibilidad irá en aumento, pero a partir de ayer ya podrás decidir de forma sencilla si quieres usar Gutember o el todo súper poderoso Divi, esa impresionante joya de WordPress.

Esto escribía yo ayer por la noche en mi grupo de Divi en español de Facebook:

 

Así que vamos al lío, veamos con detalle la compatibilidad entre Divi y Gutenberg:

Alternar entre Divi y Gutenberg

Si tienes instalada la última versión de Divi (con versiones anteriores no podrás) y estás probando el próximo editor de Gutenberg, ahora encontrarás una opción para usar Divi Builder al crear nuevas páginas, así como una opción para alternar entre Divi Builder y Gutenberg para las páginas existentes.

También puede acceder directamente al Divi Builder desde la lista de publicaciones y desde el menú Agregar página nueva.

Veamos con más detalle… ¿Qué es Gutenberg?

Gutenberg es el nombre del nuevo editor de publicaciones de WordPress que se lanzará con WordPress 5.0. Esta actualización eliminará el antiguo editor de TinyMCE y modernizará las publicaciones con una nueva interfaz de Javascript. Si usas Divi, muchas cosas del editor de Gutenberg te resultarán familiares. Puedes maquetar páginas o post con bloques y separar elementos de publicación, como texto, encabezados e imágenes en sus propios bloques únicos.

¿Cuándo estará disponible WordPress 5.0?

WordPress 5.0 y la nueva interfaz de Gutenberg no se lanzarán estos días. ¡Todavía hay mucho tiempo para prepararse! El equipo principal de WordPress está trabajando para sacar WordPress 5.0 antes de fin de año, pero dependerá de cómo se realicen las pruebas en los próximos meses.

¿No quieres usar Gutenberg?

Ya hay muchos que reniegan de Gutemberg porque está a años luz de Divi y otros editores visuales que le sacan años de desarrollo, funcionalidades, flexibilidad…

Con lo que no usar Gutenberg o tratar de desactivar algo que vendrá por defecto en WordPress se estaba convirtiendo en un deseo y necesitad para muchos.

No en vano, el gran Fernando Tellado (el Lionel Messi de WordPress) ya desarrolló un plugin para desactivarlo cuándo salga llamado NO GUTENBERG.

Goy Gutemberg solo está disponible como plugin pero una vez que se publique WordPress 5.0, Gutenberg se convertirá en el editor predeterminado.

Si te preocupan los cambios de WordPress 5.0 y no está listo para aprender los detalles de una nueva interfaz, puedes instalar el plugin de Fernando o instalar el plugin de Editor clásico , que está disponible en WordPress.org. Esto le permitirá conservar el antiguo editor de publicaciones de WordPress y el clásico Divi Builder una vez que se haya lanzado WordPress 5.0.

Es decir, puedes descansar tranquilo sabiendo que Divi continuará siendo tan maravilloso como hasta ahora y además compartible con Gutemberg.

Este es solo el comienzo

Esto es solo el primer paso, la maravillosa “escudería” de Elegant Themes, liderada por el entrañable Nick Roach. tienen ya muchas ideas geniales, según dicen, sobre cómo pueden integrar mejor con el próximo editor Gutemberg. A medida que el nuevo editor continúa evolucionando, y mientras nos acercamos al lanzamiento de WordPress 5.0, esperan lanzar actualizaciones adicionales que mejorarán aún más su experiencia y compatibilidad.

Estas actualizaciones están disponibles hoy, así que descarga Divi y pruébalo.

Deja tus impresiones en los comentarios y charlamos un rato del tema si quieres.

Un abrazo amigos!!

Gonzalo de la Campa

 

 

¿Qué puntuación le das?
[Total: 0 Media: 0]

¿Te vas sin tus 6 Cursos de Regalo?

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad: Enviarte información. 

Legitimación: Consentimiento | Destinatarios: Mailchimp y ProfesionalHosting  Duración: hasta que te des de baja. | Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Dime dónde te envío

tus regalos

Responsable de los datos: Gonzalo de la Campa Marinas
Responsable: Gonzalo de la Campa | Finalidad: Enviarte información. 

Legitimación: Consentimiento | Destinatarios: Mailchimp y ProfesionalHosting  Duración: hasta que te des de baja. | Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Dime dónde te envío el vídeo

(pon tu mejor email porfa)

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad: Enviarte información. | Legitimación: Consentimiento

Destinatarios: Mailchimp y ProfesionalHosting | Duración: hasta que te des de baja.

Derechos e información adicional: Puedes ver todos los detalles en la política de privacidad

Dime dónde te envío el descuento cuándo saque el curso

Responsable de los datos: Gonzalo de la Campa Marinas
Finalidad de los datos: Enviarte información.
Almacenamiento de los datos: Base de datos alojada en Profesional Hosting (UE)
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Abrir chat
1
1. ¿Quieres apuntarte a algún curso? Soy Gonzalo, cuéntame y te ayudo encantado.

2. Si eres ya alumno y tienes dudas de soporte debes escribirme a soporte@cursowordpress-online.com

3. Si no eres alumno y necesitas soporte no podré responderte salvo que contrates soporte en la web o te apuntes a alguno de mis 9 cursos con soporte.
Ir al contenido