Una mirada a Elegant Themes Divi 2.4

Divi es actualmente el tema de WordPress más poderoso y avanzado de Elegant Themes y acaba de ser actualizado con la actualización más grande de su historia. Divi te ofrece bloques de construcción que puedes usar para crear diseños y áreas de contenido interesantes. Puede agregar texto, controles deslizantes, mapas, anuncios publicitarios, acordeones, estructuras de precios y mucho más. Puede crear prácticamente cualquier tipo de sitio web que necesite. Y, por supuesto, es receptivo.

Soy usuario de Divi desde el primer día de su lanzamiento. En este artículo comparto mis pensamientos sobre Divi y echo un vistazo a las novedades de la versión 2.4.

Novedades en 2.4

Divi 2.4 es la base de la futura línea de productos de ET. Tiene más de 1000 configuraciones de diseño y personalización de módulos y agrega algunas características interesantes:

• Configuración global: más fácil de hacer ajustes en todo el sitio
• Cuadrícula fluida: el diseño de la página no tiene anchos fijos. Con la rejilla fluida puedes crear tus propios anchos.
• Configuración avanzada del constructor: cada módulo tiene configuraciones avanzadas de CSS desde una interfaz de usuario simple.
• Biblioteca Divi: diseños avanzados.

Opciones de tema

Todos los temas de ET usan una pantalla de opciones llamada epanel. Las características del epanel cambian según las características del tema. El panel de Divi es extenso. Tiene lo básico, como logotipo, favicon, barra de navegación fija, captura de la primera imagen, estilo de blog, número de publicaciones para mostrar, etc. Agrega muchas opciones que incluyen:

• Página de la tienda de WooCommerce
• Clave de MailChimp
• autorización de Aweber
• Iconos de redes sociales
• URL de redes sociales
• Fuentes de Google
• Desplazamiento suave: permite que la siguiente fila y su contenido se desvanezcan al desplazarse
• Códigos cortos receptivos
• Botón Volver al principio
• CSS personalizado
• Y más

La configuración de navegación incluye páginas, categorías, enlace de inicio, menú desplegable, etc. Tiene configuraciones de diseño, administración de anuncios, personalización de SEO, integración avanzada de código y documentación. Puedes hacer muchas personalizaciones solo desde el panel.

Personalizador de temas

El personalizador de temas funciona desde el frente y agrega muchos controles deslizantes para ajustar los tamaños de fuente, estilos, filas, botones, colores, animaciones, tamaño de encabezado, tamaño de pie de página, imagen de fondo y mucho más. Puede realizar todos los ajustes y ver los efectos a medida que ocurren (WYSIWYG: lo que ve es lo que obtiene).

Puede colocar su información de contacto y enlaces sociales en el encabezado. El encabezado es una opción especialmente buena para las empresas, ya que coloca información importante al frente y al centro, y permanece en la pantalla cuando los lectores se desplazan hacia abajo. También incluye trazado y topografía. Al igual que las personalizaciones estándar, puede elegir navegación, widgets y una página principal estática.

Incluso le permite ajustar la configuración móvil para tabletas y teléfonos, y cada uno es independiente de todas las demás configuraciones y entre sí. Ves los efectos en una pantalla que simula el dispositivo móvil para que puedas ver cómo se ve antes de publicar. Esta es una buena característica porque no es necesario que obtenga un dispositivo móvil solo para verificar cómo se ve el sitio con los ajustes que acaba de realizar. Estoy muy contento de ver esto incluido.

Personalizador de módulos

Puede personalizar el aspecto de los módulos en la parte frontal mediante el Personalizador de módulos. Las personalizaciones incluyen controles deslizantes para tamaños, anchos, altos, etc. También puede elegir fuentes, estilos, animaciones, acciones, etc.

Biblioteca Divi

La Biblioteca Divi contiene diseños que ha creado. Puede editar cualquiera de sus diseños y crear nuevos diseños desde este menú.

El constructor de divisiones

La verdadera magia de Divi sucede cuando usas The Divi Builder. Para usar esto, seleccione el botón etiquetado Use The Divi Builder sobre el editor visual. La edición anterior tenía Page Builder, que solo funcionaba con páginas. Divi Builder funciona con todos los tipos de publicaciones.

