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]
7 falsos mitos sobre Divi que deberías conocer

7 falsos mitos sobre Divi que deberías conocer

Hola amig@s!!!

Os he preparado un vídeo donde os explico con detalle y de la forma más objetiva que he podido 7 falsos mitos sobre Divi que han confundido a mucha gente.

Es un vídeo que casi me he visto obligado a hacer para tratar de esclarecer un poco ya que me llega mucha gente que por estar un poco confundida acabó haciendo su web con Genesis u otros temas y le carga muy lento y tiene poca flexibilidad y quieren cambiar a Divi.

Así que para que no te pase eso y tengas todo claro antes de empezar, te he preparado este vídeo.

Luego toma la decisión que más te convenga, pero por lo menos con datos reales. Espero que te guste.

  • Falso mito 1: Si cambio de tema pierdo mis diseños (minuto 2:20)
  • Falso mito 2: Es lento (minuto 10:23)
  • Falso mito 3: Es malo para el posicionamiento SEO (minuto 19:25)
  • Falso mito 4: Es caro (minuto 25:50)
  • Falso mito 5: Es incompatible con muchos plugins (minuto 30:34)
  • Falso mito 6: Lo recomiendan por las altas comisiones (minuto 33:00)
  • Falso mito 7: No puede usarse con otros temas de WordPress (minuto 36:34)

 

Si quieres aprender más sobre Divi pásate por los últimos artículos que he escrito que creo que te encantarán.

O si quieres ir más rápido apúntate a mi Curso de Divi a fondo y además estaré a tu lado durante 2 meses para ayudarte o si vas súper en serio con tu formación puedes ver la súper oferta que tengo para los que se inscriben en el Pack de todos mis cursos que incluyen un año de mi soporte. Un año a mi lado ayuda muchísimo para solucionar todas las dudas que puedas tener y ahorrar mucho tiempo.

Mucho se tendrán que poner las pilas otros temas y plugin de WordPress si quieren seguir el ritmo de Divi. Que más que Divi parece Indurain en el Tour de Francia jeje

  1. Divi es ahora más veloz y más seguro: Autoguardado y 60% más rápido
  2. Divi 3.1: Mejora la organización y es más intuitivo aún
  3. Más novedades en Divi: Mucho más control sobre los fondos
  4. Muchas mejoras en el módulo de formulario de Divi
  5. ¿Por que el tema Divi es ahora mucho más rápido?
  6. Divi el tema más rápido del Oeste: Mejora la velocidad de carga en un 60%
  7. Nueva actualización de Divi: Animaciones para todos los módulos, filas y secciones
  8. Divi mejora aún más la usabilidad y sencillez
  9. Descarga diseños de Divi gratis para tu web cada semana
  10. ¡El Constructor de Divi ahora es personalizable!
  11. Crea sombras chulísimas en segundos con Divi

 

 

¿Qué puntuación le das?
[Total: 0 Media: 0]
Divi posiblemente tiene ahora las mejores opciones para fuentes y tipografías que existen

Divi posiblemente tiene ahora las mejores opciones para fuentes y tipografías que existen

Como lo oyes.

En Elegant Themes no paran de Mejorar Divi. Si sueles seguir mi blog conocerás ya muchas de ellas y si no, aquí te dejo un pequeño listado de las últimas mejoras que lo convierten en el mejor Tema y Plugin para diseñar webs de WordPress para usuarios no técnicos (es decir que no sepan programar, etc.):

  1. Divi es ahora más veloz y más seguro: Autoguardado y 60% más rápido
  2. Divi 3.1: Mejora la organización y es más intuitivo aún
  3. Más novedades en Divi: Mucho más control sobre los fondos
  4. Muchas mejoras en el módulo de formulario de Divi
  5. ¿Por que el tema Divi es ahora mucho más rápido?
  6. Divi el tema más rápido del Oeste: Mejora la velocidad de carga en un 60%
  7. Nueva actualización de Divi: Animaciones para todos los módulos, filas y secciones
  8. Divi mejora aún más la usabilidad y sencillez
  9. Descarga diseños de Divi gratis para tu web cada semana
  10. ¡El Constructor de Divi ahora es personalizable!
  11. Crea sombras chulísimas en segundos con Divi

Pero hablemos de esta nueva mejora y ya van 12 en muy poco tiempo. Mucho se tendrán que poner las pilas otros temas y plugin de WordPress si quieren seguir el ritmo de Divi. Que más que Divi parece Indurain en el Tour de Francia jeje

Aunque no sepas inglés mira este vídeo que te dará pistas de todo lo que podrás hacer. Por cierto si le das al icono de la izquierda del cuadradito con dos filas de rayitas y luego a la tuerca y en subtitulos seleccionas traducir automáticamente y pulsas español podrás tener subtítulos en español. Recuerda esto para cualquier vídeo de YouTube.

 

