Header Ads Widget

Ticker

6/recent/ticker-posts

Revisión del tema Divi: redefiniendo la experiencia de edición visual

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 de Genesis, pero Divi ofreció algunas ventajas claras en lo que respecta a la facilidad de uso y el tiempo de lanzamiento.

Hasta el día de hoy, sigo usando temas de ambas compañías dependiendo del tipo de sitio que esté construyendo. La introducción del complemento Divi Builder permitió a muchos creadores de sitios 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 comencé a disfrutar trabajando con el tema. En su mayor parte, Divi ha demostrado ser estable, rápido y fluido.

En el pasado, tuve la oportunidad de probar varios creadores de páginas frontales y, para ser honesto; mis experiencias no siempre fueron tan buenas. Lento, torpe y doloroso son tres palabras que me vienen a la mente de inmediato, aunque no en todos los casos. Entonces, puede imaginar mi temor al escuchar que Divi 3.0 presentaría un editor visual (front-end).

¿Podría ser que mi recién descubierta relación con Divi estuviera a punto de llegar a su fin?

¿Se le solicitará pronto al equipo de marketing de Elegant Themes que agregue las palabras "lento" y "torpe" a su material promocional siempre bellamente construido?

Vamos a averiguar….

Instalación del tema Divi

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

Cada vez que tuve que instalar Divi, en una variedad de hosts y en instalaciones nuevas y existentes, el proceso ha sido perfecto. Simplemente no olvide instalar el complemento actualizado Elegant Themes e ingrese su nombre de usuario y clave API, eso garantizará que todo se mantenga actualizado.

Una cosa que debe saber sobre Divi y, en particular, sobre la mayoría de las revisiones de Divi es que hay demasiadas funciones y opciones para revisar en una sola publicación. He revisado más de unos pocos temas y muchos de ellos se pueden resumir a fondo en una publicación de 1500-2000 palabras.

No Divi.

Hay una gran cantidad de opciones, configuraciones y funciones. Cubrirlos a todos requeriría escribir la revisión temática más extensa de la web. Haré todo lo posible para cubrir tantas características importantes como sea posible, lo suficiente para convencerte de que Divi merece una mirada más de cerca.

Actualización desde una versión anterior en Divi

Una pregunta que quizás se esté preguntando es ¿qué tan fácil será actualizar de Divi 2.xa 3.0?

¿Debería esperar algún problema con diseños o formato preexistentes?

Si bien obviamente no puedo cubrir todos los escenarios posibles, puedo decir que actualicé tres sitios web Divi existentes y no experimenté ningún problema. Siempre que esté disponible un gran lanzamiento, esto siempre es una preocupación importante. 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 back-end al que está tan acostumbrado . De ninguna manera está obligado a pasar a un entorno de edición visual o de front-end estrictamente. De hecho, puede cambiar sin problemas entre la edición frontal y posterior con solo unos pocos clics.

Opciones de configuración inicial

Opciones de tema Divi

Si ha usado Divi antes, ya estará familiarizado con el Panel de opciones del tema Divi. Una vez que el tema está instalado, esta es probablemente la primera serie de pantallas que querrá visitar. Encontrará opciones para lo siguiente:

  • Configuración general : las opciones incluyen logotipo 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í puede ajustar las páginas para que se excluyan de la barra de navegación, habilitar menús desplegables y ajustar el orden de clasificación. En realidad, estos se pueden configurar por página y categoría.
  • Diseño: ajuste fácilmente los metadetalles de una sola publicación y página, así como la capacidad de habilitar / deshabilitar comentarios y miniaturas.
  • Anuncios : aquí puede ajustar la configuración del anuncio de banner de una sola publicación (468 × 60).
  • SEO : configuración detallada para la página de inicio, publicación única e índice.
  • Integración : esta es la pestaña que necesita si tiene scripts específicos que deben agregarse a su encabezado, cuerpo o antes / después de publicaciones individuales.
  • Actualizaciones : si ha instalado y activado el complemento Elegant Themes Updater, encontrará que sus datos ya están ingresados ​​en esta pestaña.
Opciones de tema divi seo

Usando Divi Builder

Esta es probablemente la parte más importante de la publicación y, de hecho, es posible que haya saltado directamente 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 exageración. Las expectativas eran altas y en lugar de dejarte con la duda por un segundo más, simplemente saldré y lo diré:

Divi 3.0 entregó prácticamente todo lo que se esperaba y más. Mis aprensiones sobre esta actualización se disiparon muy rápidamente. Como menos de 60 segundos rápido.

Miremos más de cerca:

Al igual que con las versiones anteriores de Divi, comenzar es tan simple como abrir una nueva página y hacer clic en el botón "Usar Divi Builder". A partir de ahí, el editor de WordPress se reemplaza con el Divi Builder predeterminado.

