Opt In Image
APÚNTATE Y DESCARGA GRATIS
1.- Guía para crear una Página web Profesional
2.- Vídeo Training, Mis Plugins Imprescindibles WordPress
3.- Taller SEO para WordPress
  • Recibe todos los domingos las últimas entradas del blog y contenidos exclusivos

Te puedes dar de baja en cualquier momento. Nada de Spam

 

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.

 

QUIERO DIVI BOOSTER

Nota: tras hacer clic en el enlace, haz clic en el botón azul del lateral derecho “$19 – Buy now”

 

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
¿aún no conoces la plantilla Divi? desde aquí puedes ver los diferentes planes y descuentos

 

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

 

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.

QUIERO DIVI BOOSTER

Nota: tras hacer clic en el enlace, haz clic en el botón azul del lateral derecho “$19 – Buy now”

 

 

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:

 

opciones Divi Booster

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)

 

 

3.- DIVI BOOSTER Parte 1: Opciones con iconos

 

 

 

3.1.- iconos de redes sociales

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.

 

3.4.- Iconos de redes sociales a la derecha y contacto a la izquierda

Poner iconos de redes sociales a la derecha del header y los iconos de contacto a la izquierda.

 

3.5.- Iconos de redes sociales visibles en el móvil

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.

 

¿Conoces todas las opciones de diseño de header que tienes con la plantilla Divi? En este post lo vas a ver

 

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.

 

Cómo añadir un botón flotante de llamada, que solo se visualice en dispositivos móviles para mejorar las conversiones.

 

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.

 

5.5.- Alineación vertical ítems de menú

Alinear verticalmente los elementos del menú cuando se haya producido un descuadre al realizar modificaciones en la personalización de las dimensiones del logo.

 

5.6.- Definir longitud de scroll para posicionado del menú flotante

Con esta opción podremos establecer la distancia a recorrer por el usuario haciendo scroll necesaria para que se establezca el menú flotante.

 

5.7.- Menú hamburguer en escritorio

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.

 

5.9.- Evitar reducir la altura del menú flotante al hacer scroll

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.

 

5.10.- Ocultar el menú principal

Con esta opción podremos ocultar totalmente el menú principal de la plantilla Divi.

 

5.11.- Altura del menú normal y contraido

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.

 

5.12.- Cambiar el color de fondo al poner el ratón sobre un elemento del menú desplegable.

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.

 

5.13.- Establecer un color de texto “hover” al poner el ratón sobre un elemento del menú

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

 

Aprende en este post como crear un sitio web en una sola página con la plantilla Divi y WordPress

 

5.15.- Cambiar espacio de separación entre los diferentes elementos del menú

Con esta simple pero interesante opción podremos establecer la separación entre los diferentes elementos del menú.

 

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.

 

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.

 

5.22.- Añadir texto delante del icono hamburguer del menú 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.

 

5.23.- Modificar tamaños de fuente de los elementos del menú en versión móvil

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.

 

5.24.- Ocultar elementos del menú secundario en móviles

Con esta opción podremos ocultar los ítems del menú secundario cuando se visualiza en dispositivos móviles.

 

 

 

Bloguer especializado en WordPress, Woocommerce, Divi y Prestashop. Apasionado por la formación y el diseño web. Me gustaría que este blog te sirviera para ayudarte en el desarrollo de tu proyecto online, ya sea un blog, una web corporativa, cursos online o cualquier otro proyecto. Mi otro blog, especializado en tiendas online: tiendaonlinemurcia.es

Uso de cookies

Utilizamos cookies propias y de terceros para mejorar nuestros servicios y su experiencia de navegación. Si continua navegando, consideramos que acepta su uso. Puede cambiar la configuración u obtener más información AQUÍplugin cookies

ACEPTAR
Aviso de cookies