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!

Ahorra mucho tiempo con los atajos de teclado de Divi

Buenas amigos!! En este artículo vamos a ver algo que os va a ayudar muchísimo! Sobre todo si sois desarrolladores o vais a hacer vuestra web y queréis diseñar de forma ágil y rápida.

El mes pasado en Elegant Themes lanzaron Div 3.0 con el espectacular constructor visual. Esta nueva interfaz revolucionó por completo el Divi Builder al llevarlo al front-end y permitiendo a los usuarios realizar cambios en tiempo real a su sitio web utilizando un conjunto de controles visuales. La reacción de los usuarios ha sido increíble y no podemos estar más emocionados con el futuro de Divi.

En las semanas siguientes al lanzamiento de Divi 3.0 en Elegant Themes se han dedicado a hacer que el nuevo generador visual funcionase a la perfección, resolviendo pequeños errores tras el lanzamiento, que suele ser habitual ya que la comunidad lo testea a fondo. Han mejorando la compatibilidad con plugins de terceros, etc. Un mes y 140 mejoras más tarde, las cosas se ven mejor que nunca y van a continuar para mejorar la estabilidad durante las próximas semanas antes de comenzar a trabajar en Divi 3.1. No vamos a añadir nuevas características en Divi 3.1, pero vamos a hacer todo sobre Divi sólo un poco mejor, más rápido y más fácil de usar. El generador visual va a venir a el plugin del Divi Builder pronto también!

En y entre las horas dedicadas a conseguir que el Constructor Visual esté en plena forma, han encontrado tiempo para trabajar en algo nuevo también. Han querido aprovechar la increíble velocidad del constructor y proporcionar a los profesionales Divi algunas nuevas herramientas que ayuden a llevar su trabajo de diseño web al siguiente nivel. Así que han decidido crear un nuevo conjunto de funciones de usuario avanzado en forma de atajos de teclado.

Atajos de teclado, cuando se utiliza en el nuevo generador visual, son increíblemente gratificantes y asombrosamente rápidos. Para la gran mayoría de personas que construyen sitios web de forma profesional, “el tiempo es dinero”, y estas nuevas herramientas se va a ahorrar una tonelada de él! jeje

prueba

icono-1

Atajos de teclado Galore

Casi todas las acciones que haces en el Generador Visual ahora pueden ser realizadas mediante atajos de teclado. Dónde antes necesitabas normalmente de 2 a 3 o 4 o incluso 5 clics del ratón ahora se pueden realizar en tan sólo unas pocas teclas. Puedes cortar, copiar, pegar, añadir nuevos contenidos, ajuste columnas, cambiar el relleno y más sin tener que abrir un panel de configuración. Una vez que domines estos accesos directos, la construcción de páginas la harás a una nueva velocidad que te encantará.

 

CORTAR, COPIAR, PEGAR

Probablemente ya estés acostumbrado a estos atajos, pues ya los tienes en Divi. Pasa el ratón sobre un módulo y pulse Ctrl+ para copiarlo o Ctrl+ para cortarlo (copiar y quitarlo de la página). Una vez que un módulo, fila o sección ha sido copiado, simplemente coloca el cursor sobre la que desea pegar y pulse Ctrl+ V. ¿Te mola eh?

dupdo

COPIAR Y PEGAR ESTILOS ONTO MÓDULOS EXISTENTES

¡No sólo se pueden copiar y pegar módulos enteros, también puede copiar estilos desde un módulo y pegar esos estilos en otro módulo! ¡¡¡Esto me encanta!! Digamos que si tienes una página con 8 módulos  y decides actualizar sus colores y estilos de fuente. Simplemente debes personalizar una de los módulos y a continuación, coloca el cursor sobre él y pulse Ctrl+ Alt+ para copiar sus estilos. Esto copiará todas las personalizaciones de diseño que ha realizado en el módulo. Pase el ratón sobre otro módulo de propaganda y pulse Ctrl+ Alt+ Vpara pegar los estilos en el módulo. El módulo se actualizará para tener un aspecto como el módulo que has copiado a los estilos, pero conservará la totalidad de su contenido único!

copia-styles

ARRASTRAR Y COPIA

También puedes copiar un módulo en una nueva ubicación pulsando la tecla  Alt mientras lo mueves. Esto copiará el módulo trasladado a la ubicación que quieras.