Tenemos una increíble actualización de Divi con 600 fuentes nuevas, una administración de las fuentes mejorada, podrás cargar la fuente que te de la gana sin necesidad de instalar plugins, tendrás nuevos estilos de fuente, mejores controles de pesos de fuente, selección de estilos de encabezado ajustados, selección de niveles de encabezado (h1, h2…) y decenas de nuevas opciones de diseño para el módulo de texto.

Echa un vistazo a las nuevas opciones de fuente en acción

[et_bloom_inline optin_id=optin_5]

 

600 nuevas fuentes para elegir

¡Han cuadruplicando las fuentes disponibles en Divi de 200 a 800! Además de esta lista de 800 fuentes, también puedes agregar tu clave API de Google a las Opciones de tema de Divi, y así tendrás todas las fuentes de Google Fonts actualizada diariamente. Cada vez que se agrega una nueva fuente de Google, se mostrará automáticamente en el Divi Builder. ¿te alucinas no? Pues espera que hay mucho más…

Busca fácilmente la lista de fuentes

Esta nueva lista de fuentes es enorme y en otros temas de WordPress se hace complicado encontrar una tipografía, pero encontrar la fuente deseada en Divi es más fácil que nunca gracias a la nueva función de búsqueda de fuentes. Cuando abres el nuevo menú de selección de fuentes, simplemente puedes escribir el nombre de la fuente y aparecerá inmediatamente la que buscas.

¿Mola no? 😉

Acceso rápido a fuentes usadas recientemente

Cada vez que utilizas una fuente en el generador de Divi, esa fuente se agrega a su lista de “Fuentes recientes”, a la que se puede acceder rápidamente en la parte superior del menú de selección de fuentes. Cuando diseñes una página con fuentes personalizadas, la fuente deseada siempre estará cerquita en la parte superior de la lista de fuentes. No es necesario recordar el nombre de la fuente ni cazar a través del menú. Esto ahorra mucho tiempo.

Para alguien como yo con mala memoria esto es un lujo, jeje.

Visualización de la fuente antes de usarla

Encontrar la fuente perfecta es mucho más fácil ahora gracias al nuevo sistema de vista previa de fuentes. A medida que te desplazas por la lista de fuentes en el nuevo menú de selección de fuentes, las fuentes se cargan automáticamente al pasar el puntero para darte una vista previa en vivo de la fuente antes de seleccionarla.

Cargar y administrar fuentes personalizadas

Con la mayoría de los temas o constructores visuales de WordPress si quieres usar una fuente que no está en Google Fonts debes instalar un plugin, con Divi eso te lo ahorras.

Además de las 800 fuentes que vienen con Divi, también puedes cargar las fuentes que quieras directamente desde el módulo de Divi. Simplemente selecciona el archivo .eot, .woff2, .woff, .ttf o .otf, ¡dale un nombre a tu fuente y ya está! Tu nueva fuente personalizada aparecerá en el menú de selección de fuentes cerca de la parte superior de la lista. Puedes cargar, eliminar y administrar las fuentes sin salir del generador o actualizar la página.

Nuevas opciones de estilo de fuente

Se han agregado nuevas opciones de estilo de fuente a todos los módulos, incluidas las letras pequeñas, el subrayado, el subrayado y el subrayado doble. Estos nuevos estilos también vienen con opciones adicionales que te permiten personalizar los elementos de línea.

Y viene también de tachado que yo lo uso mucho para mostrar descuentos y tachar el precio antiguo y normalmente no era algo muy accesible a no ser que supieses el atajo de teclado o el código html.

Mejores opciones de peso (grosor) de fuente

Todas las fuentes 800 de Divi están equipadas con opciones dinámicas de peso de fuente. Cuando seleccionas una fuente, todos los pesos de fuente disponibles se cargarán en la nueva opción de peso de fuente que te permite seleccionar cualquier cosa, desde Ultra Thin a Ultra Bold. Esto te da mucho más control que antes (Divi anteriormente solo soportaba dos pesos de fuente: Normal y Negrita).

 

[et_bloom_inline optin_id=optin_5]

Controles de títulos para todos los módulos

Ahora puedes controlar los niveles de encabezado para todos los módulos y aplicar estilos personalizados a los encabezados H1-H6.

Personaliza cada nivel de encabezado individualmente

Ahora a cualquier texto le puedes dar un encabezado de H1 a H6 y poner en cualquiera de ellos el tamaño que te dé la gana. Esto te vendrá muy bien para el posicionamiento SEO. Flexibilidad total.

Puedes crear estilos de diseño personalizados para cada nivel de encabezado en Divi Builder, asignando fuentes personalizadas, tamaños de texto y estilos de fuente a H1, H2, H3, H4, H5 y H6 de forma independiente. Esto hace que los encabezados personalizados sean mucho más útiles y prácticos cuando se usan dentro del módulo de texto Divi.

Elige los niveles de encabezado (H1-H6) para cada módulo

También puedes ajustar el nivel de encabezado utilizado en cada módulo Divi. Esto te permitirá controlar mejor la jerarquía de tu página para los motores de búsqueda. Vamos, que vas a enamorar todavía más a Google.

