Nuevas opciones de altura y anchura de Divi

Nuevas opciones de altura y anchura de Divi

Ya sabes que en Elegant Themes actualizan Divi con frecuencia y van mejorando muchas funcionalidades.

No en vano el tema Divi es el tema de WordPress más instalado del mundo.

Con las nuevas opciones de tamaño arrastrables de Divi, literalmente puedes controlar el ancho, el ancho máximo, la altura mínima, la altura máxima y la altura máxima de cada elemento dentro del propio constructor. Esto te da la libertad para editar para cualquier dispositivo (responsive) de forma sencilla.

Todo esto suena bien, pero ¿cómo se traduce esto en una web? Eso es exactamente de lo que vamos a hablar en este post. Comenzaremos explicando primero la diferencia entre todas las propiedades de altura y anchura disponibles dentro de la configuración de Divi y luego las usaremos en diferentes escenarios para hacer que nuestros diseños de página se comporten exactamente de la manera que queremos.

¡Vamos a ello!

Entendiendo la diferencia entre las distintas propiedades

Antes de utilizar el ancho y el ancho máximo en nuestros procesos de diseño diarios, es importante entender lo que hacen. Esto es lo que la explicación teórica es:

Ancho:  el ancho real de un elemento de diseño. Si esto es 100%, es tan ancho como el contenedor lo permite. El ancho generalmente se expresa usando %. Cuanto menor sea el porcentaje para el ancho, más estrecho será el elemento de diseño.

Ancho  máximo: el ancho máximo tiene poder sobre el ancho. Si el ancho de un módulo se establece en 100%, se adherirá a ese valor siempre y cuando se mantenga por debajo del valor de ancho máximo. Una vez que se alcanza el valor de ancho máximo, no lo excederá.

Pero, ¿cómo se traduce eso en diseño responsive? Para ayudar a explicar la diferencia, vamos a crear una comparación visual habilitando el Visual Builder en una página completamente nueva. Agregaremos una sección con una fila de una columna. Luego, insertamos un módulo de texto con algo de contenido, un color de fondo y un relleno personalizado.

diseño de respuesta

Cambiando el ancho

Cuando cambia el ancho del módulo de texto al 80%, verá que el módulo de texto se reduce de tamaño. También se muestra la posibilidad de alinear el módulo como desee.

diseño de respuesta

Cambiando el ancho máximo

Cuando cambia el ancho máximo, el valor asignado solo comenzará a aplicarse desde el momento en que el ancho real exceda el valor del ancho máximo. Vamos a demostrar que realmente rápido:

No excedido

diseño de respuesta

Excedido

diseño de respuesta

Además del ancho y el ancho máximo, también podrás encontrar la altura mínima, la altura y la altura máxima en la configuración de tamaño de cada elemento. Esto es lo que teóricamente puedes entender de estos términos:

Altura  mínima: la altura mínima que desea asignar a un elemento. Si este valor es mayor que la entrada de altura, la entrada de altura mínima dominará.

Altura:  esto define la altura real que desea asignar al elemento.

Altura máxima:  este valor se convierte en la nueva altura una vez que la altura supera el valor asignado a la altura.

Cambiando la altura mínima

Si cambias la altura mínima de un elemento, ese valor se convierte en la norma. Al probarlo, verás automáticamente la altura del cambio del módulo de texto en tiempo real.

diseño de respuesta

Cambiando la altura

Si estás combinando una altura mínima y una altura, deberás asegurarte de que la altura sea mayor que la altura mínima. Si no, la altura será ignorada. En los dos GIF a continuación, podrás ver la diferencia en tiempo real.

No supera

diseño de respuesta

Supera

diseño de respuesta

Cambiando la altura máxima

La altura máxima se hace cargo si supera la altura mínima, pero es más pequeña que la altura. Si, por ejemplo, asignara un valor más alto a la altura mínima que a la altura máxima, la altura mínima dominaría.

Cambiar el ancho máximo para las filas

Una de las mejores prácticas en diseño web es decidir sobre un ancho máximo particular para todo su sitio web. Esto ayuda a que todo se vea receptivo en diferentes tamaños de pantalla. También ayuda a los diseñadores a crear wireframes precisos.

Cambiando el ancho máximo global