Constructor de páginas Divi

Esta es una revisión un poco complicada si es nuevo en Divi porque hay esencialmente dos formas de editar cada página o publicación: front-end y back-end. Debido a que el editor visual / front-end es la característica destacada de esta versión de Divi, la mayoría de las capturas de pantalla se centrarán en ese aspecto.

Para cubrir todas las bases, comenzaré discutiendo las características principales incluidas con The Divi Builder. A partir de ahí, hablaré sobre el proceso de creación de diseños de páginas y publicaciones.

Características importantes de Divi Builder

Incluso antes de la versión 3.0, The Divi Builder presentaba una experiencia fluida y fácil de usar. No está exento de errores (que mencionaré más adelante) y no es perfecto. Pero lo más importante es que Divi está mejorando continuamente.

Con cada nueva versión vienen mejoras, correcciones y nuevas funciones. Tantas funciones, de hecho, uno tiene que preguntarse cuándo podría ser el momento de dejar de agregar. Tal vez en algún momento en el futuro hablemos de que la hinchazón sea un problema, pero por el momento, no parece ser un problema.

Velocidad

Personalmente, este es uno de los elementos más importantes para un tema que integra un creador de páginas. Divi es rápido. No es tan rápido como trabajar con un marco como Genesis, claro, pero al hacer cambios extensos en las páginas y publicaciones, ni siquiera tendrá tiempo suficiente para tomar un sorbo de té después de hacer clic en guardar o en la vista previa. Esto se aplica a ambas versiones del editor.

Diseños intuitivos

Divi se basa en un sistema de diseño intuitivo que le permite agregar secciones, filas y columnas según sea necesario con solo unos pocos clics. Puede configurar las filas y columnas como desee y hacer cambios después del hecho es igualmente simple.

Además, tiene un control completo sobre los márgenes y el relleno entre cada fila y columna. Una vez que haya creado filas de secciones o columnas específicas, puede moverlas fácilmente en su página simplemente arrastrándolas y soltándolas donde lo desee.

Módulos de contenido

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

  • Imagenes
  • Adsense
  • Audio
  • Video
  • Texto
  • Botones
  • Llamadas a la acción
  • Formas optin
  • Acordeones
  • Deslizadores
  • Tablas de precios y más
Módulos Divi

Todos y cada uno de los módulos se pueden personalizar individualmente a su gusto. Por ejemplo, un módulo de texto tiene configuraciones para ancho máximo, fuente de encabezado, fuente de cuerpo, tamaño de texto, espaciado, altura de línea, color, fondo, borde, relleno y margen. Este nivel de personalización está disponible en prácticamente todos los módulos. Si hay una personalización que no está disponible, siempre tiene la capacidad de agregar CSS personalizado a cada módulo individual.

Importación, exportación y diseños prediseñados

Divi hace que sea fácil de importar y exportar diseños de sus otros proyectos o de otras fuentes dentro de la comunidad Divi. Una vez que haya creado o importado un diseño, se guardará en su biblioteca para uso futuro.

Diseños predefinidos

Además de la comodidad de la biblioteca, Divi también permite crear elementos globales. Por ejemplo, cree un botón o pie de página para usar en su sitio, luego cámbielo una vez y se actualizará en todas partes. Estas pequeñas funciones realmente reducen la cantidad de tiempo que lleva construir y personalizar su sitio.

Creación de páginas y publicaciones

Ya sea que esté creando una página en el back-end o en el front-end, encontrará que el proceso es muy similar. La diferencia más notable es que el front-end ofrece un editor visual en tiempo real.

Editor visual Divi

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, puede ver las dos pantallas diferentes que representan exactamente lo mismo: un lienzo en blanco esperando su entrada 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.

Estructura de la columna Divi
Estructura de la columna Divi

El tiempo total para crear diseños tanto en el entorno de back-end como en el de front-end es relativamente similar. La mayor ventaja del editor front-end es que puede ver los cambios que está realizando en tiempo real. Como ejemplo, comenzando desde una página en blanco, creé el diseño a continuación (excluyendo la preparación de la imagen) en menos de 1 minuto.

Diseño Divi de 60 segundos

Prácticamente todos los elementos de la pantalla se pueden personalizar sobre la marcha. Esto incluyó agregar todos los módulos disponibles, así como las personalizaciones disponibles. Incluso puede guardar su diseño, publicar, ajustar la configuración de la página y cargar desde su biblioteca.

Divi edit sobre la marcha editor visual

Una cosa que no creo que se pueda enfatizar demasiado aquí es la velocidad a la que tienen lugar todos estos cambios. No hay que hacer clic y esperar a que se carguen las cosas. El proceso fue prácticamente instantáneo. Los cambios ocurrieron tan rápido como pude hacer clic, incluso cuando usaba diseños más complejos con docenas de módulos y configuraciones personalizadas.