• Divi también agrega configuraciones de publicación a su editor para que pueda elegir el diseño de la página, la navegación de puntos, ocultar la navegación y ocultar el título de la publicación en cada publicación si lo desea.

Puede cargar un diseño de página o modificar el diseño predeterminado. Un diseño se compone de secciones con filas y columnas. Luego se colocan los módulos en las columnas. Puede cambiar el diseño arrastrando y soltando cualquier sección, fila, columna o módulo.

Secciones

Las secciones se pueden agregar, eliminar, clonar y modificar. Puede modificar cómo se ve y reacciona el fondo, agregar una imagen de fondo, hacer que el fondo sea transparente, elegir su color, reproducir un video, elegir su tamaño general, si otros jugadores pueden pausarlo o no, si tiene una sombra interna , si usa un efecto de paralaje, y establezca un CSS especial. Con esta configuración, puede hacer que el mismo diseño simple se vea único.

También puede crear un clon de cada sección, completo con las mismas filas, módulos, contenido y configuraciones. Por supuesto, puede modificar la nueva sección de la forma que desee.

Hay cuatro tipos diferentes de secciones. Puede agregar una sección estándar, una sección de ancho completo, una sección especial o agregar desde la biblioteca.

filas

Puede agregar filas nuevas y modificar filas existentes. Luego se pueden colocar columnas en las filas, construyendo su diseño.

columnas

Estas columnas son donde se agregarán los módulos. Hay 11 diseños de columnas diferentes para elegir.

Secciones de especialidad

También hay 9 diseños de columnas especiales. Estos incluyen varias opciones para las barras laterales.

Cargar desde biblioteca

Puede cargar diseños de los 32 diseños predefinidos o diseños de lo que ha creado. Cada uno puede ser modificado. Los diseños incluyen varios números de columnas, cuadrículas, carruseles, barras laterales, páginas de inicio, tiendas, corporativos, portafolios, blogs, modo de mantenimiento, próximamente, página de inicio, página de ventas, estudios de casos, características del producto, páginas acerca de, páginas de contacto, páginas de compras y más.

Su página se crea colocando filas, colocando columnas dentro de esas filas y luego colocando módulos en esas columnas. Puede agregar nuevas filas, mover filas arrastrando y soltando o eliminar filas. Los diseños prefabricados ya están hechos para usted. Elegí Homepage Basic y me dio un diseño con un control deslizante, un encabezado, cuatro anuncios publicitarios y una llamada a la acción.

Módulos

Los módulos son tipos de contenido especiales (como widgets). Puede agregar nuevos módulos, arrastrarlos y soltarlos en el orden que desee o eliminarlos. También puede agregar varios tipos de contenido. Puede tener tantos módulos como desee y usarlos en la combinación que desee. No está limitado en la cantidad de veces que usa el mismo módulo. Por ejemplo, si desea una pantalla llena de mapas, simplemente agregue tantos módulos de mapas como desee.

Hay 40 módulos:

Son suficientes módulos para que pueda crear algunos diseños y características interesantes para su sitio web. Los módulos son uno de los puntos fuertes de Divi. Al colocar módulos en columnas, literalmente puede crear un diseño que sea exclusivamente suyo. Usando módulos, Divi te permitirá crear casi cualquier tipo de sitio que desees.

Cada módulo tiene su propia configuración. La mayoría de ellos tienen un editor, configuraciones de diseño avanzadas y configuraciones de CSS, por lo que puede agregar su contenido y modificar su apariencia. Aquí hay un vistazo a algunos módulos y sus características:

Texto

Text le brinda el editor básico y selecciones para el color y la orientación del texto, configuraciones de diseño avanzadas (controles deslizantes para anchos, altos, colores, márgenes, etc.) y CSS personalizado. La mayoría de los módulos incluyen estas características o similares.

Propaganda

Hice clic en Blurb para ver qué tipo de contenido podía agregar. Aquí puedo darle un título, URL, determinar cómo funciona la URL, darle un ícono, elegir colores, fuentes, extensión y luego agregar contenido usando el editor TinyMCE estándar. La configuración de diseño avanzada incluye la misma configuración que el módulo de texto pero con una configuración de imagen adicional.

Mapa

Mapa le brinda un buen mapa que puede mostrar como un mapa normal (con o sin terreno) o verlo en vista de satélite (con o sin etiquetas). Puede agregar pines para resaltar ubicaciones específicas en el mapa. Simplemente escriba la dirección y seleccione para agregar un nuevo pin. La configuración avanzada le brinda un filtro de escala de grises con controles de porcentaje.

