Índice
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:
- Compra la plantilla Divi en Elegant Themes.
- Instala la plantilla Divi en tu WordPress (Apariencia -> Temas -> Añadir nuevo).
- 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).
- 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».
- Una vez se abra el constructor web de Divi, clica en «Cargar de biblioteca».
- 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).
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.
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.
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 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.
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…
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).
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.
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…
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.
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.
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.
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.
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.
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.
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.
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.