Funciones adicionales de Divi

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

  1. Personalizador de módulos : en el caso de que desee establecer un estilo específico y coherente para cualquiera de los módulos utilizados en su sitio web, el personalizador de módulos le permite hacer precisamente eso. Aunque no todos los elementos se pueden personalizar, muchos sí.
  2. Editor de roles : si tiene varios usuarios (administrador, editor, autor o colaborador), el Editor de roles de Divi es algo con lo que querrá familiarizarse más. Con controles deslizantes simples, podrá personalizar los permisos para cada función importante en su sitio web. Ya no tendrá que preocuparse de que los autores o contribuyentes arruinen los diseños de su página o que los Editores se metan con sus esfuerzos de prueba divididos.
  3. Biblioteca Divi: la biblioteca Divi es un gran ahorro de tiempo si se encuentra creando diseños o elementos de diseño similares para publicaciones de varias páginas o incluso proyectos. Desde el generador de páginas, puede guardar o cargar elementos específicos o páginas completas.
  4. Plantillas incluidas : aunque probablemente desee personalizarlas, Divi viene con varias plantillas prediseñadas que son un excelente punto de partida para su próximo proyecto o simplemente para ver cómo se puede construir un diseño específico.
  5. Prueba dividida : posiblemente uno de los elementos más infrautilizados de Divi es la prueba dividida y la funcionalidad CRO. Divi le permite identificar un objetivo y luego medir los comentarios de sus visitantes. En lugar de ceder al capricho de los consejos de diseño de clientes o amigos, podrá justificar sus decisiones con métricas reales.
  6. Comunidad Divi: la comunidad Divi es en gran parte desconocida hasta el momento en que se convierte en miembro de pago. Lo que descubrirá rápidamente es que hay innumerables otros usuarios de Divi que están felices de compartir sus conocimientos. Encontrará que los foros están llenos de información y muchos otros sitios web que también están repletos de recursos.
Editor de roles de Divi 3

Soporte y precios

Aunque mencioné brevemente el soporte en la sección anterior, lo ampliaré un poco aquí. Se me ha pedido que obtenga el apoyo de Divi en algunas ocasiones y siempre me he sentido positivo sobre el resultado.

Un problema en particular involucró una regla que se agregó inadvertidamente al archivo htaccess que bloqueaba los íconos Divi en la parte frontal y posterior. A pesar de que ni Divi ni Elegant Themes tuvieron la culpa, todavía ayudan a resolver el problema.

En términos de precios, creo que Elegant Themes ofrece mucho valor. Cuentas de desarrollador a $ 89 / año y acceso de por vida a $ 249. Honestamente, el plan de desarrollador es una gran oferta considerando lo que está incluido y el acceso de por vida es un robo de $ 249 (no me sorprendería ver 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 de precio correspondiente, al menos por ahora.

Pros y contras de Divi

Pros

  • El editor visual más rápido que he probado hasta la fecha
  • Interfaz intuitiva que se puede aprender sobre la marcha
  • Diseños de página muy flexibles
  • Los precios ofrecen un valor increíble
  • Constantemente actualizado y mejorado, ya que es un tema insignia de Elegant Themes
  • Muchos recursos comunitarios disponibles para mejorar sus diseños

Contras

  • Hay mucho que aprender
  • Espere pequeños errores frecuentes dada la cantidad de funciones disponibles
  • Soporte de terceros deficiente

Terminando esta revisión de Divi

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

Con tantas opciones y configuraciones disponibles, hay muchas formas de que surjan problemas y pequeños errores. Por ejemplo, durante mucho tiempo, hubo un error en el editor de código que impidió que se usara correctamente (esto parece haberse resuelto).

Divi también tiene poca integración con formularios de terceros . Si está utilizando Ninja Forms, Contact Form 7 o algo como Infusionsoft, prepárese para los dolores de cabeza cuando intente implementar formularios personalizados. No podrá colocar el código de su formulario en el editor y terminarlo.

Finalmente, siempre existe el argumento de los códigos cortos que Divi deja atrás en caso de que alguna vez desee cambiar de tema. Con el tiempo, he llegado a aceptar que esto es solo una realidad. He cambiado muchos temas en muchos sitios web y es una molestia sin importar lo que hagas.

Dejando a un lado los pequeños errores, debo decir que Divi 3.0 ha sido una gran mejora con respecto a la versión anterior . Si prefiere crear páginas en el back-end, no debe preocuparse; todas sus funciones permanecen intactas. Pero si lo tuyo es la edición de front-end, el constructor visual de Divi es tan bueno como parece .

Publicar un comentario

0 Comentarios