copia y arrastre

DESHACER REHACER

La capacidad de deshacer y rehacer en el generador es un ahorro total de tiempo y vida, y es muy fácil de hacer mediante atajos de teclado. Si no te gusta un cambio que ha hecho, sólo tienes que pulsar Ctrl+ para revertirla. Si cambias de opinión, pulsa Ctrl+ o Cmd + Shift+ rehacer el cambio que acabas de deshacer.

deshacer

AJUSTE DE CANAL Y DE FILA ANCHOS

Los ajustes de anchura la anchura y la altura es algo que a nuestros clientes les estamos haciendo todo el tiempo, y ahora con los atajos de teclado que pueden realizar estos ajustes al instante sin tener que abrir el panel de configuración de la fila. Para hacer una fila de anchura completa, basta con colocar sobre ella y pulse + F. Para ajustar el ancho del canal de una fila, se ciernen sobre él y pulse + 1/ 2/ 3/4. Por ejemplo, puede crear al instante una cuadrícula de anchura completa de imágenes sin bordes presionando R+ y G+ 1

canal

CAMBIAR LAS ESTRUCTURAS DE LA COLUMNA

Ahora puedes cambiar las estructuras de columna instantánea también. Simplemente coloca el cursor sobre una fila y pulse C+ 1/ 2/ 3/ etc para alternar a través de cualquiera de las 11 estructuras de columnas disponibles. También puedes abrir la información de herramienta Cambiar columna y pulse Shift+ Tab para desplazarte por cada uno de los tipos de columna en la lista.

columnas

ESPEJO VALORES DE RELLENO MIENTRAS SE ARRASTRA

Una de las funciones más interesantes del Visual Builder es la capacidad de arrastrar para aumentar o disminuir los valores de relleno de fila y de la Sección. Han añadido un par de teclas de acceso rápido diferentes para hacer el relleno pueda arrastrar aún más útil. Sosteniendo Shift mientras arrastra limitará la altura o anchura de cambio en incrementos de 10. Así que si deseas aumentar su Sección relleno para 100px, sólo mantén pulsada la tecla Shift y arrastrar directamente al valor correcto en un par de segundos y se encajará a cada unidad de 10.

También han añadido la capacidad de reflejar valores de relleno. Si arrastras el relleno en un lado mientras sostienes Shift+ Alt, el relleno en el lado opuesto se actualizará para que coincida con el lado corriente que su están ajustando.También puede mantener Alt mientras se arrastra y se va a limitar la altura o la anchura del valor de relleno actual a ser mayor que el relleno en el lado opuesto. Es una manera fácil de aumentar o disminuir rápidamente el relleno en cualquier lado para que coincida con el valor exacto en el lado opuesto.

padding-arrastre

AJUSTAR FILA Y LA SECCIÓN RELLENO

Como una alternativa a arrastrar para aumentar o disminuir los valores de relleno, ahora puedes utilizar las teclas de flecha del teclado para hacer ajustes afinado de fila y sección de relleno. Al pulsar S+ Flecha aumentará los valores de relleno de la sección principal de acuerdo con la tecla de flecha que se pulsa. Al pulsar R+ Flecha ajustará el relleno de la fila padre. Por ejemplo, al hacer clic S+ Arriba aumentará relleno superior de la sección actual. Al pulsar R+ Abajo aumentará el fondo de relleno de la fila padre.

Valores de relleno se pueden disminuir así golpeando el S/R+ Alt+ Flecha Keys. Por ejemplo, al pulsar R+ Alt+ Abajo disminuirá el valor de relleno inferior de la fila padre.

relleno

AÑADIR NUEVO CONTENIDO

Los atajos de teclado también sirven para añadir nuevas filas y secciones. Al pulsar R+ 1/ 2/ 3/ etc. automáticamente, se añade una nueva fila debajo de la fila actual con el tipo de columna elegida. Por ejemplo, al pulsar R+ añadirá una nueva fila de 4 columnas a la página.

Lo mismo ocurre con las secciones. Añadir cualquiera de los tipos de sección de Divi (Regular, especiales o ancho completo) pulsando S+ 1/ 2/ 3.

agregar contenido

BLOQUEAR Y DESACTIVAR

Cualquier elemento de la página ahora puede ser desactivado o bloqueado simplemente ponte sobre el elemento y pulsa la o D.