Puede o no saber que puede establecer un cierto ancho máximo predeterminado para su contenido en el Personalizador de temas yendo a la Configuración general y continuando a la Configuración de diseño. Mantener el ancho máximo persistente ayuda a potenciar la capacidad de respuesta.

diseño de respuesta

Cambia el ancho máximo para una fila en particular

Con la nueva actualización de tamaño arrastrable, también tienes la oportunidad de definir individualmente un ancho máximo para filas. Esto es ideal para las excepciones donde tiene más sentido ir con un ancho máximo más alto.

diseño de respuesta

Dando módulos a la misma altura

Otra técnica que debes tener en cuenta se centra en dar la misma altura a elementos similares. Esto es estéticamente agradable a la vista y ayuda a los visitantes a buscar contenido fácilmente. Hay dos formas comunes de abordar esto:

Usando el igualador de columnas

El primer método es uno que ha estado con Divi durante mucho tiempo. Si deseas crear la misma altura para cada una de las columnas de su fila, puedes habilitar el Igualador de columnas en la configuración de tamaño de su fila. Si estás utilizando colores de fondo de columna, notarás rápidamente la diferencia.

diseño de respuesta

Asignar altura a cada módulo

Otra forma de abordarlo es asignando una altura predefinida a los módulos que estás agregando.

diseño de respuesta

Alinear contenido dentro de un módulo

Una vez que hayas asignado una altura a todos los módulos, también puedes jugar con la alineación del contenido. Para hacerlo, puedes usar un relleno personalizado para determinar manualmente el espacio en blanco en un módulo, o usar unas pocas líneas de código CSS para alinear automáticamente el contenido.

display: flex;
flex-wrap: wrap;
align-contentcenter;
diseño de respuesta

Eligiendo la altura o anchura del elemento de diseño y el desbordamiento de giro en desplazamiento

Otra cosa interesante que puede hacer con las nuevas opciones de tamaño arrastrables es convertir el desbordamiento en desplazamiento. Esto te ayudará fácilmente a ahorrar espacio en tus páginas y agregará interacción adicional. Hay dos pasos para esto; configura una altura para tu elemento y cambia el desbordamiento en la configuración de visibilidad. Comienza por cambiar la altura de tu módulo o elemento.

diseño de respuesta

Luego, ve a la configuración de visibilidad de tu elemento y cambia el desbordamiento vertical en desplazamiento.

diseño de respuesta

Creación de una sección de pantalla completa en todos los tamaños de pantalla

¡A la siguiente y última sugerencia! ¿Quieres crear una sección de pantalla completa? Abre la sección en tu página, ve a la configuración de tamaño y cambia la altura. Es importante que uses la unidad de ventana de altura para esto para asegurarte de que todo sigue respondiendo en todos los tamaños de pantalla.

  • Altura: 100vh
diseño de respuesta

¿Deseas alinear centralmente el contenido en tu sección de pantalla completa? Agregua también las siguientes líneas de código CSS personalizadas al elemento principal de tu sección:

display: flex;
flex-wrap: wrap;
align-contentcenter;
diseño de respuesta

Conclusiones

En esta publicación, he revisado las nuevas opciones de ancho y altura que vienen con la actualización de tamaño arrastrable de Divi. Te he mostrado cómo funcionan y cómo puedes usarlos para crear un diseño de página responsive para cualquier tipo de sitio web que estés creando. Si tienes alguna pregunta o sugerencia, ¡deja un comentario en la sección de comentarios!

Si quieres aprender más sobre Divi y conseguir más regalos de Divi, apúntate a mi Curso de Divi y te ayudaré de primera mano.

Nuevo Centro de Soporte de Divi: Resuelve casi cualquier problema de forma sencilla

Nuevo Centro de Soporte de Divi: Resuelve casi cualquier problema de forma sencilla

Quizá una de las cosas más importantes cuando vamos a diseñar una web es que si tenemos algún problema o nos atascamos con algo, podamos resolverlo de forma sencilla antes de que empiecen a aparecer los sudores.

Todos mis alumnos de mi Curso de Divi (donde enseño a diseñar una web en 1 semana) me tienen a mi y yo les ayudo encantado, pero ahora, además, dentro de Divi vas a tener soporte con Elegant Themes incorporado.

