Opt In Image
APÚNTATE
Y DESCARGA GRATIS LA GUÍA PARA CREAR UNA PÁGINA WEB PROFESIONAL
  • Recibe también mi Newsletter semanal con lo último del blog

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

Diferentes módulos disponibles para insertar en los bloques creados con el Page Builder de esta plantilla WordPress multipropósito conocida como Divi.

 

En un post anterior enumeramos las principales características de esta plantilla wordpress. Sigue este enlace para ver las principales características de Divi.

La plantilla WordPress Divi dispone de lo que se conoce como un page builder. El page builder sirve para construir páginas en wordpress a través de bloques y de esta forma aumentar de una manera extraordinaria la flexibilidad de los diseños de cada una de las páginas del sitio web.

En cada uno de los bloques construidos con el page builder de esta plantilla WordPress tenemos una serie de módulos disponibles para insertar.

 

DESCUENTO DIVI

 

Ahora 20% de descuento

El plan DEVELOPER de Elegant Themes incluye acceso a todas las plantillas y plugins:

  • La Plantilla DIVI
  • 86 plantillas para WordPress
  • El divi builder
  • 5 plugins para WordPress

Si quieres adquirir el plan developer de Elegant Themes con un 20% de descuento, Hazlo a través de este enlace. Con el descuento de 89$ + IVA pasará costarte 70$ + IVA (soy afiliado, gracias).

Ahora a través del siguiente enlace puedes contratar el plan Life time Access con un 10% de descuento. Es decir se te quedaría en 224$ + IVA. El plan Life time Access te da acceso a todas las plantillas y plugins presentes y futuros de por vida.

 

Divi WordPress Theme

 

Vamos a hacer ahora un recorrido por los módulos más significativos que nos ofrece esta plantilla wordpress.

 

curso online wordpress con la plantilla Divi

CURSO ONLINE WORDPRESS + DIVI 3.0

Curso WordPress online con Divi

 

1.- Módulos de la plantilla WordPress DIVI

 

1.1.- Sliders

Tenemos disponibles diferentes tipos de sliders. El tipo de slider que utilizo más habitualmente para mis clientes es el de ancho completo. Aunque dependiendo de las dimensiones del bloque en el que sea insertado podemos construir sliders de diferentes dimensiones con esta plantilla wordpress.

En la página principal de nuestra web puedes ver un slider a ancho completo.

 

1.2.- Vídeos

Con esta plantilla wordpress es posible insertar vídeos como background o fondo como te describo en esta entrada que escribí hace algún tiempo: insertar un vídeo background con Divi

 

Algunos de los enlaces en este post son enlaces de afiliado. Es decir, son recomendaciones que hago y por las que recibiré una comisión en caso de compra

 

1.3.- Blog

Podemos insertar un blog en un bloque. Por lo que será fácil crear una página de blog combinada con otros elementos. También existen varias formas de distribuir las entradas en el blog (tradicional y en pequeños bloques conocido como “Mansonry”).

Plantilla wordpress DIVI - Blog masonry

Blog tipo masonry

 

1.4.- Portfolio

Esta plantilla wordpress dispone de la posibilidad de crear proyectos y mostrarlos a través de un portfolio. Este portfolio se puede insertar en un bloque y mostrar con diferentes formatos o diseños.

Divi también dispone de portfolio filtrable. Es decir, de la posibilidad de mostrar el portfolio con filtros por categorías.

Aquí puedes ver una demo de la plantilla wordpress Divi con un portfolio filtrable.

 

1.5.- Iconos

La plantilla wordpress Divi, como muchas otras, dispone de módulos tipo icono (en inglés blurbs) y que está traducido en la plantilla como módulo tipo “anuncio”.

Podemos insertar iconos disponibles en la plantilla o subir iconos personalizados. Existen dos tamaños estandarizados para los iconos que vienen por defecto con esta plantilla WordPress.

Aquí puedes ver una demo de iconos en Divi

 

Desde aquí puedes contratar un plan de Elegant Themes y acceder a todas sus plantillas (entre ellas DIVI)

 

1.6.- Galería de imágenes