inhabilitar

GUARDAR Y PUBLICAR

El atajo de teclado estándar para guardar, Ctrl+ S, ahora se guardará automáticamente la página, mientras que en el Divi Buider. Ni siquiera tienes que abrir la barra de configuración de página. También puedes pulsar Ctrl+ Alt+ para guardar la página como un borrador sin publicar.

salvar

SALIR DE VISUAL CONSTRUCTOR Y SALIR PARA BACKEND CONSTRUCTOR

Ahora es fácil para salir del constructor y saltar hacia atrás y hacia adelante entre el generador visual y backend del constructor. Para salir del Visual Builder, sólo tienes que pulsar Ctrl+ E. Para salir del Visual Constructor e ir directamente al backend Constructor, pulse Ctrl+ Shift+ E.

salida

AJUSTES CON SÓLO PRESIONAR UNA TECLA

Todos los paneles de ajustes más utilizados ahora se puede abrir con una sola tecla. Para activar y desactivar la barra de configuración, pulsa T. Para abrir la configuración de página, pulsa O. Para abrir la descripción portabilidad, pulsa P. Para abrir el historial de revisión, pulsa H.

ajustes

CAMBIAR TAMAÑO DE LA VENTANA DE AJUSTES

La interfaz visual del constructor es completamente personalizable, especialmente cuando se trata de su configuración de ventanas emergentes. Siempre que tengas una ventana de configuración abierta, puedes pulsar Ctrl+ Enter para ir a pantalla completa o para reducir al mínimo desde el modo de pantalla completa. También puedes ajustar la ventana hacia el lado izquierdo / derecho de la pantalla pulsando Ctrl+ Left Arrow o Ctrl+ Right Arrow para alternar entre cada modo.

modal

ACERCAR O ALEJAR PARA ALTERNAR VISTAS PREVIAS RESPONSIVE

Ahora se puede ampliar fácilmente y acercar la imagen para cada modo de previsualización pulsando el Ctrl+ -y Ctrl+ botones. Es una muy buena manera de ver rápidamente los cambios en diferentes dispositivos.

enfocar

CAMBIAR DE PESTAÑA Y TOGGLE COLUMNAS

Ahora puedes navegar rápidamente a través de las pestañas y las opciones. Siempre que tengas una configuración popup abierta, pulsa Shift+ Tab para ir a la siguiente pestaña y pulsa Tab para desplazarte por los campos de cada ventana. También puedes cambiar a través de cada diseño de las columnas pulsando Shift+ Tab, mientras que la información de herramienta Cambio Columna de la estructura está abierta.

lengüeta

DOBLE CLIC PARA ABRIR LA CONFIGURACIÓN DEL MÓDULO

Ya no es necesario colocar el cursor sobre los iconos de botón de un módulo para abrir su panel de configuración principal. En lugar de hacer clic directamente sobre el icono de engranaje, simplemente Double Click en cualquier lugar en el módulo, fila o sección para abrir la configuración!

haga doble clic

LISTA DE TODOS LOS ATAJOS DE TECLADO

Si alguna vez necesitas ayuda para recordar un atajo de teclado, sólo tiene que pulsar ? para conseguir un poco de ayuda. Una ayuda aparecerá con una lista completa de atajos de teclado más relevantes para ordenadores Mac y Windows. En su mayor parte, la tecla Ctrl se reemplaza con Cmd en Mac en la siguiente lista.

La página de accesos directos

  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Y/ Cmd+ Shift+Z
  • Guardar la página: Ctrl+S
  • Guardar página como borrador: Ctrl+ Shift+S
  • Salir de Visual Constructor: Ctrl+E
  • Salir Para backend Constructor: Ctrl+ Shift+E
  • Zoom-in de pantalla: Ctrl++
  • Pantalla de zoom-out: Ctrl+-
  • Cambiar la configuración de barras: T
  • Configuración de la página abierta modal: O
  • Abre el historial modal: H
  • Portabilidad abrir modal: P
  • Listar Todos los accesos directos: ?

Inline Editor de accesos directos

  • Salir Inline Editor: Esc