Blog

El módulo Blog es interesante. Le permite colocar publicaciones de blog dentro de una sola columna de cualquier ancho de su elección. La razón por la que me gusta esto es que puedes tener una página principal estática y aun así mostrar las publicaciones de tu blog de las categorías específicas que elijas. Puede mostrar tantos como desee y puede mostrar un extracto, el nombre del autor, la fecha, las categorías, la paginación, la imagen destacada, el botón Leer más y más. Esto haría un diseño de estilo de revista interesante. Incluye la misma configuración de diseño avanzada que el módulo de texto, pero con algunas configuraciones adicionales para los colores de fondo y los encabezados.

Título de la entrada

Este es uno de los nuevos módulos. Te permite diseñar el aspecto del título de la publicación y elegir qué se incluye y qué no. Las características de diseño avanzadas son en su mayoría las mismas que las del módulo de texto con algunas configuraciones adicionales, como el color de fondo.

Aquí hay un vistazo a la configuración de diseño avanzada para el módulo de título de publicación.

Usando Divi como un tema regular

Por supuesto, no tienes que usar ninguna de estas funciones. Puedes usar Divi como lo harías con cualquier otro tema. Simplemente elija la configuración que desee en el panel electrónico y cree contenido como de costumbre, utilizando el editor estándar. Esto crea un sitio web o blog simple y limpio que es lo suficientemente elegante como para usarlo tal cual.

Ayuda de idioma

Divi tiene soporte incorporado para más de 30 idiomas y se puede traducir a otros. Esto incluye el front-end y el constructor, que incluso se muestra de derecha a izquierda cuando se habilita un lenguaje RTL.

Conseguir Divi

Divi es parte del Plan Personal de ET que cuesta $69 por año e incluye acceso a todos los temas, actualizaciones perpetuas, soporte y uso ilimitado. Si cancela su suscripción, puede conservar todo lo que ha descargado de ET.

Solo Divi vale ese precio en mi opinión (especialmente cuando consideras que la mayoría de los temas de este calibre cuestan mucho más que esto), pero cuando consideras que incluye 87 temas y contando, unirse a Elegant Themes durante al menos un año es un no- cerebro

Más adelante en el camino

Los próximos lanzamientos en la agenda de ET son el complemento Divi Builder, un tema de revista llamado Extra que compartirá los mismos elementos de construcción pero con un enfoque de diseño de revista, y luego Divi 3.0. Está claro que ET está totalmente comprometido con el éxito de Divi y la plataforma de construcción Divi. Ahora que he visto Divi 2.4, no puedo imaginar las mejoras y características de Divi 3.0.

Complemento Divi Builder

Una desventaja de Divi es que una vez que haya creado un diseño de página, no puede cambiar de tema sin volver a crear las páginas y las publicaciones. ET ha resuelto esto con un complemento gratuito que mantiene el diseño sin importar el tema que esté usando. Puede conservar todos sus diseños y módulos incluso si no usa un tema de ET. Este complemento debería estar disponible pronto.

Pensamientos finales

Divi puede crear diseños complejos pero sigue siendo fácil de usar. No tiene una gran curva de aprendizaje. Puede agregar elementos fácilmente y arrastrarlos y soltarlos en cualquier lugar que desee para crear sus propios diseños personalizados y modificar su apariencia con controles deslizantes. Pueden ser tan complejos o tan simples como quieras que sean.

Puede tomar algún tiempo obtener su diseño de la manera que desea, pero al menos puede guardar sus diseños como plantillas o usar diseños prefabricados que pueden ahorrarle mucho tiempo de desarrollo. Es más fácil que nunca hacer ajustes de estilo avanzado y cada configuración tiene un botón de deshacer para que no tenga que preocuparse por cometer errores. Los sitios creados con Divi se ven impresionantes en cualquier dispositivo y se cargan rápido. Recomiendo encarecidamente Divi 2.4 de Elegant Themes.

Obtenga más información sobre Divi y descárguelo aquí

¿Y usted? ¿Has probado Divi? ¿Tu experiencia fue como la mía? ¿Tienes algo que agregar? Cuéntanoslo en los comentarios a continuación.