Divi Booster es un plugin para WordPress. Este plugin incluye una gigantesca cantidad de opciones de personalización de la plantilla Divi, la mejor y más potente plantilla para WordPress.
Podríamos traducir «Divi Booster» como «amplificador de Divi», ya que efectivamente es eso. Un amplificador de las opciones de personalización de la plantilla Divi y del divi builder.
En el plugin Divi Booster se han incluido muchas de las opciones que los usuarios de la plantilla han ido demandando a lo largo del tiempo.
Opciones de personalización que los usuarios de Divi demandaban ya que no era posible realizarlas con las opciones por defecto que incluye la plantilla. Algunas pocas han sido incorporadas poco a poco en las diferentes actualizaciones de la plantilla y ahora las puedes ver en el apartado «Deprecated» de Divi Booster.
El precio del plugin es de 29$ (unos 25 € aproximadamente)
COMPRAR DIVI BOOSTER
El plugin Divi booster incluye más de 95 nuevas opciones de configuración para la plantilla Divi y para el Divi builder, más las 21 opciones que ya han sido incorporadas en las últimas actualizaciones de la plantilla.
El plugin Divi Booster ha sido creado por Dan Mossop y tiene el beneplácito de Elegant themes, que es la empresa creadora de la plantilla Divi.
DESCUENTOS PLANTILLA DIVI + REGALO
El plugin es muy rápido. Éste precompila y minifica el código cuando se guardan las opciones de configuración y no cuando un usuario solicita la página. De hecho, la carga es más rápida que si incluyéramos las modificaciones directamente en el código. Por lo que no te has de preocupar por el tiempo de carga, ya que el plugin no ralentizará tu sitio web.
En este post iré incluyendo todas las opciones de personalización del plugin Divi Booster e incluiré enlaces a los post donde se desarrollan las diferentes opciones de personalización.
ÍNDICE
- 1.- Precio y licencia de Divi Booster
- 2.- Partes de Divi que se pueden personalizar con el plugin Divi Booster
- 3.- DIVI BOOSTER Parte 1: Opciones con iconos
- 4.- DIVI BOOSTER Parte 2: Opciones generales de Diseño
-
5.- DIVI BOOSTER Parte 3: Personalización del header
- 5.1.-Cambiar color "hover" sobre elementos de contacto del header
- 5.2.- Añadir texto header
- 5.3.- Click to call en el teléfono
- 5.4.- Añadir un área de widget en el header
- 5.5.- Alineación vertical ítems de menú
- 5.6.- Definir longitud de scroll para posicionado del menú flotante
- 5.7.- Menú hamburguer en escritorio
- 5.8.- Eliminar reborde del header
- 5.9.- Evitar reducir la altura del menú flotante al hacer scroll
- 5.10.- Ocultar el menú principal
- 5.11.- Altura del menú normal y contraido
- 5.12.- Cambiar el color de fondo al poner el ratón sobre un elemento del menú desplegable.
- 5.13.- Establecer un color de texto "hover" al poner el ratón sobre un elemento del menú
- 5.14.- Problema de colores de elementos seleccionados al hacer una web en una sola página
- 5.15.- Cambiar espacio de separación entre los diferentes elementos del menú
- 5.16.- Cambiar el enlace al hacer clic en el logo
- 5.17.- Efecto hover sobre el icono de búsqueda del header
- 5.18.- Ocultar el texto de "select page" en móviles
- 5.19.- Mostrar nombre de la web junto al logo
- 5.20.- Regularizar distancia entre el logo y el icono hamburguer con los extremos en la versión móvil
- 5.21.- Ocultar el icono de búsqueda en móviles
- 5.22.- Añadir texto delante del icono hamburguer del menú en móviles
- 5.23.- Modificar tamaños de fuente de los elementos del menú en versión móvil
- 5.24.- Ocultar elementos del menú secundario en móviles
1.- Precio y licencia de Divi Booster
El precio del plugin Divi Booster es de 19$ (que equivale a unos 16,00 €). Un precio muy bajo en comparación con la inmensa cantidad de opciones que tiene para ampliar la plantilla Divi.
Tiene licencia múltiple por la cual podrás usar el plugin en tantos sitios como quieras comprándolo solo una única vez. Es decir, podrás utilizar el plugin en todos los sitios web que quieras.
Con la compra del plugin tienes derecho a actualizaciones sin límite de tiempo.
COMPRAR DIVI BOOSTER
2.- Partes de Divi que se pueden personalizar con el plugin Divi Booster
El plugin Divi Booster presenta las opciones de personalización de la plantilla Divi divididas en diferentes apartados dependiendo de a que afecta la personalización:
Parte del panel de administración del plugin Divi Booster
a.- Site-wide settings (Configuraciones de todo el sitio)
i.- Icons (iconos)
ii.- Layout (diseño)
iii.- Links (enlaces)
iv.- Site speed (velocidad de carga)
b.- Header (cabecera de la web)
i.- Top header (parte superior del header)
ii.- Main header (parte principal del header)
iii.- Mobile header (cabecera en móviles)
c.- Posts (entradas de blog)
d.- Pages (páginas)
e.- Sidebar (barra lateral)
f.- Footer (parte inferior de la web)
g.- Divi Builder (constructor de Divi)
i.- Standar builder (constructor tipo backend)
ii.- Visual builder (consructor visual o tipo frontend)
h.- Modules (módulos del divi builder)
i.- Accordion (módulo acordeon)
ii.- Blurb (módulo anuncio / iconos)
iii.- Countdown (módulo de cuenta atrás)
iv.- Gallery (módulo galería)
v.- Header (full width) Módulo header de anchura completa
vi.- Map (módulo mapa)
vii.- Portfolio Filteralble (módulo portfolio filtrable)
viii.- Portfolio full width (módulo portfolio anchura completa)
ix.- Post navigation
x.- Post solider
xi.- Pricing table (módulo tabla de precios)
xii.- signup
xiii.- slider (módulo slider o deslizador)
xiv.- text (módulo de texto)
i.- Plugins
i.- Woocommerce
ii.- Others (otros)
j.- Css manager (gestión css)
k.- Developer tools (herramientas para diseñadores web)
l.- Deprecated (ya disponibles en Divi)
COMPRAR DIVI BOOSTER
3.- DIVI BOOSTER Parte 1: Opciones con iconos
Añadir nuevos iconos de redes sociales a parte de las 3 redes sociales que vienen por defecto en la plantilla Divi.
3.2.- Añadir iconos al divi builder
Añadir nuevos iconos al constructor divi builder y que podrás elegir posteriormente desde diferentes módulos del constructor
3.3.- Poner Iconos del header en la derecha
Con esta opción del plugin Divi Booster podremos poner los iconos de redes sociales e iconos de contacto del header (email + teléfono) en la parte derecha en vez la izquierda en donde vienen por defecto.
Poner iconos de redes sociales a la derecha del header y los iconos de contacto a la izquierda.
Hacer que los iconos de redes sociales sean visibles en la versión móvil de la web realizada con la plantilla Divi.
4.- DIVI BOOSTER Parte 2: Opciones generales de Diseño
4.1.- Imagen en el header
Con esta opción del plugin Divi Booster podremos poner una imagen en la parte superior de la web, justo encima del header.
4.2.- Zona de widget en header izquierdo
Añadir una nueva area de widget en el lateral izquierdo del header de la web.
4.3.- Personalización del header en una web tipo caja o box
Opciones de personalización de la web cuando se activa la opción de web tipo caja o box de Divi.
4.4.- Reborde en diseño tipo caja o box
Opción de Divi Booster para eliminar el reborde o sombreado de los extremos de la web cuando se visualiza con un diseño tipo box o caja.
4.5.- Reducir contenido header en móviles
Reducir la anchura de contenido para texto del header cuando la web se está visualizando a través de un dispositivo móvil.
4.6.- Solucionar problema de saltos en página
Solucionar problemas de inexactitud en los saltos a diferentes partes de la página con enlaces. Esto es muy típico cuando se crea un tipo de web en una sola página.
4.7.- Comprimir archivos Divi
Comprimir archivos de Divi para que la carga de la plantilla sea más rápida.
5.- DIVI BOOSTER Parte 3: Personalización del header
5.1.-Cambiar color «hover» sobre elementos de contacto del header
Con esta opción del pluign Divi Booster podremos cambiar el color de los elementos de contacto del header (email, teléfono y redes sociales) cuando ponemos posamos el ratón sobre ellos.
5.2.- Añadir texto header
Podremos añadir un texto junto al teléfono que aparece en el header o encabezamiento de la web
5.3.- Click to call en el teléfono
Conseguir que al hacer clic sobre el teléfono del header cuando se visualiza en un móvil se proceda directamente a la llamada sin necesidad de marcar el número de teléfono.
5.4.- Añadir un área de widget en el header
Añadir otra área de widget en el header en una posición diferente al citado anteriormente.
Alinear verticalmente los elementos del menú cuando se haya producido un descuadre al realizar modificaciones en la personalización de las dimensiones del logo.
Con esta opción podremos establecer la distancia a recorrer por el usuario haciendo scroll necesaria para que se establezca el menú flotante.
Con esta opción de Divi Booster podremos establecer el menú tipo haburguesa (típico de móviles) para cuando se vea la web en escritorio.
5.8.- Eliminar reborde del header
Con esta opción que incorpora Divi Booster podremos eliminar el reborde o sombreado que aparece en la parte inferior del header o cabecerá de la web con la plantilla Divi.
Cuando hacemos scroll con la plantilla Divi aparece lo que denominamos como menú flotante o fijo (si tenemos marcada la opción en Divi). El header con el menú flotante tiene menos altura que el menú normal.
Con esta opción podremos hacer que el menú flotante no reduzca su altura con respecto al menú normal.
Con esta opción podremos ocultar totalmente el menú principal de la plantilla Divi.
Con esta opción del plugin Divi Booster podremos establecer la altura del menú del header en su posición normal y su posición contraida.
Con esta opción podremos cambiar el color «hover» de fondo que rodea a un item de menú del menú desplegable cuando se pone el ratón sobre unos de los items.
Podremos establecer el color que tendrá que mostrar un ítem de menú cuando pongamos el ratón sobre un elemento del menú.
5.14.- Problema de colores de elementos seleccionados al hacer una web en una sola página
Existe un problema al crear una web en una sola página, y es que quedan marcados todos los elemento del menú como activos. Con esta opción de Divi Booster podremos mejorar la situación por defecto en Divi
Con esta simple pero interesante opción podremos establecer la separación entre los diferentes elementos del menú.
5.16.- Cambiar el enlace al hacer clic en el logo
Con esta opción podremos modificar el link o enlace cuando hacemos clic sobre el logo de nuestra página web.
5.17.- Efecto hover sobre el icono de búsqueda del header
Con esta opción de Divi Booster podremos establecer un color para el icono de búsqueda (lupa) que aparece en el header de Divi. Este color aparecerá cuando pongamos el ratón sobre el icono.
5.18.- Ocultar el texto de «select page» en móviles
En algunas versiones de Divi aparece en la versión móvil un texto junto al icono hamburguer del menú. Con esta opción podremos ocultar este texto o modificarlo.
5.19.- Mostrar nombre de la web junto al logo
Con esta opción se mostrará el nombre de la web junto al logo.
5.20.- Regularizar distancia entre el logo y el icono hamburguer con los extremos en la versión móvil
Con esta opción podremos regularizar la distancia entre el logo y el extremo de la web, así como desde el icono tipo hamburguesa del menú y el otro extremo. Todo ello en la versión móvil del sitio web.
5.21.- Ocultar el icono de búsqueda en móviles
Con esta opción de Divi Booster podremos ocultar el icono de búsqueda en móviles.
Con esta opción podremos añadir un texto junto al icono tipo hamburguer de la versión móvil de la web.
Con esta opción podremos modificar el tamaño de las letras de los diferentes elementos del menú cuando se ve la web a través de dispositivos móviles.
Con esta opción podremos ocultar los ítems del menú secundario cuando se visualiza en dispositivos móviles.
COMPRAR DIVI BOOSTER
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Por suerte Divi Booster me ha ayudado a realizar configuraciones en el tema que de por serian bastante complicadas para alguien que no esta muy empadado en el tema de modificar el codigo
Hola Joaquín:
he mirado pero no encuentro, el plugin es de por vida con sus actualizaciones o hay que pagarlo anualmente?
Gracias de antemano
Buenas.
El plugin Divi Booster solo se ha de pagar una sola vez y se tienen actualizaciones de por vida. Es decir, es un plugin LifeTime Access o de por vida.
este plugin funciona para cuando pasas el mouse por los elementos del menú y que cambie de color un cuadrado alrededor del texto?
Hola Rafa.
No, el plugin no tiene esa funcionalidad
Hola Joaquin,
Quiero comprar el DIVI BOOSTER, pero yo utilizo el tema EXTRA, me servirá igual?
Gracias!
Javier
Hola Javier,
Divi Booster no sirve con la plantilla Extra, aunque el creador de Divi Booster dice que algunas opciones si funcionan correctamente. Aquí tienes la explicación detallada del fabricante de Divi Booster
Parece ser que se propuso crear un plugin compatible con Extra que se denominaría ExtraBooster, pero por el momento parece que aún no está creado.
Un saludo
Buenos días Joaquín,
Me gustaría saber cómo puedo hacer para que al añadir texto en el top-header (la parte «Add text to top header (on left-hand side)») se me ponga a la derecha. Es decir, dejar el correo y el teléfono a la izquierda y poner texto a la derecha.
Me he comprado el plugin solo para esto y veo que no me va a valer.
¡Gracias!
Buenas,
Como tu bien dices: «…on left-hand side» (es a la izquierda).
Tendrías que verlo con CSS
¿Cómo has conseguido poner tú a la derecha lo de «¡Descuento 20% plantilla Divi!», «Mega Guía Divi», etc.
¡Gracias!
Hola Miguel,
En este post se explica cómo Añadir items menú en la barra superior del header y resto de zonas disponibles en la plantilla Divi
Un saludo
Muy buenas Joaquín ¿es posible con este plugin hacer que el menú principal en móviles no aparezca contraído en hamburguesa sino con todos los ítmes visibles? A lo mejor estoy preguntando una tontería y Divi lo permite de serie, pero no lo veo.
Gracias.
Buenas,
eso no es posible de ninguna manera, porque eso haría que la web no fuera responsive. Es decir, que no estuviera optimizada para móviles
Hola Joaquin! como estas?
Se pueden agregar los botones de inicio de sesión y de registro en el header con este plugging? No puedo encontrar la forma de hacerlo en ningun lado!
Gracias! saludos
Buenas,
para poner un enlace al inicio de sesión de wordpress no necesitas Divi Booster. ¿Por qué no pones un enlace personalizado en el menú, con la url miweb.es/wp-admin? para el inicio de sesión.
un saludo
gracias por estas guias
Me alegro de que la serie de posts sobre Divi Booster hayan sido de tu agrado.
Un saludo