Como no podía ser de otro modo, esta plantilla para WordPress dispone de módulos tipo galería de imágenes. Este tipo de módulos se utiliza para mostrar diferentes imágenes sobre las instalaciones de un local, trabajos de fotografía, etc.

 

1.7. Desplegables

Divi dispone de dos tipos de desplegables de texto. Los conocidos como “Toggles” (conmutador) y los “accordion” (acordeón). La diferencia entre ambos es que los Toggles se pueden desplegar de manera independiente mientras que los tipo acordeón no. Los tipos acordeón solo pueden tener un elemento desplegado.

modulo acordeon-accordion divi

Ejemplo de módulos tipo acordeón

Ejemplo módulo tipo Toggle y accordion

 

1.8.- Pestañas

Esta plantilla wordpress también dispone de módulos tipo Pestañas (tabs en inglés). Aquí puedes ver una demo del funcionamiento de las pestañas o tabas en esta plantilla para WordPress.

 

1.9.- Texto

Evidentemente no podían faltar los módulos tipo bloque de texto que no son otra cosa que bloques que incorporan el editor de texto de WordPress. A través de él podremos insertar texto formateado, shortcodes, etc.

 

1.10.- Tablas de precios

Con esta plantilla WordPress también podemos insertar tablas de precios en los bloques a través de este módulo denominado “pricing tables” en inglés y “tabla de precios” en español.

modulo tabla de precios de la plantilla divi

 

1.11.- Contadores

Divi dispone de cuatro módulos tipo contador:

a.- Cuenta atrás (Countdown timer): este tipo de contador es una cuenta atrás en horas, minutos y segundos hacia una fecha determinada. Este tipo de contadores se utilizan para poner una fecha de lanzamiento para una página web, evento o similar. Aquí te dejo un enlace para saber cómo configurar dicho módulo que traducido al castellano lo denominan “temporizador de cuenta atrás”.

b.- Contadores de barra (bar counters): seguro que habréis visto en alguna web una serie de barras horizontales que sirven para puntuar porcentualmente diferentes aptitudes o habilidades.

Aquí tienes un enlace a la demo de DIVI para que conozcas el efecto de este tipo de módulo conocido como “bar counters”.

c.- Contadores circulares (circle counters): Contadores porcentuales en los cuales se indica el valor porcentual en el centro del círculo y proporcionalmente en el perímetro del mismo a través de un color. Aquí te dejo un enlace para que veas el efecto de los contadores circulares

d.- Contador de número (number counter): Contador con valor numérico o porcentual con efecto de transición. Este módulo lo utilicé en una página web relacionada con un evento solidario (astussolidario) en el que se iban comprando kilómetros solidarios y a través de este tipo de contador se actualizaba (manualmente) el total de kilómetros vendidos.

Aquí puedes ver el efecto del contador numérico

 

1.12.- Formulario de contacto

Esta plantilla wordpress dispone de un módulo tipo formulario de contacto con los campos para nombre, email y mensaje. Además dispone de Captcha para evitar el spam.

 

1.13.- Llamada a la acción

Divi también dispone de un módulo para llamada a la acción (call to action) que presenta diferentes posibles configuraciones dependiendo de si queremos que el botón de llamada salga integrado en un bloque o aislado.

Aquí tienes varios ejemplos de “call to action” para la plantilla wordpress Divi

 

1.14.- Mapa

No podía faltar la posibilidad de integrar un mapa de Google de manera sencilla y así no precisar de un módulo para este fin.

 

1.15.- Tienda

Divi es perfectamente compatible con el plugin Woocommerce. Woocommerce sirve para dotar a una página web realizada con WordPress de las características necesarias para poder vender online.

Divi presenta un módulo para que podamos insertar la página principal de la tienda a través de un bloque y de esta manera dar mucha más flexibilidad a la página principal de la tienda online.

 

Conoce más de cerca del Divi Builder

 

Técnico Superior en Desarrollo de Aplicaciones Web y Arquitecto Técnico, Profesor en la Escuela Europea de Negocios de Murcia de WordPress | Woocommerce y Prestashop. Dedicado a crear paginas web y a montar tiendas online. Prefesor WordPress y Prestashop.

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