En Elegant Themes, son muy conscientes de esto y con esta nueva actualización han querido proporcionar el mejor apoyo posible. Pero seamos honestos, no es fácil.

Es especialmente difícil cuando se trata del tema de WordPress más instalado del mundo, con más de 500.000 clientes, que les hacen miles y miles de preguntas cada día. 

Según parece han estado trabajando duro para mejorar el sistema de soporte y la forma en que interactuan con todos los que diseñamos webs con el tema Divi. 

Con esta mejora tiene pinta de que encontrar ayuda a problemas e incidencias tipicas va a ser mucho más sencillo.

A parir de esta versión de Divi (que por supuesto tienes ya disponible para descargar en mi curso de Divi) verás una nueva pestaña llamada: Centro de soporte.

Te explico lo que va a permitir porque hay cosas realmente chulas.


Estado del sistema


Dentro del Centro de soporte de Divi, lo primero que notarás es la sección Estado del sistema. El estado del sistema nos muestra una visión general rápida de las estadísticas y la configuración de nuestro servidor, y nos informa si hay algo que pueda causar problemas de compatibilidad con Divi. Si todas las luces son verdes, está todo perfecto. Si algo está en rojo, probablemente deberías abordarlo. Si algo está en amarillo, podrías considerar hacer ajustes para mejorar. 

La configuración correcta de tu hosting soluciona la mayoria de los problemas más comunes que puedes encontrar con Divi.

Esto a del Estado del sistema te ahorrará mucho tiempo de estar hablando con tu hosting o buscando el por qué de las incidencias que tengas. Este es el primer paso para saber que tienes el hosting bien configurado y que no vas a tener problemas de configuración, etc.


Acceso remoto


Esta joyita dentro de Divi te va a permitir que de forma ultra sencilla el equipo de soporte de Elegant Themes entre en tu web y te solucione el problema (lógicamente si tienes tu propia licencia de Divi). 

Cuando necesites ayuda, puedes habilitar el conmutador de acceso remoto con un solo clic. 

Esto enviará un token seguro al personal de soporte de Elegant Themes que pueden usar para iniciar sesión en tu Panel de WordPress. 

Ya no se comparten contraseñas y no es necesario enviar el token a su equipo de soporte. Mientras el acceso remoto está habilitado, el equipo de soporte podrá iniciar sesión en tu web y ayudarte con cualquier problema. Incluso puedes habilitarlo de forma preventiva antes de chatear con el equipo de soporte para que puedan entrar de inmediato si es necesario.

De manera predeterminada, el personal de soporte de Elegant Themes tendrá acceso limitado a tu web pero puedes habilitarles el acceso de administrador completo si quieres. El acceso remoto se desactiva automáticamente después de 4 días, o cuando desactivas Divi. También puedes apagarlo manualmente después de que se haya resuelto un problema y, por supuesto, el acceso remoto solo puedes habilitarlo  , el propietario del sitio web, y no Elegant Themes ni nadie más.

El sistema de acceso remoto es maravilloso porque ahorra mucho tiempo durante el chat de soporte y ahorra la molestia de tener que pelearse con ciertos problemas complicados. Nos permite resolver problemas rápidamente, en lugar de perder horas o días buscando la solución en foros, etc.


Modo seguro


La siguiente característica del Centro de soporte es el Modo seguro

Esto me encanta porque soluciona la pregunta que más recibo de mis alumnos. O mejor dicho, la manera de solucionar problemas que más suelo recomendarles porque soluciona el 90% de los problemas de incompatibilidades (con otros plugins, etc.)

La mayor parte de los problemas que las personas experimentan al usar Divi están relacionados con la compatibilidad, lo cual es natural considerando el ecosistema de código abierto de WordPress. Lo más habitual es que haya alguna incompatibilidad con algún plugin.

Habitualmente, la única forma de descubrir qué plugin causaba el problema era deshabilitar uno por uno hasta dar con el “culpable”. Sin embargo, esto lleva tiempo y podría causar probelmas en tu web (ya que muchas cosas que tengas instaladas dejarían de verse) con lo que causaría interrupciones a tus visitantes. 

