Como ya comenté, la plantilla Divi, una de las mejores plantillas premium para WordPress, es una auténtica joya.

Lo es por muchas razones; por el diseño web limpio, atractivo y funcional, por la facilidad de crear una página web aunque no tengas conocimientos avanzados de diseño, ya que utiliza el sistema “drag and drop” de arrastrar y soltar las secciones de una web, y porque gracias a su Biblioteca puedes importar diseños webs externos y copiarlos de una página a otra.

Precísamente en esta Biblioteca es donde se encuetran los diseños predefinidos de la plantilla Divi, con los que podrás crear una web profesional en muy poco tiempo.

¿Qué son los diseños predefinidos?

Los diseños predefinidos de Divi no son más que plantillas con diseños de páginas webs que puedes insertar en tu WordPress para que copie el mismo diseño con la misma estructura. Después podrás ir sustituyendo los textos, títulos e imágenes por los de tu marca.

Este tipo de herramientas son tremendamente útiles y te ayudan a ahorrar mucho tiempo en tus proyectos online.

La plantilla Divi te permite realizar esta función con tan solo un click, gracias a su Biblioteca, donde guarda diseños predefinidos para todo tipo de páginas webs; corporativas, landing pages, portfolios, blogs…

¿Cómo se añade un diseño predefinido a la plantilla Divi?

Si te has decidido a crear tú mismo tu propia página web con Divi, te aseguro que sin necesidad de tener conocimientos avanzados, podrás tener una web con resultado profesional en muy poco tiempo.

Los pasos a seguir son:

  1. Compra la plantilla Divi en Elegant Themes.
  2. Instala la plantilla Divi en tu WordPress (Apariencia -> Temas -> Añadir nuevo).
  3. Crea el tema hijo de la plantilla Divi y actívalo como tema activo de tu web; La forma más sencilla de hacer esto es con el plugin gratuito Child Theme Configurator. (Leer más sobre por qué y cómo crear un tema hijo).
  4. Ve a la página de tu web que quieras personalizar (WordPress -> Páginas -> Añadir nueva) y clica en el botón de “Usar el constructor Divi”.
  5. Una vez se abra el constructor web de Divi, clica en “Cargar de biblioteca”.
  6. Se te abrirá una ventana desde donde puedes añadir diseños ya definidos por Divi (Diseños predefinidos) o diseños externos que desees importar (Añadir desde biblioteca).

Plantillas hechas con Divi
añadir plantilla biblioteca divi
cargar diseño plantilla divi

Actualmente hay 32 diseños predefinidos de páginas webs, con plantillas de webs de todo tipo. Simplemente elige el que necesites y clica en el botón “cargar”. El diseño estará listo en 2 segundos.

Ahora puedes personalizarlo a tu gusto, entrando en cada sección que se ha creado automáticamente en la página. O si no te convence, puedes volver a repetir el mismo proceso con otro diseño predefinido de Divi.

Ejemplos de diseños predefinidos de webs con Divi

Recuerda que lo que personalizas con esta opción es el contenido de una página o una entrada determinana. El Menú Principal y el pie de página se configuran en Opciones del tema.

Una vez cargues el diseño que se ajusta a tu marca y a tu página web, podrás subir tus propias imágenes y títulos para sustituirlos por los que trae la plantilla por defecto. Si necesitas imágenes de calidad para tu web y libres de derechos, puedes usar la herramienta Pixabay, donde encontrarás de todas las temáticas.

A continuación te muestro una parte de cómo quedarían algunas de las 32 plantillas predefinidas de Divi.

CASO DE ESTUDIO

Incluye la presentación, gráficas y contadores de un caso de estudio o una investigación.

usar plantillas webs divi

 

PÁGINA DE INICIO BÁSICA

Esta plantilla incluye una página de inico simple y limpia, con 4 secciones donde describir con textos cortos de qué trata tu empresa.

ejemplo home divi

PÁGINA DE INICIO EMPRESA

Esta es una página de incio sencilla, en la que puedes presentar y dar a conocer tu empresa de forma rápida y sencilla. Incluye un Slider, imágenes con descripciones. una sección de trabajos recientes e incluso un formulario de contacto directo.

página web divi

PÁGINA DE INICIO CORPORATIVA

La plantilla de página web corporativa de Divi incluye secciones de presentación de la empresa, contadores, gráficas donde poder mostrar resultados y desplegables que ayudan a facilitar más información sobre la empresa.

ejemplo página web inicio corporativa

PÁGINA DE INICIO EXTENDIDA

Esta plantilla predefinida de página web incluye 10 secciones en las que se puede presentar una empresa, institución, producto…de forma extendida, incluyendo sliders, llamadas a la acción, imágenes con descripción, iconos, un contador…