Los accesos directos de módulos

  • Copia Módulo: Ctrl+C
  • Módulo Cut: Ctrl+X
  • Módulo pegar: Ctrl+V
  • Configuración de copia de diseño del módulo: Alt+ Ctrl+C
  • Pegue parámetros de diseño del módulo: Alt+ Ctrl+V
  • Módulo Desactivar: D
  • Módulo de bloqueo: L
  • Ajuste Relleno Por 10px: Shift+Drag
  • Espejo ajuste relleno: Shift+ Alt+Drag
  • Ajuste Relleno hacia el lado opuesto: Alt+Drag
  • Copia Módulo + Drag – Alt + Module Move
  • Cambio de columna Estructura C+ 1/ 2/ 3/4
  • Hacer fila de ancho completo: R+F
  • Cambiar Medianil: G+ 1/ 2/ 3/4
  • Aumentar tamaño de fila Relleno: R+Left/Right/Up/Down
  • Aumentar tamaño de fila relleno por 10px: Shift+ R+Left/Right/Up/Down
  • Reducir tamaño de fila Relleno: Alt+ R+Left/Right/Up/Down
  • Reducir tamaño de fila relleno por 10px: Alt+ Shift+ R+Left/Right/Up/Down
  • Añadir nueva fila: R+ 1/ 2/ 3/4
  • Aumenta la sección Relleno: S+Left/Right/Up/Down
  • Aumenta la sección Relleno por 10px: Shift+ S+Left/Right/Up/Down
  • Disminuir la sección Relleno: Alt+ S+Left/Right/Up/Down
  • Disminuir la sección Relleno por 10px: Alt+ Shift+ S+Left/Right/Up/Down
  • Añadir Nueva sección: S+ 1/ 2/3
  • Abra Ajustes del módulo: Double Clickel módulo.

Los accesos directos modales

  • Cerca: Esc
  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Y/ Cmd+ Shift+Z
  • Guardar cambios: Enter
  • Aquí Switch – Shift+Tab
  • Alternar modal Expandir: Ctrl+Enter
  • Alternar modal Snap Izquierda: Ctrl+Left Arrow
  • Alternar modal Snap derecha: Ctrl+Right Arrow

NUEVA BACKEND BUILDER ACCESOS DIRECTOS TAMBIÉN!

No acabamos de añadir nuevos accesos directos al Creador visual, todos los accesos directos pertinentes se han añadido al programa de fondo constructor también! Hay algunos nuevos también, por ejemplo, pulsando Ctrl+ Ppara lanzar una vista previa en vivo de cualquier elemento que se está editando.

La página de accesos directos

  • Guardar la página: Ctrl+S
  • Guardar página como borrador: Ctrl+ Shift+S
  • Deshacer: Ctrl+Z
  • Rehacer: Ctrl+ Shift+Z
  • Historia abierta: H
  • Abrir Portabilidad: P
  • Para abrir Configuración de Página: O

Los accesos directos de módulos

  • Módulo Cut: Ctrl+X
  • Copia Módulo: Ctrl+C
  • Módulo pegar: Ctrl+V
  • Copia Módulo + Drag – Alt + Module Move
  • Módulo Desactivar: D
  • Módulo de bloqueo: L
  • Cambio de columna Estructura C+ 1/ 2/ 3/4
  • Añadir nueva fila: R+ 1/ 2/ 3/4
  • Añadir Nueva sección: S+ 1/ 2/3
  • Abra Ajustes del módulo: Double Clickel módulo.

Los accesos directos modales

  • Cerca: Esc
  • Guardar cambios: Enter
  • Cambie aquí: Shift+Tab
  • Módulo de vista previa: Ctrl+P
El tema Divi 2.7 de Elegant Themes ha llegado con mejoras increíbles que nos ayudarán a aumentar nuestros clientes!!!

El tema Divi 2.7 de Elegant Themes ha llegado con mejoras increíbles que nos ayudarán a aumentar nuestros clientes!!!

Hoy estoy muy feliz de anunciar el lanzamiento del mejor tema de WordPress que hoy se llama: Divi 2.7. Esta versión de Divi tiene algunas características que cambian las reglas del juego y que nos van a ayudar mucho a conseguir clientes y resultados con nuestra web.

Ya sabéis que en nuestro curso wordpress con Divi hacemos una web desde cero con este maravilloso tema y te incluimos el tema de regalo para que puedas trabajar con él.