Mucha gente a menudo no lo hace, por pereza o por no “estropear” la web desactivando los plugins. Y si no se hace esto de ir desactivándolos 1 a 1 es imposible averiguar cuál era el causante del problema. El modo seguro resuelve esto.

Aquí entra la joyita del modo seguro:

Cuando activas el Modo seguro, todos los plugins, el tema hijo (si usas) y todos los scripts personalizados se desactivan temporalmente. ¡Pero , sólo están deshabilitados para ti! 

Esto significa que tú o el personal de soporte podéis habilitar el Modo seguro con un solo clic, y sin causar ningún cambio en la web ni en la experiencia de tus visitantes. 

Mientras estás en Modo seguro, puedes investigar en tu web y en el Editor de Divi para ver si aún experimenta problemas. Si los problemas desaparecen, entonces sabrás que fueron causados ​​por un problema de compatibilidad de terceros (plugins, tema hijo…) Una vez confirmado esto, podemos continuar con el siguiente paso e intentar solucionarlo.

El modo seguro combinado con acceso remoto es una cosa maravillosa. Con dos clics, puedes permitir que el personal de soporte inicie sesión y llegue al fondo de los problemas sin afectar tu web.


Documentación y videos de ayuda


El Centro de soporte también incluye una sección de documentación que incluye algunos videos que te ayudarán a comenzar con Divi, así como enlaces rápidos a algunos de los artículos de documentación más populares. Para los nuevos usuarios, este es un gran lugar para comenzar a usar Divi. Muchas de las preguntas que me hacen habitualmente mis alumnos del Curso de Divi se pueden responder con un enlace a la página de documentación.


Registro de depuración


Finalmente, tenemos la sección Registro de depuración, que nos muestra un fácil acceso a todos los errores y advertencias que se han producido en la web. Esto te puede dar una idea de cuál podría ser la causa de cualquier problema en particular. 

A menudo era complicado encontrar los registros de depuración cuando nos lo solicitaban desde el soporte de Elegant Themes, lo que significaba que se perdia tiempo buscando el problema. El registro de depuración ahorra mucho tiempo de estar investigando.


Conclusión: Un mejor soporte con el que será más fácil y rápido solucionar cualquier problema


Cuando se combinan, todas estas características se resuelven la mayoría de las incidencias. Se acabaron los días en que se desperdiciaban las primeras horas de soporte al solicitar información del servidor, desactivar los plugins e instalar el complemento de soporte.

El Centro de soporte está disponible desde hoy para todos los usuarios con Licencia, así que si no la tienes, ya ves una razón más para tenerla. Ahorrar mucho tiempo solucionando cualquier problema de forma sencilla. Hay cosas que cuestan menos de lo que valen.


Si quieres aprender más sobre Divi…


Muy fácil… entra en mi Curso de Divi Online y tendrás acceso a 3 cursos en 1 y podrás descargar Divi gratis y usarlo en tu web de por vida (en el enlace anterior te explico todo con detalle):

  • Curso de Divi Express para hacer tu web en 1 semana
  • Curso de Divi a fondo
  • Curso de WordPress

Descuentos en las licencias de Divi


La única manera de poder tener acceso a este soporte, descargar todas las plantillas de Divi, tener actualizaciones incluidas, etc. es comprando una de sus dos licencias.

DEVELOPER: La más barata (licencia Developer) pagas 89 dólares (algo menos en euros) y puedes descargartelas todas dentro de la biblioteca de Divi. Podrás usar Divi en webs ilimitadas. Puedes pagar solo una vez y usarlo de por vida pero a partir del segundo año no tendrás derecho a las actualizaciones.

LIFETIME: O puedes pagar la licencia Lifetime y tener todo de por vida, Divi en webs ilimitadas, plantillas, actualizaciones, etc.

Aquí te dejo enlaces con descuentos:

DESCUENTO 20% LICENCIA DEVELOPER: PULSA AQUÍ

DESCUENTO 10% LICIENCIA LIFETIME: PULSA AQUÍ


Temas WordPress: Divi es el Mejor tema del Mundo (lo dicen los datos)

Temas WordPress: Divi es el Mejor tema del Mundo (lo dicen los datos)

