Bueno, como siempre, me presento. Mi nombre es Gonzalo de la Campa y tengo el placer de escribir como invitado en este magnífico blog de Jose María. Trabajo como consultor de Marketing online, diseñador gráfico y web en www.paginaswebempresas.es y como profesor de WordPress con Divi en mi curso WordPress y otros cursos de Woocommerce, SEO para WordPress, etc.
© Maksim Pasko – Fotolia.com
Hechas las presentaciones, vamos al lío…
Tiene toda la pinta de que 2016 va a ser un año emocionante para Divi. Acaba de empezar el año y ya tenemos Divi 2.6 y preparaos para lo que pueda venir, que Divi no para y cada vez mejora más. Pero estate tranquilo, que uses la versión que uses, tienes el Ferrari de los temas de WordPress.
Esta nueva versión de Divi viene con el constructor (o maquetador visual o como lo queráis llamar) actualizado, incluye nuevos módulos, módulos mejorados y nuevos controles de edición muy pensados en editar de distinta manera para móvil, tablet o sobremesa. Así tendremos mucho más control.
Las opciones del tema de divi También se han ampliado para incluir dos estilos de cabecera de marca nueva y un ePanel en Opciones del tema que ha mejorado muchísimo y que os explicaré con detalle en el curso de WordPress con Divi. Después de 6 años con un ePanel que ya olía a viejo, el ePanel de Divi 2.6 ha sido mejorado y ya tiene ese estilo limpio y moderno de Divi. Hay mucho por explorar en Divi 2.6, por lo que vamos a verlo todo con detalle:
Tal vez la característica más interesante en Divi 2.6 es la edición Responsive , es decir, nuevos controles de edición del Divi Builder (o constructor de páginas), que permiten asignar diferentes valores de tamaño y el espaciado para cada dispositivo.
Tabla de contenidos,
Controles de edición Responsive
1. Ajustar tamaños para dispositivos individuales
Divi ya se ve muy bien en todos los dispositivos gracias a que nos permite editar muchas cosas de forma diferente para cada dispositivo y esto es algo muy raro de encontrar en otros temas de WordPress. Ahí es donde los nuevos controles ofrecen un mayor control sobre el tamaño, el espaciado y la visibilidad de los módulos…
Cada vez que se modifica un módulo, fila o sección, aparecerá un nuevo icono que, cuando se pulsa, se activa nuevos controles responsive del Divi Builder. Estos controles permiten asignar valores únicos para cada dispositivo. Por ejemplo, se puede crear un módulo de ancho completo en el encabezado con el texto grande y vistoso que ocupe toda la pantalla de los ordenadores sobremesa, y al mismo tiempo se puede reducir el tamaño de ese texto en dispositivos móviles para asegurarse de que sea legible.
2. Deshabilitar distintos elementos en cada dispositivo
A mi, esta función de deshabilitar me encanta. Es super útil cuándo has diseñado algo pero por lo que sea no lo quieres mostrar (de momento) pero tampoco lo quieres borrar. Pues bien, ha mejorado todavía más.
Además de ser capaz de ajustar el tamaño y espaciado como hemos visto en el punto anterior, también se pueden desactivar módulos completos en función del dispositivo.
Todos los módulos, las filas y las secciones vienen ahora con un nuevo ajuste de Desactivar el que te permite desactivar el elemento en teléfonos móviles, tabletas y/o equipos de escritorio. Muchas veces es interesante quitar cosas de la versión móvil para que en esas pantallas más pequeñas no estén llenas de un exceso de información.
De hecho se podría incluso duplicar módulos, creando dos versiones diferentes de la web, en función del tamaño de su pantalla.
Estilos nueva cabecera de divi
Divi ahora viene con 2 nuevos estilos de cabecera que pueden ser seleccionados a través del Personalizador de temas. El menú o cabecera deslizable y las cabeceras de pantalla completa son las dos grandes mejoras de los controles de Divi.
1. Menús deslizables
Cuando se habilita la nueva cabecera deslizable se oculta dentro de un menú de 3 rayitas clásico. Al hacer clic, los elementos de menú se deslizan desde el lado de la pantalla. Este nuevo estilo de aplicación similar se está volviendo más y más popular en la era móvil. Cuando se combina con fondos transparentes de cabecera se puede dar fácilmente un nuevo aspecto moderno.
2. Cabecera en pantalla completa
El menú de pantalla completa también oculta la cabecera hasta que se hace clic en el icono de las 3 rayitas. Al pulsarlo el menú aparece en un bello estilo de pantalla completa. Se puede personalizar fácilmente el color, la opacidad y el tamaño del menú y los enlaces vía el Personalizador de temas. Estos dos nuevos estilos de cabecera, cuando se combinan con la gran cantidad de controles personalizador de Divi, abren un nuevo abanico de posibles estilos de cabecera.
5 nuevos módulos en Divi
Divi 2.6 viene con la versión más reciente del divi Builder, incluyendo nuevos módulos.
1. Módulos de botones
Varios módulos Divi Builder vienen con botones (módulo de slider o deslizador, módulo de llamada a la acción…). Sin embargo, nunca ha habido una manera de añadir un botón de forma independiente. El módulo de botones resuelve este problema separando el botón Divi en su propio módulo. Cuando se combina con configuraciones avanzadas se ueden crear casi un número infinito de estilos de botones.
2. Módulo de posts deslizantes
El módulo de post o entradas deslizantes funciona igual que el módulo de sliders de Divi, excepto que en lugar de mostrar slides o imagenes grandes, este módulo muestra las entradas destacadas del blog. Este es un gran complemento para el módulo Blog Divi Builder, y es una gran manera de presentar tus mensajes favoritos, ya sea en una sección estándar o de ancho total.
3. Módulos de comentarios
Los comentarios son una parte estándar de cada tema y normalmente no es editable en ningún tema de WordPress (salvo en Divi claro, jeje), y que suelen aparecer en la parte inferior de los post o páginas.
Con Divi estos comentarios los podemos meter en un módulo para ubicarlos dónde nos de la gana. Así también podremos personalizar la apariencia de los comentarios a través de la configuración de diseño avanzado… ¡la caña vamos!
Si eres de los que has llegado hasta el final del post, seguro que estás deseando empezar a usarlo, así que ya sabes…
Tienes dos opciones (por tiempo limitado):
- COMPRA CURSO WORDPRESS + TEMA DIVI 3.0: Compra ahora el Curso de WordPress + DIVI 3.0 y tendrás un descuento del 30% en el curso si eres de los 5 primeros.
- COMPRA EL TEMA DIVI 2.6: Entra ahora y consigue un 20% de descuento en la suscripción anual en Elegant Themes en este enlace (si dejas de pagar futuros años no pierdes tu tema, dejas de poder actualizarlo, simplemente). O si prefieres realizar un único pago y tener derecho a todas actualizaciones, soporte, temas y plugins de por vida pincha aquí y consigue un 10% de descuento.
Espero que te haya gustado
Gonzalo de la Campa es fundador la web www.paginaswebempresas.es que da servicio integral de diseño web, diseño gráfico y posicionamiento a pymes. Y profesor de DIVI, WordPress y Woocommerce en cursowordpress-online.com.
Ayuda a pequeñas y medianas empresas a conseguir clientes a precios muy razonables porque cree que hoy tener una buena web y estar posicionado debe ser un derecho y no el privilegio de unos pocos.
Nota: Alguno de los enlaces son de afiliados.