Resumen de las mejoras:

  1. Esta última versión incluye un sistema de pruebas o test para que sepas que es lo que más le gusta a los usuarios de tu web y consigas una mayor conversión de estos usuarios en clientes.
  2. Ha mejorado el Sistema de Portabilidad con lo que podrás exportar todos tus diseños y configuraciones generales para usarlo en otros proyectos con un simple click.
  3. Se han añadido Opciones de página para ajustar colores y otras opciones a toda la página de forma super sencillas
  4. Y para que acabes de flipar añade un nuevo super inteligente sistema dinámico de ayuda que te ayuda a resolver dudas que puedas tener con Divi sin perder tu valioso tiempo.

 

Si te mola Divi tienes 2 opciones complementarias: Hacer el curso y comprar la licencia.

1- PARA HACER EL CURSO (se incluye el tema Divi): PULSA QUÍ

2-  PARA COMPRAR LA LICENCIA de Elegant Themes, aquí te dejo unos descuentos 😉

A- DESCUENTO del 20% “PLAN DEVELOPER” (PAGO ANUAL): PULSA AQUÍ

B- DESCUENTO del 10% “PLAN LIFETIME” (PAGO ÚNICO, el que tengo yo): PULSA AQUÍ

 

VAMOS CON LAS NOVEDADES DE DIVI 2.7:

¡Aumenta tus clientes con las Pruebas multivariable!

Hasta ahora hemos aprendido a hacer webs de una altísima calidad para enamorar a nuestros clientes y de forma muy sencilla.

Pero Divi 2.7 da un paso más, nos ayuda a diseñar nuestra web de forma que más guste a los usuarios. Esto disparará las tasas de conversión (es decir de convertir a usuarios en clientes) a través de pruebas sencillas y de seguimiento de conversiones o resultados.

Divi Leads (o pruebas multivariable) es un sistema de pruebas casi mágico que funciona dentro del constructor visual de Divi, que nos da las herramientas para que probemos varios diseños y luego nos quedemos solo con el que mejor funciona.

Nick Roach nos lo explica en este vídeo:

¡¡Mira que fácil es!!. Cuando el constructor de Divi se combina con las pruebas multivariable de Divi, se convierte en una poderosísima herramienta de marketing. No sólo se pueden construir páginas de destino sorprendentes, ahora puedes ponerlos a prueba, analizar y registrar la eficacia de sus diseños para ayudar a mejorar las tasas de conversión y generar más clientes potenciales.

01

La idea de las pruebas multivariable de Divi 2.7 es simple :

  1. Crear diferentes versiones de tu página.
  2. Seleccionar un objetivo de lo que quieres
  3. Que Divi averigüe qué versión de la página es más eficaz en la conversión a ese objetivo. Esto es lo que se conoce como la Prueba de Split o multivariable (también conocida como A / B Testing).

variación

Veamos un ejemplo:

Vamos a considerar una página de inicio estándar. Cuando alguien cae en esa página, queremos hacer todo lo posible para captar su atención y dirigirlos hacia lo que nos gustaría que hiciesen, ya sea haciendo clic en un botón para que nos contacten, la suscripción a nuestra lista de correo o la compra de algún producto.

Con casi cualquier otro tema de WordPress solo podemos hacer páginas atractivas confiando en que nos llamen, ahora con Divi podremos hacer mucho más.

¿Nuestros clientes tienen dudas y se marchan? ¿Cómo estará afectando el tamaño, el color y el texto del botón en la actitud de un visitante para hacer clic? ¿Cómo me está afectando todo esto a las ventas? Todas estas son preguntas que ahora pueden ser respondidas mediante potenciales Divi. ¡¡¡Flipa en colores!!! 😉

03

¡¡PRUEBA CUALQUIER COSA Y AUMENTA TUS VENTAS!!

Todo esto lo explicamos con detalle en el curso wordpress con Divi pero para que vayas abriendo boca, que sepas que las pruebas multivariable te permitirán mejorar tus ventas se han integrado directamente en el Divi Builder, y podrás probar lo que te de la gana!! No estás limitado a las pruebas de páginas enteras. Puedes probar los módulos individuales o secciones enteras de contenido. Cambiar el contenido, ajustar diseños y la posición de los elementos y averiguar lo que funciona a través del análisis estadístico sencillo y visual.

05

AÑADIR VARIACIONES ILIMITADAS

