Megaguía 2018 sobre la plantilla Divi de Elegant Themes

A mediados de 2015 me interesé cada vez más en utilizar Divi como punto de partida para lanzar varios sitios web. Siempre he sido (y sigo siendo) un fanático de Genesis, pero Divi ofrecía algunas ventajas claras en cuanto a la facilidad de uso y el tiempo de lanzamiento y velocidad de construcción.

Hasta el día de hoy, todavía utilizo temas de ambas compañías según el tipo de sitio que estoy creando. La introducción del complemento Divi Builder permitió a muchos creadores de páginas web combinar lo mejor de ambos mundos.

A medida que me sentía más cómodo y eficiente con el uso de la plataforma Divi, realmente empecé a disfrutar trabajando con este theme. En gran parte, Divi ha demostrado ser estable, rápido y eficaz.

tutorial divi

En el pasado, tuve la oportunidad de probar varios constructores de páginas web para empezar y siendo honesto; Mis experiencias no siempre fueron tan buenas. 

Lento, torpe y doloroso son tres palabras que me vienen inmediatamente a la mente, aunque no en todos los casos. Entonces, puedes imaginar mi inquietud al escuchar que Divi 3.0 estaría introduciendo un editor visual (front-end).

¿Podría ser que mi nueva relación con Divi estuviera a punto de llegar a su fin?¿El equipo de marketing de Elegant Themes pronto deberá agregar las palabras “lento” y “torpe” a su material promocional siempre muy bien construido?

Vamos a averiguarlo…

Instalando Divi Builder

No voy a dedicar mucho tiempo a hablar sobre la instalación y la configuración porque no ha cambiado mucho respecto a las versiones anteriores.

Cada vez que he tenido que instalar Divi, en una variedad de hosts y en instalaciones nuevas y existentes, el proceso ha sido transparente. 

Simplemente no olvides instalar el complemento actualizado de Elegante Themes e ingresa tu nombre de usuario y clave de API, eso asegurará que tu plantilla esté siempre actualizada.

Una cosa que debes saber sobre Divi y en particular sobre la mayoría de las reseñas de Divi es que hay demasiadas funciones y opciones para hacer una reseña en una sola publicación. 

He revisado ya varios temas y muchos de ellos pueden resumirse en una publicación de 1500-2000 palabras pero con Divi No.

Hay una gran cantidad de opciones, configuraciones y características. Cubrirlas todas requeriría escribir la reseña de temas para WordPress más larga de internet. 

Haré todo lo posible para cubrir tantas características importantes como sea posible, lo suficiente como para convencerte de que vale la pena utilizar Divi.

Actualización de versiones anteriores en Divi

Una pregunta que quizás te estes haciendo es qué tan fácil será actualizar de Divi 2.x a 3.0.

¿Deberías esperar algún problema con diseños o formatos preexistentes?

Si bien obviamente no puedo cubrir todos los escenarios posibles, puedo decir que actualicé tres páginas web Divi existentes y no experimenté ningún problema en absoluto. 

Cada vez que hay un gran lanzamiento disponible, esta es siempre una gran preocupación. Por mi parte, el proceso de actualización se desarrolló sin problemas.

Otro punto importante a tener en cuenta (una preocupación importante inicialmente para mí) fue el hecho de que Divi 3.0 todavía ofrece el mismo editor de fondo al que estás tan acostumbrado

De ninguna manera se te obliga a moverte a un entorno de edición visual o de front-end de manera estricta. De hecho, puedes cambiar sin problemas entre la edición frontal y la final con solo unos pocos clics.

Opciones de configuración inicial

elegant themes divi

Si has usado Divi anteriormente, ya estarás familiarizado con el Panel de opciones de la plantilla Divi. 

Una vez que el tema esté instalado, esta es probablemente la primera serie de pantallas que querrás visitar. Encontrarás las siguientes opciones:

Configuración general : las opciones incluyen Logo y favicon, navegación fija, varias claves de API, URL de perfil social, configuración de página / publicación, desplazamiento suave y CSS personalizado.

Configuración de navegación : aquí puedes ajustar las páginas que se excluirán de la barra de navegación, habilitar los menús desplegables y ajustar el orden de clasificación. Estos pueden ser configurados en base a una página y categoría.

Diseño: ajusta fácilmente los detalles de la publicación única y de la página, así como la capacidad de habilitar / deshabilitar comentarios y miniaturas.

Anuncios : aquí puedes ajustar la configuración de los bananeros de anuncios de una sola vez (468 × 60).

SEO – Configuraciones detalladas para la página de inicio, posts e índice.

Integración : esta es la pestaña que necesitas si tienes scripts específicos que deben agregarse a tu encabezado (header), cuerpo (body) o antes / después de los posts.

