Muchas veces a la hora de diseñar nuestras páginas o entradas aquellos que no poseen conocimientos de HTML y CSS se ven un poco limitados, aquí es donde entra el tema Divi para wordpress hay varias herramientas que les pueden ayudar con esta carga de manera muy simple.
Es aquí donde entra esta en particular, el tema Divi para WordPress de Elegant Themes , una ayuda para aquellos que no tienen conocimientos de maquetación y buscan una opción sólida y rápida de usar, ya que la curva de aprendizaje es muy corta.
Divi tiene en su corazón el poderoso constructor Divi, esto es lo que le da su potencia, te permite crear contenido para tus páginas de una manera muy rápida y visual.
Viene con un montón de plantillas incluidas y listas para usar, así como módulos y la posibilidad de crear las tuyas propias, todo ello tan fácil de insertar como hacer un par de clicks.
Está muy bien integrado con el personalizador de WordPress y desde este se pueden configurar un montón de opciones del tema.
Por fin lo han convertido en un Plugin.
Los maestros de Elegant Themes (link de afiliado) han sacado el constructor Divi de las mismísimas entradas de este fantástico tema, y ya puedes usar este editor con cualquier tema sea el que sea.
Esto no solo es beneficioso para que cualquiera lo pueda usar con cualquier tema, también para aquellos que lo tenían instalado y querían cambiar de tema, ya que esto era un problema y gordo que tenía Divi pues acababas sumido en el denominado efecto Lock-in por lo que Elegant Themes ha recibido numerosas críticas.
Algo parecido a cuando usas un theme de Themeforest con 1000 shortcodes y decides cambiarlo, finalmente acabas con un montón de etiquetas inservibles, es por esto que siempre es mejor añadir funcionalidad a tu tema mediante los plugins.
Hablo más a fondo sobre este tema en este artículo, no deberías perdértelo: No dejes que te regalen los ojos cuando vayas a elegir un tema para WordPress
De cualquier forma aporta una nueva esperanza a todos aquellos que usaban el tema Divi para WordPress y querían cambiar de tema creo que pasa en general con todos los editores visuales una vez editas algo con ellos todo tu contenido queda inservible o desaparece al dejar de usarlos.
¿Qué puedes hacer con Divi?
Sinceramente puedes hacer de todo y de una forma muy sencilla, yo actualmente estoy diseñando una página con el tema Divi para WordPress, para un cliente que me lo había pedido,
Mi cliente quería tener una forma más fácil, no digo ya de usarlo si no de agregar un montón de contenido extra, esto es algo en lo que Divi es muy rápido y fácil de entender en su manejo.
Ciertamente da mucho juego y con muy poco esfuerzo,
Con Divi me atrevería a decir que casi puedes hacer cualquier cosa, de hecho yo lo diseñe primero con Photoshop teniendo en mente crear un tema desde cero.
Finalmente he creado un Child theme bajo Divi, para en caso de que Divi se actualice, no perder las modificaciones que hice y ha sido bastante fácil y llevadero, aunque no está tan bien estructurado como Genesis Framework.
Si no has leído mi reseña sobre Genesis Framework, te aconsejo que lo hagas, puedes hacerlo desde aquí: ¿Es Genesis Framework todo lo que reluce?
Lo que te quita por un lado te lo da por otro, gracias al constructor Divi puedes crear secciones y páginas enteras sin apenas esfuerzo, que en un momento dado con unos retoques de CSS aquí y allá puedes cambiar la apariencia para que no parezca tan Divi.
¿Qué tiene de especial?
Para que quede definitivamente claro que es lo que se puede hacer paso a enumerar sus muchas y muy diversas virtudes.
0.- (actualización) Divi posee ahora un Constructor Visual desde la versión 3.0
Por fin se puede editar en modo live en elema Divi para WordPress con el nuevo constructor Visual si quieres saber más a este respecto puedes leer el artículo sobre la versión 3.0 de Divi, y su constructor visual En el te cuento todas las novedades al respecto de este magnífico tema.
1.- Posee Un layout con 20 estructuras de columna
Combinando estas estructuras de columna puedes crear cualquier tipo de plantilla, hoy en día una estructura de columnas es algo primordial, no solo para poder dotar a nuestras páginas y posts de coherencia, también mejora notablemente el diseño, la simetría y la alineación de nuestra web / blog.
2.- Viene con 40 módulos preparados para crear contenido de forma rápida
Te expongo a continuación el listado de módulos que trae el tema Divi para WordPress (podrás comprobar que no le falta detalle):
- Acordeón
- Reproductor de audio
- Barra de progreso
- Blog
- Blurb (iconos)
- Llamada a la acción
- Barra de progreso circular
- Código
- formulario de contacto
- Contador de cuenta atrás
- Divisor
- Optin para la conversión de leads
- Portafolio filtrable
- Galería de imágenes
- Mapas
- Contador numérico
- Persona
- Portafolio
- Títulos para post
- Tabla de precios
- Tienda
- Sidebar
- Slider
- Follows par redes sociales
- Tabs
- Testimonios
- Texto
- Toggles
- Vídeo
- Vídeo slider
- Código de ancho completo
- Cabecera de ancho completo
- Imagen de ancho completo
- Mapa de ancho completo
- Menú de ancho completo
- Portafolio de ancho completo
- Titulares de ancho completo
- Slider de ancho completo
3.-Configuración de las opciones genéricas
Podrás introducir textos, títulos, imágenes, etiquetas alt en tus imágenes, shortcodes, iconos etc. Está configuración esta totalmente relacionada con el módulo elegido
4.-Customizar las opciones de diseño de cada módulo
Te permite configurar una serie de parámetros dentro de cada módulo enfocados a retocar el diseño de este, como pueden ser, color, tamaño, o tipo de texto , anchura de línea, color de fondo, etc . Esto es bastante útil para todos aquellos que no saben CSS.
5-.Añadir CSS personalizado
Puedes añadirle estilos extras por si todo lo que trae te sabe a poco, como siempre dependiendo del módulo que uses, en función de este tendrás más o menos opciones.
6.-Configurar el header con diferentes formatos
El tema Divi para WordPress permite muchas opciones de configuración para el tema de la navegación:
- Puedes añadir hasta dos barras de navegación.
- Convertir la navegación en lateral.
- Ocultar la barra en caso de que no haya movimiento.
- Centrar el logo a la barra de navegación
- Centrar el logo a la barra de navegación y hacer menú se divida en dos y aparezca a ambos lados de este.
Todo esto se configura desde el personalizador de WordPress.
7.-Puedes crear tus propias plantillas
Una vez termines un diseño, puedes guardarlo como:
- Página completa: podrías crear por ejemplo tu propia versión de una home page o de una página acerca de mí.
- Sección instanciada: es decir algo que se va a mostrar del mismo modo en todas las páginas como por ejemplo: crear un módulo de patrocinadores de forma que se muestre el mismo módulo en todas las páginas, explicado de otra manera si editas esta plantilla la editas para todas las páginas en las que la hubieses incluido.
- Sección editable: es decir sería una plantilla de sección al uso, en la que lo que editas se edita únicamente en la página actual.
Una vez creadas puedes o bien usarlas en el tema actual, bien exportarlas para otros sitios que tengas o compartirlas con otros usuarios del tema Divi para wordpress.
8.- Tiene incorporadas 20 plantillas
Plantillas que trae de casa, listas para usar, con lo que te permite volar a la hora de componer tus diseños, puedes insertarlas en poco más de dos clicks, 1 para abrir la ventana emergente y otro para cargar el diseño en la página o post actual, se puede optar mediante un checkbox a reemplazar el contenido existente por el nuevo o añadirlo a continuación de este.
9.-Zonas customizables desde el propio personalizador de WordPress.
Está verdaderamente muy bien integrado con el personalizador de temas de WordPress y te permite configurar un montón de opciones genéricas del tema desde este.
10.- El tema Divi para wordpress es totalmente responsive
el tema es 100% responsive, al margen de los CSS que tu puedas integrar.
11.- Divi fue creado teniendo muy en cuenta la seguridad
el tema de la seguridad ha sido auditado por sucuri una empresa de seguridad con mucho renombre.
12.- Divi viene preparado para el SEO
He de decir que la preparación para SEO que trae a mi forma de ver es un poco rutinaria, ya que una vez la activas has de crear los campos personalizados necesarios para usarla tú mismo, aparte soy de los que piensa que es mejor usar un plugin aparte para no tener problemas a la hora de cambiar de tema, todo esto lo digo sin ser ningún experto en SEO.
13.- Puedes añadirle funcionalidades extra
Si todo los módulos que trae de por sí son pocos para tí, gracias al módulo de código puedes añadir shortcodes de plugins (revolution slider, layer Slider, etc) o tuyos propios de forma que permite la creación o adhesión de funcionalidades nuevas, algo que elimina limitaciones ampliando aún más si cabe las posibilidades.
¿Como puedes hacerte con Divi?
Divi es un plugin GPL, es decir que no necesita licencia para ser usado, aún así no podrás encontrar este plugin en el repositorio de WordPress, ni siquiera una versión freemium de este ya que es un plugin de pago, la única forma de adquirir este plugin es a través de la empresa que lo produce osease Elegant Themes .
Ten cuidado de descargarte versiones gratuitas, que se encuentran a lo largo y ancho de Internet normalmente suelen llevar algún tipo de malware dentro, para pillar a los incautos, y te pueden fastidiar a base de bien, ya se que es muy tentador tener Divi gratis, pero no será la primera vez que he tenido que arreglar a un cliente de una infección de malware por descargas en páginas de dudosa reputación.
En el caso de que quieras probar este gran tema para WordPress debés de ir directamente a su página web, desde allí podrás usar una demo online que tienen preparada para este propósito, ir ahora a la demo online.
Para poder comprar una licencia debes de ir directamente, a la página de Elegant Themes , qué es la empresa a cargo de este gran tema para WordPress.
La licencia no solo te permite acceso a Divi sino que también te da acceso a todos los plugins de Elegant Themes con descargas ilimitadas mientras tú licencia esté activa.
Tienes disponible dos licencias en Elegant Themes :
- Una anual por 89 $ al año, está licencia está bien si lo que quieres es usarlo durante un determinado espacio de tiempo o solo en un sitio
- Una de por vida por 249$, está es ideal si eres desarrollador o maquetador web y quieres tener una herramienta que te sirva para crear webs con WordPress y sin tener que estar reembolsando pagos de manera recurrente y ofreciendo actualizaciones gratuitas a tus clientes o en el caso de que estés enamorado del Divi, aunque solo tengas un sitio esto te ahorrarías andar pagando licencia todos los años, toda una inversión que merece la pena.
Con estas licencias tendrás acceso a:
- Todos los antiguos temas de Elegant Themes , más de 80 temas aunque algunos ya están algo desfasados
- Divi theme, el tema principal y motivo por el que lees este artículo.
- Divi Builder plugin, por si quieres usar el constructor visual con otro tema
- Tema Extra, hermano pequeño de Divi especialmente preparado para blogging.
- Theme builder, incluido con los 3 anteriores
- Bloom, su plugin de captación de leads, preparado para conectar con cualquier proveedor de email marketing
- Monarch, un plugin para compartir en redes sociales
- Así como soporte y actualizaciones (de por vida en el caso de la licencia lifetime)
El soporte, te lo dan bien a través de foros especializados en Divi, en este no solo te contestan los mismos usuarios qué usan Divi continuamente, sino que también encontrarás que los expertos de la empresa te responde a través del foro en muchas ocasiones, todo un ejemplo de comunidad activa.
Por otro lado también te dan soporte a través de un chat personalizado, es bastante rápido y te responde un técnico especializado en un máximo de 24 horas.
Como puedes descargar este tema
Es bastante sencillo y lo puedes hacer en 3 simples pasos
- Dirigete a la web de elegantthemes.com
- Haz clic en el elemento de menu my account
- ingresa tus datos y voila…
Esto te llevará directamente a la página de tu cuenta en la que te encontraras con la imagen siguiente.
Ya simplemente te tendrás que dirigir a una de las dos cajas que te encuentras y hacer clic en el boton Download Divi, con la particularidad de que:
- Desde el botón morado de Download lo descargas como tema para WordPress
- Desde el botón rosa de Download lo descargas como un plugin para WordPress
¿Es todo perfecto?
No brother no hay nada perfecto en esta vida, si todo y todos fuéramos perfectos ¿cuál sería el sentido de la vida?¿ para qué estaría yo escribiendo este articulo?, vamos que el tema Divi para WordPress también tiene sus problemas.
No puedes editar en modo live es decir que no puedes trabajar sobre el resultado final como pueda pasar con thrive content builder, Visual Composer, etc. (pero DIVI consume y carga muchísimos menos recursos que Visual Composer) Tiene una opción para ver una pre visualización del módulo en el que te encuentras trabajando, pero no el contenido completo, para eso tendrás que hacer lo mismo de siempre, guardar y darle a pre visualizar la página esto lo hace un pelín incómodo, sobre todo cuando estas en medio del proceso de diseño, de cualquier forma nada nuevo para todos los que no usáis editores visuales.Actualización Divi 3.0: Ya sí se puede editar en modo live desde la versión 3.0 puedes ver el artículo al respecto aquí , quizá te preguntes por que he tachado el anterior punto en vez de borrarlo, muy sencillo quiero que seas consciente de la evolución de este tema.- El interior no está preparado como un Frameworkpor lo que para crear un child theme hay que copiar todos los archivos que quieras modificar, diferencia de Génesis que con functions.php y la hoja de estilos vas sobrao.
- El efecto lock -in: a pesar de que ya han creado un plugin para todos aquellos que quieran cambiar de tema o simplemente usarlo con otro tema y me consta que están trabajando en un importador para aquellos que quieran dejar de usar ambos, esto a algunos todavía les puede tirar para atrás.
- Tiempos de carga y mayor carga de recursos: Evidentemente contra más opciones y más módulos, se consume mayor carga de recursos, es decir Divi para funcionar o para poder hacer todo lo que hace, ha de cargar mayor cantidad de archivos por lo que se incrementan los tiempos de espera por parte del usuario.
Bueno estos son algunos defectillos que tiene pero no por ello hacen que la herramienta acabe desmerecida, no es el fin del mundo ni mucho menos.
El tema Divi para WordPress bajo mi opinión ya sea el tema o el Plugin es muy usable y práctico ya habéis visto todo lo que puede hacer.
Si te interesa el tema Divi para WordPress o el plugin para el constructor DIVI, puedes acceder a la web de Elegant Themes mediante mi link de afiliado.
Tutorial de Divi 3.0
Ahora te toca a ti ¿lo has probado?¿qué opinión te merece?¿lo recomendarías ?Cuéntame tu opinión en los comentarios, no te la guardes, estoy deseando saberla.
Un fuerte abrazo!!!
Personalmente creo que ganar dinero no está reñido con enseñar, yo ofrezco recursos y comparto gran parte de mi saber y de la experiencia acumulada de forma gratuita, te aconsejo sobre productos que creo son los mejores en relación calidad precio.
No, no estás obligado a comprar a través de mis enlaces.
Si finalmente decides comprar esos productos y lo haces a través de mis enlaces, yo voy a ganar una comisión, me estas ayudando de algún modo a mantener este blog, ya que esos enlaces de afiliados representan una pequeña parte de mis ingresos, y yo te voy a estar infinitamente agradecido
Estupendo artículo Óscar,
la mayoría recomiendan un tema de génesis y reconozco que son muy buenos.
Pero como tú bien dices, Divi es perfecto para novatos.
¡Nos leemos!
Oscar, gracias por este artículo. Ya estaba dando vueltas por mi cabeza el indagar sobre una plantilla que sea responsive y bastante liviana, ¿es así? Y obviamente, comparto la idea de adquirirla via tuya.
Bien has dicho que es apta para novatos, soy uno de ellos y aquí viene una pregunta tonta, no sé si las palabras son las adecuadas pero ¿divi es un template que lo compro, lo personalizo y listo? ¿No requiere de nada más? sino me complico.
Espero leerte.
Saludos,
Marcelo
Hola, tengo un problema, estoy creando una web con wordpress 4.7 / Divi 3.0.24, he creado varios enlaces, textos, secciones, … por días sin ningún problema, pero ahora he creado un nuevo enlace, y cada vez que añado una sección, fila o módulo nuevo, estos desaparecen automáticamente, justo después de actualizar, y no sé por qué, agradecería mucho si me pudieran ayudar con eso, gracias
Si adquieres divi puedes utilizarla en diferentes webs?
Fantástico post. Me considero un auténtico novato y por ello estoy optando a Divi para realizar mi website, website de aficionado pero que siguiendo los consejos y la increible informacion de valor que ofreces conseguiré algo, creo que digno.
Un abrazo enorme desde barcelona y ya estoy en tu lista de suscriptores, estudiando tu curso de canva 🙂
Hola Oscar, ababo de escribir otro comentario pero no se se si te llegará nunca porque he tenido un pequeño problema a la hora de enviártelo.
No pasa porque algunas dudad del anterior ya se me han solucionado. Por lo que he visto aconsejas divi también a personas sin experiencia, así que muy bien. Quiero crear un blog de cocina, estoy manos a la obra, pero el tema es el clavo al que no consigo dar. Divi me gusta pero me asusta, con tu viedo tutorial podría llegar a montar mi blog yo sola? tienes más material bajo suscripción útil para que los principiantes puedan empezar con divi?
Que piensas de los temas de template moster, me ineresa el 62036, lo ves muy bonito claro, pero a ver si cuando me lo descargue me voy a echar las manos a la cabeza!
mucha gracias por tu ayuda.
En fin, ya está! me he decidido y he comprado divi a través de tu enlace!! ahora solo espero que tus vídeos me serán útiles para conseguir mi objetivo!!
Excelente análisis personalmente llevo como 5 meses trabajando con divi me siento cómodo y personaliza a veces con CSS. Yo quería comprarme génesis framework pero acabe en divi, recomiendas más génesis?
Saludos
Buenas crack….
quiero adquirir divi, porque para algunos proyectos viene bien…pero tengo una duda que adquiero la de 78$ o la mas cara. Mi pasta no va muy bien para gastarme tanto ahora mismo…
Gracias y un saludo.
ChisjoInf
Hola!! Tengo una duda con este tema. En cuanto a la barra/menú lateral que aparece por defecto en cada página, ¿es posible sacarla? porque pude “vaciarla”, pero la división sigue estando. Es decir, queda la columna vacía ocupando espacio.
Gracias y saludos!
Hola buen día, estaba viendo el tutorial y quería preguntarte si necesito una página con varios blogs, uno de texto uno de galerías de fotos y otro de videos pro ejemplo y carga de información semanal, es bueno DIVI o necesito algo más avanzado y preguntarte que opinas de plugins y temas de muse a wordpress como musexpress o musetowordpress. Gracias
Tengo una duda acerca del Plugin. Verás. Tengo un sitio web que utiliza una plantilla que compré hace un par de años. Es una web corporativa y está diseñada correctamente para esta función, pero ahora necesito hacer cosas nuevas, añadidas a esta web. Serán nuevas páginas para las que no necesito ni siquiera mantener el estilo.
El problema es… ¿puedo instalar DIVI en este sitio y comenzar a hacer las cosas nuevas con él, sin perder la configuración de la página web actual?
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.
Que nivel de WordPress necesito para usar Divi
Gracias Oscar por tu post .. realmente anima a utilizarlo , actualmente estaba apostando con Elemento, ya que poco a poco lo fui entendiendo .. Pero tu narración refleja todos beneficios .
Si me lo bajo para probar, lógicamente que usare tus link de afiliados para ayudarte, así como tu haces con nosotros .
Un abrazo