Se pueden crear una cantidad ilimitada de pruebas. ¿Tiene 20 titulares diferentes que quiera poner a prueba? Puedes añadir todas las variaciones a la vez que averiguar cuál va a emerger como el ganador. Esto te ahorra un montón de tiempo en comparación con AB Testing tradicional. Todos los artículos están codificados por colores en función del rendimiento, y las tasas de conversión se añaden a la derecha en la interfaz de usuario del constructor de Divi.

04

CREAR OBJETIVOS DE FORMA SÚPER FÁCIL

No sólo puedes probar cualquier elemento, también puede ser utilizado para probar una amplia gama de objetivos. Simplemente asigna la llamada al módulo de acción como tu objetivo.

¿El objetivo de aumentar la generación de prospectos a través de su formulario de contacto? Pues bien, simplemente asigna el módulo de formulario de contacto como tu objetivo. Así de fácil.

¿Quieres aumentar las ventas? Selecciona el módulo de comercio electrónico como objetivo. Así de fácil.

Divi Sales determinará las estadísticas de lo que hacen tus usuarios y hace un seguimiento para averiguar qué ha funcionado mejor.

06

Puedes realizar un seguimiento de las conversiones en páginas mientras que al mismo tiempo chequeas las conversiones finales utilizando un código corto de seguimiento personalizado.

código corto-tracker

Por ejemplo, podrías probar la efectividad de la página actual en el aumento de clics del botón de “Características del producto”, mientras que al mismo tiempo mediante el seguimiento de un código corto en la página de confirmación de compra para ver cómo tu prueba actual afecta no sólo hace clic para su página de producto, sino la forma en que afecta a las compras de productos.

INCREÍBLEMENTE FÁCIL DE USAR

  1. Simplemente haz clic en cualquier elemento y selecciona “Pruebas Multivariable”.
  2. Divi te pedirá que selecciones tu objetivo y ya está!
  3. Lo que quieras probar (un botón, un formulario, un slider…) se duplicará y podrás empezar a configurar ambas variaciones.
  4. Con el tiempo Divi Sales (o la sección de Ventas de Divi) hará un seguimiento de la eficacia de ambas versiones, que pueden ser analizadas utilizando la interfaz de estadísticas personalizadas.

07

POTENTE ESTADÍSTICAS Y ANÁLISIS EN PROFUNDIDAD

“Divi Ventas” o “Divi Sales” incluye todo tipo estadísticas, las cuales se consolidan en una nueva interfaz de estadísticas. Hace un seguimiento de los clics, ventas, conversiones, porcentaje de rebote (de usuarios que se van rápidamente)… Cuando una prueba está en ejecución, aparecerá un nuevo icono de estadísticas animado.

Estadísticas de final

Al hacer clic en este nuevo icono se abren un montón de estadísticas útiles y sencillas para ver los resultados de la prueba.

08

 

Una mayor portabilidad: Ahorra tiempo y aprovecha tu trabajo para otros proyectos

Divi ahora incluye un sistema personalizado portabilidad que hace que sea más fácil que nunca para la importación y exportación Packs divi Biblioteca, configuraciones del tema, ajustes, opciones del tema y roles Divi.

IMPORTAR / EXPORTAR DIVI BUILDER

Han mejorado en gran medida el sistema de importación y exportación de la Biblioteca Divi. Ahora es más fácil que nunca para transferir elementos de biblioteca Divi de un sitio a otro, realizar copias de seguridad o compartirlos con tus amigos! La nueva interfaz de usuario es súper fácil de usar.

exportación gif

Puedes exportar cualquier número de elementos de sus Divi biblioteca o exportación presentaciones individuales a medida que los construye desde el interior de la Divi constructor. Divi packs usa un archivo JSON que puede importarse en cualquier sitio web.

IMÁGENES CODIFICADAS

Una de las principales innovaciones con el nuevo sistema de portabilidad es que codifica las imágenes de la derecha en los archivos de exportación. Al importar sus diseños, el sistema añade automáticamente la portabilidad estas imágenes a su biblioteca de medios y actualiza las direcciones URL dentro de los diseños para que coincida con tu sitio web. No importa dónde importar sus diseños, que funcionará de forma casi mágica! Esto convierte Divi Biblioteca Packs en plantillas de diseño independientes y muy fácil de usar.

encoded_images_export_variant_variant_3