diseño página web empresa

PÁGINA DE ANCHURA COMPLETA

Se trata de una página estándar con diferentes secciones de texto pero con anchura completa y sin barra lateral.

Los siguientes diseños predefinidos de Divi también incluyen esta misma plantilla con barra lateral incluida (en lado izquierdo, en lado derecho o en ambos lados).

plantillas hacer web

BLOG LADRILLOS

Este es un estilo de blog en el que las entradas se van mostrando en forma de cuadrícula.

Tú puedes personalizar cuántos posts deseas que se muestren y de qué categorías, entre otras opciones.

En este diseño de blog de Divi no se incluye barra lateral, resultando un diseño muy limpio y ordenado.

diseño blog plantilla divi

BLOG ESTÁNDAR

Este es un diseño de blog de los de toda la vida. Con barra lateral donde puedes incluir los widgets y con el resúmen de entradas que se van mostrando automáticamente.

Dentro del Módulo de Ajustes del Blog se pueden personalizar muchos puntos, como la tipografía, el tamaño del texto, el formato de fecha, el número de entradas o posts que deseas mostrar…

plantilla wordpress para blog

MODO MANTENIMIENTO

Esta plantilla te será muy útil para mostrar información al visitante mientras renuevas o haces cambios en tu web. Puedes seguir informando de las ventajas de tu empresa o marca e incluso permites que el usuario pueda seguir contactándote.

diseño página web mantenimiento

PRÓXIMAMENTE

El propósito es parecido al anterior. En este caso se puede aplicar a una empresa que tiene una fecha prevista de lanzamiento de la web. Permite mientras tanto, hacer conocimiento a los usuarios del tiempo restante mediante un contador que Divi incuye en esta plantilla.

ejemplo página web proximamente

PÁGINA DE ATERRIZAJE

Una página de aterrizaje es la página web a la que el usuario llega tras pulsar en un enlace o botón desde otra página externa, como un portal, un anuncio, un banner…

También se le llama landing page y normalmente se utiliza este tipo de páginas cuando se vende u ofrece algún producto.

Es decir, se capta al usuario desde un anuncio con la finalidad de que llegue a la página de aterrizaje.

página aterrizaje tema divi

ACERCA DE NOSOTROS

Esta página es muy importante para tu imagen de marca, ya que a los usuarios les gusta saber quién hay detrás de una página web.

En este diseño predefinido puedes incluir una descripción de cómo comenzó la empresa, qué servicios / productos ofrece o incluso incluye una sección para mostrar los trabajos recientes.

ejemplo página web acerca de

NUESTRO EQUIPO

Esta plantilla es muy completa si quieres presentar quién hay detrás de la empresa y cuáles son las ventajas que aporta la empresa. Además también incluye una sección donde se muestran los posts o entradas recientes, otra para los proyectos recientes y otra para contactar.

hacer pÁgina web con plantillas divi

PÁGINA DE CONTACTO

Esta página es esencial en cualquier web corporativa o comercio electrónico. Permite saber al usuario dónde se encuentra la empresa y poder contactar con ella.

Con el diseño predefinido que incluye la plantilla Divi, podrás hacer esta página en tan solo unos minutos. Simplemente tendrás que modificar la dirección del Google maps y sustituir los textos.

plantilla pÁgina de contacto

PÁGINA DE VENTAS

En el diseño predefinido de  la página de ventas viene por defecto una tabla de precios, en la que puedes describir tus servicios y poner un enlace directo a la compra.

pÁgina de ventas plantilla divi

Por último, comentarte, que todos estos diseños predefinidos para crear una web con la plantilla Divi, son mucho más completos de lo que te he podido mostrar, pues además de ser más amplias, algunas secciones contienen efectos en movimiento que dan un aspecto de web bastante profesional y actual.

Además, debes pensar en cómo quedarán cuando incluyas tus propias imágenes, textos… y personalices todos los detalles. Puedes cambiar cualquier color o cualquier fondo de sección por una imagen estática o en parallax.

Sin duda, te será de gran utilidad para ahorrar tiempo y asegurarte un diseño web de calidad.

También te puede interesar...

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
¡GRATIS! 

Esta guía con 7 Trucos de diseño para Divi

¡GRATIS!

Esta guía con 7 Trucos de diseño para Divi

Obtén, de forma totalmente gratuita, estos trucos de diseño que la plantilla Divi no incluye y crea webs únicas.

Consentimiento

¡Perfecto! Ahora VE A TU BANDEJA DE ENTRADA y abre el email que te he enviado desde DIVESP. ¡Gracias!