NOTA: Hay muchas maneras de elegir el mejor tema de WordPress (facilidad de uso, flexibilidad, velocidad, seguridad…) hoy vamos a ver los temas TOP según el número de usuarios que lo usan en el mundo. Es decir que lo han elegido como el Mejor Tema de WordPress para diseñar su propia web.

Después de leer el artículo de mi amigo Fernando Tellado sobre el Top 10 de los temas de WordPress en España y en el Mundo he querido yo hablar sobre este tema que me parece muy importante para todos los que estén queriendo crear su propia página web y que están buscando el mejor tema de WordPress para tener la seguridad de que usan la mejor herramienta posible.

Temas WordPress: Divi es el Mejor del Mundo (lo dicen los datos)

Cada uno tendrá su opinión, como en todo en la vida. Pero hoy no vamos a hablar de opiniones sino de hechos, de datos, de elementos objetivos.

La frase el mejor tema de WordPress encierra 2 preguntas en si misma ¿El mejor tema para qué? ¿El mejor tema para quién?

  • La respuesta más habitual a la pregunta de “para qué” suele ser: “Busco el mejor tema de WordPress para diseñar una web de forma sencilla y que la web me genere ingresos”
  • La respuesta a la pregunta de “para quién” la vas a ver en este post. Para la aplastante mayoría Divi es el mejor tema de WordPress.

Si no me conoces me presento. Mi nombre es Gonzalo de la Campa y soy Diseñador Web en WordPress especializado en Divi y Profesor de WordPress con Cursos Online desde 2014 y ayudo a personas a emprender desde 0 en Emprendit, la única formación que incluye página web, Seo, Hosting y todo lo que se necesita para emprender en Internet.

El mejor tema de WordPress en el Mundo

Igual que gana la Bota de Oro en fútbol el futbolista que más goles marca, aquí la Bota de Oro se la lleva de calle Divi.

El único dato objetivo o al menos el más potente (no opinable) para decir cuál ha sido y es el Mejor Tema de WordPress es el número de usuarios que confían en ese tema para realizar su página web y pese a que en España (un país a veces muy acostumbrado a criticar jeje) hay algunos feroces críticos de Divi, vamos a ver cuáles son las cifras para el resto del mundo.

Temas WordPress: Los 20 mejores

Ranking mejor tema WordPress

 

Fuente: https://trends.builtwith.com/framework/wordpress-theme/traffic/Entire-Internet

Como podéis ver, el Tema Divi lidera la clasificación. En WordPress, Divi es el tema en el que más confían los usuarios de todo el mundo. Solo le sigue de cerca Twenty Seventeen porque es un tema gratuito que viene preinstalado con WordPress y ni siquiera así supera a Divi.

El siguiente ya ni siquiera le hace sombra. Avada tiene aproximadamente la mitad de usuarios y eso que es un tema que empezó mucho antes que Divi. Yo mismo usé Avada cuando empezaba y allá por 2014 me pasé a Divi y desde entonces no uso otro, así de claro.

En España algunos marketinianos son fan de Genesis o GeneratePress, pero como véis en el mundo los datos están muy lejos de que estos temas sean los más valorados por los usuarios. La respuesta es fácil. Temas como Genesis son más complicados y menos flexibles de utilizar y no democratizan tanto el conocimiento como lo hace Divi.

A mi me ha llegado mucha gente pidiendo que le cambie su tema a Divi, bien porque tuviesen Avada, Genesis u otros temas y porque veían que no podían hacer de forma sencilla muchas cosas que deberían serlo. Aquí os dejo un ejemplo de un cliente que me pidió que le cambiase su tema de WordPress de Genesis a Divi.

 

El mejor tema de WordPress en España

Como veréis qué sucede en otros países como Estados Unidos, Reino Unido o Francia, en España Divi es también el Tema de WordPress en el que más usuarios confían para crear su web. Yo llevo usándolo desde 2014, así que hablo con conocimiento de causa, he hecho cientos de webs en Divi y he enseñado a casi 1.000 alumnos a usar Divi con mi Curso de Divi en el que no solo se aprende Divi desde cero sino que los alumnos pueden descargar Divi gratis para usarlo en sus proyectos y además tienen mi soporte para ayudarles con lo que necesiten.