EL PODER DE LOS PACKS DE LA BIBLIOTECA

Esto es una maravilla en estado puro!!. Son como mini plantillas pre-hechas dentro de Divi. Los elementos de la biblioteca se pueden utilizar para crear un sitio web personalizado entero y luego volver a utilizarlo en proyectos futuros. Dado que cada elemento incluye imágenes y los ajustes de diseño personalizado y CSS añadido a la página las exportaciones de la biblioteca son completamente autosuficientes.

guardar para más adelante

Si te curras una buena biblioteca, todo será pan comido! Podrías empezar a construir tu propia colección personal de elementos de biblioteca Divi utilizar para sus futuros clientes. Una vez lo tengas irás a la velocidad del rayo! El nuevo sistema de portabilidad sienta las bases para una comunidad próspera de Bibliotecas de Divi que incluso podrás comprar y vender. 😉 Ale, ahí tienes un nicho de mercado!

compartir

OPCIONES DE TEMA

Las opciones del tema ahora son exportables también. Puedes exportar las opciones e importarlos en un sitio web diferente, o guardar los ajustes preestablecidos opción de tema favoritos para poner en marcha en nuevos proyectos.

importar

AJUSTES DEL PERSONALIZADOR DE TEMAS

¿Quieres seguir viendo mejoras? Tu no tienes límite eh? jeje Divi tampoco 😉 Si has llegado hasta aquí, seguro que, como yo, ya estás profundamente enamorado de Divi, y casi hasta de Nick Roach (su creador) con ese flequillito mono, jeje 😉

El nuevo sistema de portabilidad se extiende también a los ajustes Personalizador de temas también. Ahora se pueden descargar todas las personalizaciones Divi. Teniendo en cuenta la enorme amplitud de los valores disponibles en el Personalizador de temas, podrás crear un sinnúmero de diferentes estilos de sitios web. Ahora puedes guardarlos como valores predeterminados para utilizar en futuros productos, o puedes utilizar el sistema de portabilidad para transferir la configuración de un host a otro cuando quieras cambiar de servidor por ejemplo.

tema-personalizador-exportación

FUNCIONES DE IMPORTACIÓN Y EXPORTACIÓN DE DIVI

¿Qué más puede exportarse? Los Roles también pueden ser importados y exportados. La seguridad que hayas definido para un proyecto podrás usarlo en varios, no tendrás que estar definiendo los niveles de seguridad cada vez que empieces un proyecto.

divi-papel-exportación

 

¿Que tal si flipamos un poquito con esto?: Packs Free Library

¿Sabes lo que es? Agárrate los machos 😉

Para mostrar lo increíble que es este nuevo sistema de portabilidad es, estos cracks de Elegant Themes han construido algunos diseños de Divi GRATUITOS que se puedes importar en tu biblioteca de Divi y utilizar en cuestion de segundos!

No te haces a la idea de la cantidad de tiempo que te va a ahorrar y de la calidad de web que podrás tener.

 

DESCARGA TU PRIMER PAQUETE GRATUITO AHORA!

Mira este nuevo y hermoso paquete que se puedes utilizar de forma gratuita! Este pack incluye 3 diseños sorprendentes que se pueden utilizar de inmediato.

01

02

03

Para utilizar los diseños, sólo tienes que actualizar Divi a la versión más reciente. Puedes hacerlo de dos maneras:

  1. Comprando el Curso WordPress + Divi
  2. Comprando tu propia Licencia en Elegant Themes: Plan developer (pago anual) o Plan Life Time (pago único)

A continuación, descarga el paquete de diseño de más abajo y descomprimirlo en tu ordenador. Dentro de la Biblioteca Divi, haga clic en el botón “Importar / Exportar” en la parte superior de la página y luego selecciona el archivo que acabas de descargar JSON. Estos diseños aparecerán ahora al hacer clic en “Cargar desde biblioteca” dentro del Divi constructor.

Fotos cortesía de Unsplash y sujeto a la Licencia Unsplash .

DESCÁRGALO GRATIS AQUÍ

 

 

¡Ajustes de páginas COMPLETAS!

El Divi Constructor ahora incluye un nuevo conjunto de configuración de página. Estos ajustes se pueden utilizar para ajustar los valores de diseño y por defecto para toda la página, en lugar de tener que ajustar todas las secciones y cada módulo.