Actualizaciones : si has instalado y activado el complemento de actualizaciónes de Elegante Themes, encontrarás que tus datos ya están introducidos en esta pestaña.

Divi builder

Utilizando Divi Builder

Esta es probablemente la parte más importante de la publicación y, de hecho, es posible que hayas saltado a esta sección. 

En los meses previos al lanzamiento de Divi 3.0, el equipo de Elegant Themes hizo un buen trabajo al aumentar el nivel de anticipación y expectación. 

Las expectativas eran altas y, en lugar de dejarte pensando por un minuto más, vamos a ir al grano:

Divi 3.0 ofreció casi todo lo que se esperaba y más. Mis temores sobre esta actualización empezaron a desaparecer muy rápidamente. En menos de un minuto.

Observemos más de cerca:

Al igual que con las versiones anteriores de Divi, empezar es tan simple como abrir una nueva página y hacer clic en el botón “Usar Constructor Visual”. Desde ahí, el editor de WordPress se sustituye por el Divi Builder predeterminado.

Divi templates

Esto es un poco difícil de revisar si eres nuevo en Divi porque básicamente hay dos formas de editar cada página o post: front-end y back-end. 

Debido a que el editor frontal / visual es la característica sobresaliente de esta versión de Divi, la mayoría de las capturas de pantalla se enfocarán en ese aspecto.

Para cubrir todas las bases, voy a empezar explicando las características principales incluidas en el Divi Builder. A partir de ahí, abordaré el proceso de creación de diseños de páginas y de posts.

Características importantes de Divi Builder.

Incluso antes de la versión 3.0, Divi Builder ya ofrecía una experiencia fluida y de uso muy fácil. No sin algunos errores (que mencionaré más adelante) no todo es perfecto siempre. 

Pero lo más importante es que Divi está mejorando continuamente.

Con cada nueva versión vienen mejoras, correcciones y nuevas características. Tantas características, que de hecho, uno tiene que preguntarse cuándo será el momento que van a dejar de agregar cosas. 

Tal vez en algún momento del camino estemos hablando de que el exceso de opciones pueda ser una problema, pero por el momento, no lo parece.

Velocidad

Personalmente, este es uno de los elementos más importantes para una plantilla que integra un constructor de páginas web. 

Divi es rápido. No es tan rápido como trabajar con un marco como Genesis, pero al realizar cambios extensos en las páginas y publicaciones, ni siquiera tendrás tiempo suficiente para estornudar después de hacer clic en Guardar o Vista previa. Esto se aplica a ambas versiones del editor.

Diseños intuitivos

Divi se basa en un sistema de diseño intuitivo que te permite agregar secciones, filas y columnas según sea necesario con solo unos pocos clics. 

Puedes configurar prácticamente las filas y columnas como desees y hacer cambios que serán igual de simples.

Además, tienes el control completo sobre los márgenes y el relleno entre cada fila y columna. 

Una vez que hayas creado filas de secciones o columnas específicas, puedes moverlas fácilmente en la página simplemente arrastrándolas y soltándolas donde desees.

Módulos de contenido

En el momento de escribir este artículo, Divi viene con 46 elementos de contenidos que incluyen:

Imágenes

Adsense

Audio

Vídeo

Texto

Botones

Llamadas a la acción

Optin forms

Acordeones

Deslizadores

Tablas de precios y más

elegant themes Divi

Cada módulo puede ser personalizado individualmente a tu gusto. Por ejemplo, un módulo de texto tiene configuraciones para ancho máximo, fuente del encabezado, fuente del cuerpo, tamaño del texto, espaciado, altura de línea, color, fondo, borde, relleno y margen. 

Este nivel de personalización está disponible en casi todos los módulos. Si hay una personalización que no está disponible, siempre puedes agregar CSS personalizado a cada módulo individual.

Importación, exportación y maquetación previa.

Divi hace muy fácil importar y exportar diseños de tus otros proyectos o de otras fuentes dentro de la comunidad Divi. 

Una vez que hayas creado o importado un diseño, se guarda en tu biblioteca para el uso futuro.

Divi templates

Además de la conveniencia de la biblioteca, Divi también hace posible crear elementos globales. 

Por ejemplo, creas un botón o pie de página para usar en tu web, luego si necesitas hacer cambios se actualizará en todas las páginas de tu web. 

Estas pequeñas características realmente reducen la cantidad de tiempo que lleva construir y personalizar tu web.

Creando páginas y entradas

Ya sea que estés creando una página en el back-end o en el front-end, encontrarás que el proceso es muy similar. 

La diferencia más notable es que el front-end ofrece un editor visual en tiempo real.

Divi blog

Ambas versiones de los editores están codificadas por colores. Las secciones son azules, las filas son verdes y los módulos son grises. 