Divi desde que empezó en España tuvo algunos detractores que hicieron mucho ruido y a veces me ha llegado mucha gente confundida pensando algunas cosas de Divi que no son ciertas. Por eso hace tiempo hice este artículo de Los 7 falsos mitos de Divi que deberías conocer para analizar a fondo Divi y demostrar su gran velocidad de carga, lo magnífico que es para posicionamiento SEO, etc. Yo mismo posiciono en Google a mis clientes sus webs en un solo mes de trabajo con las páginas que les diseño en Divi con mi plan de SEO Ilimitado.

Como podéis ver en el gráfico y pese a lo que algunos podían desconocer Divi está muy por encima del resto. Le sigue Avada y otros temas populares como Genesis, GeneratePress, etc ni aparecen en la gráfica. Esto no es una opinión de si Divi es el mejor o no lo es, esto son datos reales de los usuarios que confian en Divi para diseñar su web.

 

Veamos ahora el Ranking de los mejores temas de WordPress en España… Divi, como siempre en la pole y sus perseguidores están muy muy lejos de Divi. 

Por cierto, ya que estamos hablando tanto de Divi, si quieres saber más sobre Divi aquí tienes un Mega Tutorial sobre Divi.

Fuente: https://trends.builtwith.com/framework/wordpress-theme/country/Spain

 

El mejor tema de WordPress en Estados Unidos

En Estados Unidos Divi sigue siendo el número 1 de los Temas de WordPress. Comparte podio con Twenty Seventeen que parte con ventaja al ser un tema gratuito que viene instalado al instalar WordPress. Es decir, ni con esas supera a Divi y si comparamos Divi con temas no preinstalados para jugar en igualdad de condiciones los siguientes bajan a la mitad, es decir, en Estados Unidos los usuarios confían en Divi como el mejor tema de WordPress.

 

El mejor tema de WordPress en Reino Unido (UK)

Psa lo mismo que en Estados Unidos y el resto del Mundo. Divi en el Reino Unido es el tema en el que más confían los usuarios. Y el siguiente Tema Premium vuelve a bajar a la mitad, en esta caso el que más se le acerca es Avada y ni Genesis ni GeneratePress ni muchos otros aparecen en el podio.

 

El mejor tema de WordPress en Francia

En nuestro país vecino sucede lo mismo que en Estados Unidos, el Reino Unido y el resto del Mundo. Divi está en la posición Nº1. Y por aquí tampoco aparece Genesis, ni Enfold, ni GeneratePress…

Temas WordPress Divi

Mejor Tema WordPress en Francia

 

Divi sigue creciendo a pasos agigantados

Pero es que además de todo esto que hemos visto, la tendencia apoya todavía más al Tema Divi como el mejor tema de WordPress para la mayoría de usuarios del mundo. Estas 2 gráficas te van a dejar helado:

Y mira ahora la tendencia de búsquedas de Divi comparado con otros temas de WordPress según Google Trends. Como verás las tendencias demuestran que Divi es el tema de WordPress que más interés despierta, solo seguido de Avada y ya muy de lejos otros como GeneratePress o Twenty Seventeen.

Fuente: https://trends.builtwith.com/framework/Divi

 

¿Cómo descargar Divi?

Imagino una vez sabiendo cuál es el mejor Tema de WordPress querrás usarlo en tu web, pues bien la única manera de poder descargar todas las plantillas de Divi de forma legal, es comprando una de sus dos licencias o apuntándote a algún Curso de Divi que incluya el tema Divi para descargar gratis para sus alumnos. De hecho yo en mi Pack de Todos los cursos además añado mi código de licencia a la web del alumno para que lo pueda actualizar de por vida de forma sencilla sin comprar la licencia. Ya que al ser mi cliente puede tenerlo de forma 100% legal.

Los que queráis comprar vuestra licencia de Divi debéis saber que hay 2 licencias (y aquí tienes descuentos):

 – 1 – DEVELOPER: La más barata (licencia Developer) pagas 89 dólares (algo menos en euros) y puedes descargarlas todas dentro de la biblioteca de Divi. Podrás usar Divi en webs ilimitadas. Puedes pagar solo una vez y usarlo de por vida pero a partir del segundo año no tendrás derecho a las actualizaciones.

 – 2 – LIFETIME: O puedes pagar la licencia Lifetime y tener todo de por vida, Divi en webs ilimitadas, plantillas, actualizaciones, etc.