UN NUEVO CONJUNTO DE OPCIONES

Cuando utilices el Divi Builder, verás un nuevo icono de configuración en la parte superior derecha. Al igual que los ajustes que existen para los módulos, filas y secciones, los ajustes ahora existen para toda la página. Aquí han colocado ajustes que afectan a toda la página, como el margen y el color por defecto.

También hay iconos para activar / desactivar las funciones específicas de la página, como el nuevo sistema de Divi Pruebas Multivariable.

adjust_defaults

Una de mis nuevas funciones favoritas se encuentran en este nuevo conjunto de opciones es el Selector de color de paleta personalizada. Aquí se puede elegir un esquema de color para tu página. Cada vez que se abre el selector de color Divi Builder, su paleta de colores aparecerá en el selector de color para un fácil acceso.

custom_color_palette

También puedes activar una paleta de colores de todo el sitio en las Opciones del tema Divi! Una vez que se establece la paleta de colores de tu sitio web en ePanel, cada vez que utilice el selector de color aparecerán los colores elegidos.

ePanel-colores

También se encuentra en la nueva configuración de página Divi es una caja CSS personalizada dónde se puede utilizar para añadir CSS personalizado a la página específica que se está trabajando. Esto es mucho mejor que la añadir CSSen un tema del hijo como hacen en otros temas de WordPress o mejor incluso que dentro de las Opciones del tema Divi en la que te verías obligado a hacer llamadas a los ID específicos y cargar el CSS personalizado en todo el sitio donde a menudo no es necesario.

custom_css

 

Y para colmo… un Sistema de Ayuda dinámica

Cuando algo va mal, como incompatibilidades de plugin, errores de memoria o problemas de almacenamiento en caché, puede ser frustrante. Ahora el Divi Builder lo soluciona ya que permite identificar el problema, solucionarlo y ahorrar tiempo en el proceso.

AYUDA CUANDO LO NECESITES

Cuando el Divi constructor carga (a mi no me ha pasado nunca), y no sabes que ha salido mal… Ahora el Divi constructor sabe cuando se produce un error y se trata de averiguar por qué. El Divi constructor detecta problemas comunes y le da soluciones. Buscará cosas como errores de memoria, errores de configuración wp-config, archivos de caché no deseados, tema obsoleta y versiones de WordPress, incompatibilidades de complementos y mucho más. Este es el comienzo de lo que esperamos se convierta en un sistema de auto-ayuda aún más robusto en el futuro.

divi-constructor-helper

 

Extra también!

Todos estos grandes cambios no sólo se incluyen en el Divi, que son compartidos por toda la familia Divi constructor!

EL DIVI EXTRA Y PLUGIN DIVI TAMBIÉN ACTUALIZADOS!!

No sólo han actualizado Divi, también han actualizado el tema Extra y el plugin Divi Constructor con todos estos sorprendentes cambios. No importa qué producto Divi constructor estes utilizando.

Obtén un 20% de descuento comprando tu licencia o el curso!

Para celebrar el lanzamiento de Divi 2.7, estamos ofreciendo un gran descuento del 20% todos los nuevos miembros por un tiempo limitado!

  1. Comprando el Curso WordPress + Divi
  2. Comprando tu propia Licencia en Elegant Themes: Plan developer (pago anual) o Plan Life Time (pago único)

 

Por: Gonzalo de la Campa.
Profe y diseñador gráfico y web
Especialista en WordPress, Divi, Woocommerce…

gonzalodelacampa-silueteado-3

Ah y si te ha gustado el artículo compartelo. Mil gracias amig@!!!

Novedades Wordpress 4.1

Novedades Wordpress 4.1

Aquí os dejo el vídeo con las principales novedades de Wordpress 4.1, que nace bajo el nombre de Dinah, en homenaje a Dinah Washington.

En el vídeo además os explico como podréis ver las novedades para que lo podáis consultar vosotros solos en futuras actualizaciones. Pero bueno, la gran ventaja de Wordpress es que somos una comunidad de millones de personas y siempre encontrarás mil ayudas y páginas al respecto, dandote un paseito por Google 😉

Aquí el vídeo. Espero que te sirva de ayuda:

 

Curso Wordpres

1
¿Alguna duda? Soy Gonzalo, cuéntame y te ayudo encantado.
Powered by

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

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.

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