Divi, el mejor tema multipropósito para WordPress
El tema Divi de Elegant Themes para WordPress es una auténtica maravilla, se ha popularizado tanto que seguramente ya hayas oído hablar de él.
Y no es para menos, muchos diseñadores trabajan casi exclusivamente con Divi usándolo para todos sus proyectos web y si acabas de empezar en el mundo de WordPress es la mejor opción para aprender a crear páginas web de una forma sencilla.
Divi es uno de los temas de WordPress que más se pueden personalizar por lo que puedes crear distintos diseños para tus proyectos web con el mismo tema.
Pero Divi no es únicamente un tema.
Los desarrolladores de Elegant Themes han creado Divi Builder su propio “constructor de páginas” (Page builder) que es una aplicación que nos permite crear y maquetar todos los contenidos de nuestra página web mediante módulos, sin tocar una línea de código, simplemente seleccionamos un elemento y lo arrastramos donde queramos.
Características de Divi
Responsive
Hoy en día casi todos los temas adaptan su diseño a cualquier dispositivo, ya sea ordenador de sobremesa, portátil, Tablet, smartphone etc… y Divi no es para menos, adapta muy bien los elementos, incluso los del slider, que siempre son los más problemáticos.
Multiproposito
Divi es un tema tan completo que con el podemos crear cualquier tipo de página web, ya sea un blog, una página corporativa, o una tienda online.
Compatible con WooCommerce
Divi es totalmente compatible con WooCommerce el plugin líder para la creación de tiendas online con wordpress.
Divi Builder, maquetador Drag and Drop.
Aquí tenemos la razón del por que Divi va por delante de otros temas de WordPress, Divi incorpora su propio constructor de páginas para crear y maquetar los contenidos, este constructor es muy visual, con una interfaz sencilla pero esquemática que permite saber en todo momento donde está situado cada elemento de nuestra página web, ademas la interfaz de Divi es Drag and Drop, simplemente arrastra los contenidos para moverlos al lugar deseado.
El constructor de Divi es modular
Los contenidos se crean mediante secciones o módulos que podemos arrastrar y mover de sitio, copiar, o eliminar. Existen módulos de todo tipo de contenido que podemos crear con Divi Builder: slider, mapa, banners, formularios, contadores animados etc… En total Divi tiene 46 módulos de contenido que puedes personalizar.
Módulos personalizables
Mediante una interfaz gráfica sencilla podemos configurar el contenido, cada módulo tiene un apartado de “ajustes generales” donde configuraremos el elemento en cuestión y otro “apartado de ajustes avanzados de diseño” donde podremos cambiar todo tipo de ajustes más específicos. También incluye un apartado para introducir nuestro propio código CSS.
Por ver un ejemplo sencillo, en el módulo “Texto”, en la sección “ajustes generales” podemos escribir mediante un editor de texto y en la sección de “ajustes avanzados de diseño” podemos modificar elementos como: la anchura máxima, la fuente del texto, el tamaño de la fuente, el color del texto, espacio entre líneas, altura de líneas, color de fondo, bordes etc…
Copiar y Pegar Módulos.
Estos módulos también se pueden copiar y pegar en la misma o en otra página o post de nuestra web para trabajar más rápido y no tener que configurar varias veces los modulos que usemos en varias partes de nuestra web.
Deshabilitar los módulos.
En otros maquetadores visuales si queremos que un módulo no se muestre tenemos que eliminarlo, y si lo quieres volver a utilizar lo tienes que configurar otra vez, pero con Divi podemos deshabilitar los módulos y que no se muestren en nuestra web pero no se eliminen de la maquetación por si queremos volver a utilizarlos.
Diseños preconfigurados
Con el constructor de Divi podemos crear rápidamente sitios web en cuestión de minutos, ya que podemos cargar más de 50 diseños predefinidos de páginas que van de estilos de blog, estilo de página corporativas e incluso tiendas online, también podemos guardar nuestros propios diseños.
Personalización del tema con vista previa en tiempo real.
El menú de personalización de temas de Divi incluye cientos de controles para poder personalizar el estilo de diseño de nuestra página web y veremos estos cambios al mismo tiempo que los realizamos.
Algunos de los elementos que podemos configurar desde este menú son:
- La cabecera: cambiar su altura, color y estilo, la tipografía del menú de navegación, cambiar la posición del logo, cambiar de navegación horizontal a vertical, que el menú se muestre solo cuando hay desplazamiento, el diseño de la barra superior etc..
- El formato de los elementos: espaciado de los contenidos, la altura de las filas y las secciones, la anchura del contenido, el ancho de la barra lateral etc..
- La tipografía: Tamaño y estilos del texto del contenido y de la cabecera, altura de la línea, espacio entre las letras, tipos de fuentes y colores etc..
- El pie de página: las columnas del pie de página, el color de fondo, el diseño de los widgets del menú de navegación inferior y de la barra inferior de la página web.
- Botones: cambiar la tipografía, color y estilo de los botones cuando están estáticos y cuando pasamos el ratón por encima de ellos.
(Imagen de Elegant Themes)
Traducido 100% al Español y a 31 idiomas más.
Los chicos de Elegant Themes no solo quieren que alguien pueda construir de la nada su proyecto web con Divi, quieren que Divi sea un tema que pueda ser usado por cualquiera, por eso Divi esta traducido a 32 idiomas y modo lenguaje RTL para los idiomas que se escriben de derecha a izquierda, para que la barrera del lenguaje no sea un problema.
Razones por las que utilizar Divi
Si eres un experto en WordPress seguramente te encantara este tema, pero si eres un iniciado o simplemente no tienes ni idea de WordPress Divi es la mejor opción para comenzar tu camino con el desarrollo de páginas web por estas razones.
- Por su elegante diseño actualizado con los últimos estándares web, responsive, maquetación con anchos completos, efectos paralax etc…
- Su flexibilidad, es muy personalizable y es multipropósito, podrás crear desde una web publicitaria a una tienda online.
- Maquetar de forma sencilla los contenidos en páginas y entradas.
- Fácil uso y una curva de aprendizaje rápida, tanto para ti como para tus clientes.
- Te ayudara a ver cómo funciona WordPress sin dolores de cabeza.
- Aprenderás a utilizar un sencillo “constructor de páginas” y a maquetar los elementos de tu web.
- Detrás de Divi esta Elegant Themes con años de experiencia creando temas y plugins para WordPress.
¿Cuánto cuesta Divi?
Seguro que te lo has preguntado, pues te cuento, en Elegant Themes no se compra un tema, se compra una suscripción.
Hay tres tipos de suscripción y todos te dan acceso a todos los temas de Elegant Themes incluido Divi.
Por menos de 50€ al año (69 dólares), puedes tener Divi y todos los demás temas de Elegant Themes pudiéndolos usar para siempre aunque no renueves el año y en todos los proyectos web que quieras.
Realmente es un precio justo por un tema con un diseño flexible que incluye un constructor muy completo para maquetar el contenido.
Hola, tengo una pregunta. Soy pintor y quiero hacer un portafolio con DIVI y después convertirlo en tienda virtual. Me gusta mucho el tema “Dorsey” ( http://madebyminimal.com/demo/dorsey ) pero cuesta 100 euros y el puglin de la tienda virtual se cobra aparte. ¿Podrías decirme si DIVI puede adaptarse hasta tener una imagen minimalista idéntica y además una fácil navegación y ligereza como «Dorsey»?
Muchas gracias por tu ayuda
Divi puede adaptarse perfectamente a casi todos los tipos de web y es compatible con woocomerce, para que se pareciera al tema del que hablas únicamente tendrías que configurar el menú en vertical, que con Divi es prácticamente apretar un botón. Como apunte te diré que el portfolio de Divi es de un estilo menos fotográfico y mas para trabajos a los que les das una descripción completa, pero con un plugin llamado «Go Portfolio» puedes crear portfolios mas fotográficos y personalizados.
Hola
He hecho una página con divi y en la versión móvil no me aparecen las fotia. He mirado con pagespeed y me dice qur para móvil tengo que eliminar jacascript y css, puede ser por eso?
No creo que tenga nada que ver, pagespeed sirve para medir la velocidad y te indica que para mejorar la velocidad puedes reducir ese tipo de código.
Hola!
Enhorabuena por su web!
Quisiera saber sobre el idioma de Divi para gestionarlo. ¿Está en castellano?
Por otro lado, quería saber si finalmente decido no renovar al año de contrato y deja de actualizarse, si podría tener muchos problemas de incompatibilidad o puedo aguantar un tiempo.
Muchas gracias.
Saludos.
Si Divi está en castellano, sobre el tema de la actualización hay que tener siempre las herramientas actualizadas no solo por posibles incompatibilidades si no por seguridad.
Un saludo!