A continuación, puedes ver las dos pantallas diferentes que representan exactamente lo mismo: un lienzo en blanco en espera de tu aportación creativa. 

Aunque en la inspección visual inicial, esto puede parecer abrumador (especialmente el editor visual), cada elemento en la pantalla tiene una información sobre herramientas correspondiente que hace que el proceso sea muy simple.

tutoriales Divi

Divi download

El tiempo total para crear diseños tanto en el entorno posterior como en el frontal es relativamente similar. La mayor ventaja del editor frontal es que puedes ver los cambios que estás realizando en tiempo real. 

Como ejemplo, a partir de una página en blanco, creé el diseño a continuación (excluyendo la preparación de la imagen) en menos de 1 minuto.

Prácticamente todos los elementos de la pantalla se pueden personalizar sobre la marcha. Esto incluye la adición de todos los módulos disponibles, así como todas las personalizaciones. 

Incluso puedes guardar tu diseño, publicar, ajustar la configuración de la página y cargar desde la biblioteca.

Manual Divi

Una cosa que no creo que se pueda enfatizar demasiado aquí es la velocidad con la que se producen todos estos cambios. No hay clic y espera a que las cosas se carguen. 

El proceso fue virtualmente instantáneo. Los cambios se produjeron tan rápido como al hacer clic, incluso al usar diseños más complejos con docenas de módulos y configuraciones personalizadas.

Características adicionales de Divi

Hay algunas características adicionales de Divi que vale la pena mencionar.

1. Personalizador de módulos : en caso de que quieras establecer un estilo específico y consistente para cualquiera de los módulos utilizados en tu página web, el personalizador de módulos te permite hacer precisamente eso. 

Aunque no todos los elementos pueden ser personalizados, muchos pueden si pueden.

2. Editor de roles : si tienes varios usuarios (administrador, editor, autor o colaborador), el Editor de roles Divi es algo con lo que querrás estar más familiarizado. 

Con los controles deslizantes simples, podrás personalizar los permisos para cada función importante en tu página web. 

Ya no tendrás que preocuparte por los autores o colaboradores que arruinen tus diseños de página o los Editores que crean desastres al hacer pruebas.

3. Biblioteca Divi: la biblioteca Divi es un ahorro de tiempo enorme si estas creando diseños o elementos de diseño similares para publicaciones de varias páginas o incluso proyectos. 

Desde dentro del generador de páginas, puedes guardar o cargar elementos específicos o páginas completas.

4. Plantillas incluidas : aunque probablemente desees personalizarlas, Divi viene con varias plantillas prediseñadas que son un excelente punto de partida para tu próximo proyecto o simplemente para ver cómo se puede construir un diseño específico.

5. Prueba dividida : uno de los elementos más infrautilizados de Divi es la prueba dividida y la funcionalidad CRO. Divi te permite identificar un objetivo y luego medir el comportamiento de tus visitantes. 

En lugar de inclinarse al capricho de los consejos de diseño de clientes o amigos, podrá justificar tus decisiones con métricas reales.

6. Comunidad Divi: la comunidad Divi es normalmente desconocida hasta que te conviertes en miembro de Elegante themes. 

Divi builder

Lo que rápidamente descubrirás es que hay otros innumerables usuarios de Divi que están felices de compartir sus conocimientos. Encontrará foros y videos de youtube con mucha información y muchos otros sitios web que también están repletos de recursos.

Idiomas y RTL

Tus preferencias lingüística no deben impedirte usar las increíbles cosas que este producto te brinda. 

Divi español

Los creadores entendieron esto bastante bien, y por lo tanto, ¡han hecho Divi 3.0, completamente traducible a 32 idiomas diferentes! ¡No permitas que su potencial se limite a una sola parte del mundo debido a las restricciones de idioma!

¿Quién debería usar esta plantilla de WordPress / Constructor web?

Usa esta plantilla de WordPress / constructor si eres:

Un aspirante a desarrollador web, un técnico no técnico que quiere crear una página web o un programador realmente vago que haría cualquier cosa para saltarte la introducción de código complicada.

Y eso es porque Divi 3.0 viene con un generador de páginas incorporado que es muy fácil de usar.

Básicamente, utiliza un mecanismo de drag and Drop (arrastrar y soltar), lo que facilita que incluso los usuarios novatos puedan crear geniales páginas web en cuestión de minutos.

Sin embargo, en este punto no lo recomiendo para su uso por parte de un desarrollador web profesional. 

Este producto está dirigido principalmente a ayudar a las personas con menos conocimientos técnicos a conseguir resultados profesionales sin una gran inversión en webs con código.

Soporte y precios

Aunque mencioné brevemente el soporte en la sección anterior, lo ampliaré un poco más aquí. En algunas ocasiones he necesitado del apoyo del servicio al cliente de Divi y tengo que decir que siempre he quedado muy satisfecho con el resultado.