Innumerables nuevas opciones de diseño  para módulos de texto

Se han agregado docenas de nuevas opciones de diseño al módulo de texto, lo que brinda mayor control sobre los elementos de texto estándar.

La nueva interfaz de diseño de texto

El módulo de texto Divi tiene una nueva interfaz con pestañas para gestionar estilos de texto personalizados, incluidos controles para párrafos estándar, blockquote, listas y enlaces de anclaje. Ahora puedes controlar estilos sin tener que aplicar HTML personalizado o CSS en línea usando el editor de texto.

Personaliza tus listas

Ahora puedes personalizar tus estilos de lista en el módulo de texto Divi. Cambia la fuente, el estilo de fuente, el tamaño del texto y el color. Personaliza el tipo, la posición y la sangría del estilo de la lista.

Personaliza tus enlaces

Ahora puedes personalizar tus estilos de enlace de anclaje en el módulo de texto Divi. Cambia la fuente, el estilo de fuente, el tamaño del texto, el color y más. No es necesario utilizar CSS en línea ni aplicar colores personalizados a cada enlace en el editor de texto TinyMCE. Otro plugin que te ahorras.

Personaliza tus citas

Ahora puedes personalizar los estilos de citas en el módulo de texto Divi. Cambia la fuente, el estilo de fuente, el tamaño del texto, el color y más. Incluso puedes ajustar el peso y el color del borde predeterminado de la cita.

 [et_bloom_inline optin_id=optin_5]
¿Qué puntuación le das?
[Total: 2 Media: 1.5]
Crea sombras chulísimas en segundos con Divi

Crea sombras chulísimas en segundos con Divi

Damas y caballeros…

Les presento una novedad de Divi que les va a permitir diseñar páginas súper chulas agregando sombras de forma sencilla a cualquier elemento, ya sea un módulo, una fila o una sección.

Pero no se me vengan arriba que la les veo poniendo sombritas a todo, recuerden… añadan sombras y beban con moderación jeje

Dadle un vistazo el vídeo de nuestro querido Nick Roach al que también llamaremos cariñosamente Divi Getta 😉

Han vuelto a actualizar Divi, las mejoras son constantes y cada vez más chulas. Ahora con Divi tendrás nuevas opciones de sombras que te dan la posibilidad de diseñar fácilmente efectos de sombra maravillosos y aplicarlos a cualquier módulo, fila o sección de tu página. Puedes crear sombras personalizadas, o puedes seleccionar rápidamente entre muchos estilos de sombras pre-fabricados y aplicarlos a cualquier elemento con un solo clic. ¿te mola o qué?

 

Los nuevos controles de Shadow Box

Las sombras son fáciles de crear en el Divi Builder. Diseña tus propias sombras personalizadas o aplica uno de los muchos estilos prediseñados con un solo clic.

Mira lo fácil que es…

Si trabajas bien las sombras puedes crear efectos chulísimos y modernos pero si no sabes trabajarlas puede quedarte una web antigua y cutre. Mi consejo es que si dudas, crees sombras suaves, de baja opacidad y centradas al medio.

 

Control personalizado completo

Cada módulo, fila y sección en el Divi Builder ahora tiene un conjunto completo de opciones de sombra. Puedes controlar el color de la sombra, la posición, el desenfoque, la fuerza y ​​la creación de inserciones y sombras iniciales. Crear y personalizar estas sombras es tan divertido en Visual Builder.

Presets fáciles de usar

Además de crear sus propios estilos de sombra, puedes seleccionar entre varios diseños de sombra predefinidos. Estos siete estilos te permiten aplicar rápidamente todos los efectos de sombra más comunes con un solo clic. Una vez aplicado, la sombra se puede personalizar aún más utilizando el conjunto completo de controles. A mi me gustan mucho el primero y el tercero. Más discretos y elegantes.

[et_bloom_inline optin_id=optin_5]

¡Añade sombras a cualquier elemento!

Esto me flipa:

¡Todo en el Divi Builder puede tener sombras! Es sorprendente la cantidad de formas creativas en que este conjunto de controles se puede aplicar a diferentes módulos para crear estilos nuevos e interesantes.

 

10 impresionantes efectos que puedes lograr con las sombras de Divi Box

Esto te dará ideas…

Te sorprenderá cuántos diseños geniales se pueden crear con las nuevas opciones de sombra de Divi.

Hay muchas formas divertidas de usar sombras para dar vida a tus diseños. Agrega sombras a los módulos de botón para que destaquen, agrega sombras de cuadro a las imágenes para ayudar a dar profundidad a su diseño o incluso agrega sombras a secciones enteras para dar imagen de profundidad 3D.

En Elegant Themes han estado experimentando con estos controles nuevos y divertidos, y tú también lo harás y lo sabes. Echa un vistazo a algunos de los increíbles diseños que han diseñado usando estas nuevas características.

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseño en vivo

Ver la demostración de diseños online

 

[et_bloom_inline optin_id=optin_5]

¿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