Aquí te dejo enlaces con descuentos:

DESCUENTO 20% LICENCIA DEVELOPER: PULSA AQUÍ

DESCUENTO 10% LICIENCIA LIFETIME: PULSA AQUÍ

Espero que todo esto te haya gustado y si es así te agradecería que me ayudases compartiéndolo en tus redes sociales.
Si tienes alguna duda te espero en los comentarios.
¡Un fuerte abrazo!
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!

El nuevo Divi Builder

El nuevo Divi Builder

El nuevo editor visual de Divi también en la parte de atrás

El nuevo Divi Builder trae el poder de Visual Builder al back-end, con lo que podrás disfrutar de las ventajas del Visual Builder en el panel de administración de WordPress (back-end).

Hoy es de esos días grandes en el mundo de Divi.

Hoy se han habilitado en el editor del back end cientos de nuevas características que anteriormente solo estaban disponibles en el Visual Builder (front end).

Esta actualización trae todo el poder del Visual Builder para los que les gusta diseñar desde el panel de administración de WordPress.

Pero no solo eso, sino que también se ha mejorado sustancialmente la tecnología Visual Builder.

Se carga mucho más rápido, funciona mucho más rápido y ahora es 100% visualmente preciso. ¡También viene con algunas características que faltan, como copiar y pegar entre páginas! (Esto yo lleva deseándolo mucho tiempo)

Incluso si no estás familiarizado con el Visual Builder, encontrarás que la nueva experiencia de Divi Builder dentro del editor de entradas o post de WordPress te es muy familiar. También es opcional, por lo que puedes continuar utilizando la versión del constructor que más te convenga.

El mismo gran constructor, pero más versátil y potente que nunca

Realmente no es un gran cambio en lo que se refiere al flujo de trabajo básico, solo viene con muchas más opciones, modos de edición variados e innumerables funciones nuevas.

Ahora puedes saltar al modo de edición visual en cualquier momento, sin tener ir al front end. Mola!.

Cientos de mejoras

Es más rápido y sencillo.

Visual Builder mejor aún

Esta actualización no solo trae el Visual Builder al back-end, sino que también mejora el Visual Builder de manera sustancial.

Ahora es 100% preciso, incluso cuando se alternan los modos de vista.

También han aprovechado el almacenamiento en caché para mejorar en gran medida las velocidades de carga de Visual Builder y las velocidades de representación en el constructor para que cada acción sea más ágil.

Ahora el Classic Builder y el Visual Builder son mucho más rápidos.

 

Copia y pega entre páginas

Cuánto tiempo he estado deseando yo esto.

También han agregado la capacidad de copiar y pegar entre páginas en el Visual Builder, al igual que podremos hacerlo en el Classic Builder.

Si has diseñado algo en una página y quieres pulsar botón derecho y copiarlo y pergarlo en otra página de tu web, ahora podrás hacerlo en segundos. Antes había que guardarlo en la biblioteca y cargarlo en la nueva página.

Un Builder Framework unificado

Esto quizá no sea algo que externamente valoremos pero es increíblemente importante por muchas razones, la más importante es que unifica la experiencia y el código base de Backend Builder y Visual Builder.

Esto significa que los usuarios de Divi no tendrán que elegir entre dos experiencias distintas, sino que pueden sentirse cómodos construyendo dentro del editor de bloques y en el editor visual indistintamente.

Esto también significa que su equipo de desarrollo puede centrarse en una sola base de código mejorar de manera más rápida y eficiente. Esta es una mejora vital para la comunidad y para Elegant Themes.

 

Divi 3.18x es compatible con WordPress 5.0

Divi 3.18x es compatible con WordPress 5.0

Empezaré este artículo recomendando lo que digo siempre: Cuando haya actualizaciones importantes espera siempre 15 días al menos para actualizar.

¿Por qué? Porque si hay fallos en las nuevas versiones (ya sean de WordPress, temas o plugins) las solucionan esos días con todos los reportes que les manda la gente. Así que espera siempre un tiempo prudencial antes de actualizar para asegurarte de que ya han solucionado los posibles errores y haz siempre copia de seguridad antes.