Un problema en particular fue que añadí de manera involuntaria una regla al archivo htaccess que bloqueaba los íconos Divi en la parte delantera y trasera. 

A pesar de que ni Divi ni Elegant Themes tuvieron la culpa, aún así me ayudaron a resolver el problema.

En términos de precios, creo que Elegant Themes ofrece un montón de valor. Cuentas de desarrollador a $ 89 / año y acceso de por vida a $ 249. 

Honestamente, el plan del Desarrollador es la mejor opción, ya que está incluido y el acceso de por vida es de $ 249 (no me sorprendería que esta opción desaparezca en el futuro).

Una cosa por la que tengo mucho respeto es el hecho de que Elegant Themes sigue agregando valor sin un aumento del precio año tras año, al menos por ahora.

Precio Divi 3.0

87 temas de WordPress incluidos en un paquete a $ 89! 

La siguiente parte de esta reseña es algo que también debes tener en cuenta: el precio. Lo bueno es que no hay mucho que pensar con Elegante Themes.

Bueno, aclaremos un poco esto. La plantilla Divi 3.0 es una especie de súper conjunto con 87 temas realmente geniales. 

Entonces, cuando pagas $ 89, que de todos modos no es un gran problema para un producto que viene con su propio constructor de páginas web, en realidad terminas consiguiendo acceso a 87 complementos de temas diferentes a elegir.

Creo que esto es genial.

Resumen final

Aunque esta revisión ha sido bastante brillante hasta ahora, no quiero hacerte creer que Divi es perfecto, porque ciertamente no lo es. Definitivamente, Divi tiene algunos puntos débiles que merecen ser mencionados, por pequeños que sean.

Con tantas opciones y configuraciones disponibles, hay muchas maneras de que surjan problemas y pequeños errores. 

Por ejemplo, durante un tiempo, hubo un error en el editor de código que impidió que se usara correctamente (esto parece haberse solucionado).

Divi también tiene una pobre integración con formularios de terceros . Si estás utilizando Ninja Forms, contact form 7 o algo como Infusionsoft, prepárate para los dolores de cabeza cuando intentes implementar formularios personalizados. No podrás colocar tu código de formulario en el editor.

Finalmente, siempre está el argumento de los códigos cortos que Divi deja atrás si alguna vez deseas cambiar de tema. 

Con el tiempo he llegado a aceptar que esto es sólo un pequeño problema. He cambiado muchos temas en muchos sitios web y es una molestia sin importar lo que hagas.

Dejando de lado los pequeños errores, tengo que decir que Divi 3.0 ha sido con mucha diferencia una gran mejora en la versión anterior

Si prefieres crear páginas web en el back-end, no debes preocuparte; Todos tus conocimientos permanecerán intactos. Pero si lo tuyo es la edición frontal, el creador visual de Divi es lo mejor que puedes encontrar.

Dicho y hecho, ¡Divi 3.0 es increíble!

¡Y te lo puedo prometer! El plugin Divi 3.0 theme + Divi Builder tienen la capacidad de reducir el tiempo. 

Lo más importante es que es muy fácil de usar y crear diseños espectaculares en páginas web y blogs. Y al final eres tu el que lo gestiona, cualquier cambio que necesitas hacer en tu web, lo puedes hacer tu mismo.

Divi 3.0 Demo

En este artículo, he hecho todo lo posible para tomar tantas capturas de pantalla como fuese posible para ofrecerte una demostración completa de Divi 3.0, de sus posibilidades y funcionalidades. 

Sin embargo, hay tantas cosas que se pueden incluir en un solo artículo y, por supuesto, mis imágenes de Divi  nunca serán tan buenas como las reales. 

Si no te convencieron las imágenes y las capturas de pantalla que te proporciono, todavía hay una manera de probar la demo por ti mismo. 

Simplemente visita la web de ElegantThemes (enlace a continuación) y pruébalo gratis en tu propia instalación de WordPress.

DESCARGA GRATIS EL EBOOK

DESCARGA GRATIS EL EBOOK

Consigue gratis mi ebook “5 Pasos para descubrir tu pasión” y descubre los pasos exactos que debes dar para ser libre y vivir la vida de una manera más consciente.

Genial! Te acabo de enviar un e-mail para verificar tu dirección de correo.

Subscribe To Our Newsletter

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!

DESCARGA GRATIS EL EBOOK

DESCARGA GRATIS EL EBOOK

Consigue gratis mi ebook “5 Pasos para descubrir tu pasión” y descubre los pasos exactos que debes dar para ser libre y vivir la vida de una manera más consciente.

Genial! Te acabo de enviar un e-mail para verificar tu dirección de correo.

Pin It on Pinterest

Share This