Dicho esto, vamos al lío…

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

Si ya te vas a lanzar a actualizar WordPres 5 y Divi, te recomiendo que sigas los pasos correctos tal y como explico en este otro artículo, para evitar sustos:

>> Como actualizar a WordPress 5 de forma segura

 

WordPress 5.0 ya está aquí, y con él vienen algunos cambios muy grandes. WordPress 5.0 introduce una experiencia de edición completamente nueva. Este nuevo editor no solo reemplaza a TinyMCE, sino también a toda la página de edición de entradas. Para muchos, este cambio puede resultar negativo inicialmente.

La buena noticia es que WordPress 5.0 es compatible con Divi gracias al maravilloso trabajo de Elegant Themes.

La última versión de Divi es compatible con WordPress 5.0

Pero no solo Divi es compatible con WordPress 5.0.

Las últimas versiones de Divi, Extra, Bloom, Monarch y Divi Builder son compatibles con WordPress 5.0.

Esta versión aborda muchos problemas de compatibilidad con el nuevo editor de publicaciones de Gutenberg y te permitirá seleccionar entre Gutenberg y el Visual Builder.

Esta actualización también resuelve problemas con el nuevo sistema de meta box, que se usa para mostrar la configuración de la página Divi y las opciones de formato de publicación.

Puedes actualizar el tema y actualizar los plugins utilizando el sistema de actualización estándar de WordPress.

Divi Builder en WordPress 5.0

Usar el Divi Builder con WordPress 5.0 es un poco diferente a las versiones anteriores. Notarás que el diseño general del editor de publicaciones ha cambiado y que aparece un nuevo cuadro al crear nuevas páginas que te permitirán elegir entre Divi Builder y el editor de publicaciones estándar de WordPress. Puedes cambiar de uno a otro en cualquier momento.

WordPress 5.0 elimina el editor clásico de WordPress y el botón de Divi Builder “de bloques” (no el editor visual)

WordPress 5.0 reemplaza el Editor clásico con una experiencia de edición posterior completamente nueva.

Junto con la eliminación del Editor clásico viene la eliminación de todas las aplicaciones conectadas, como el botón de Divi Builder de bloques.

Después de actualizar a WordPress 5.0, verás que editor clásico de WordPress y el botón de Divi (también conocido como el constructor de bloques) no están por ninguna parte. Pero no te preocupes, aún puedes usarlos instalando el plugin Classic Editor Plugin. Esto deshabilitará la nueva experiencia de edición y te permitirá acceder al Divi Builder como antes.

Puedes usar el Divi Builder de bloques instalando el plugin: Editor clásico (pero no te va a hacer falta)

Si quieres seguir maquetando con el maquetador de bloques de Divi (es una pena porque con el maquetador visual se maqueta de maravilla), pero bueno, si decides instalar el plugin haz esto:

Una vez instalado, ve a Configuración> Escritura y asegúrate de que el Editor clásico esté configurado como tu editor predeterminado

Puedes desactivar Gutenberg en las opciones del tema Divi

También puede deshabilitar el nuevo editor de WordPress 5.0 (Gutenberg) y habilitar el Editor clásico dentro de las Opciones de tema Divi.

Si está utilizando WordPress 5.0 o superior, aparecerá una nueva en Divi > Opciones de tema > Builder > Avanzado.

Elegant Themes ofrece soporte para WordPress 5.0

En ELegant Themes se han esforzado en corregir errores importantes y en mejorar la compatibilidad entre Divi y WordPress 5.0 así como en sus plugins, etc., pero la historia no termina ahí.

Tienen tres etapas más en cuanto a soporte, planificadas para las próximas semanas, y las formas en que Divi se integra e interactúa con Gutenberg se harán más avanzadas y más fluidas en un futuro próximo. ?

218813

¿Te vas sin tu regalo?

Mis secretos para crear una web de exito

+ trucos y recursos gratis para Divi

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.

Dime dónde te envío

tu descuento y regalos

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 Mailchimp
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

tu regalo

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.

Dime dónde te envío

el enlace al webinar

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 Mailchimp.
Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

Dime dónde te envío

el enlace al webinar

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.