En este tutorial sobre Divi podrás tener acceso a toda la información de interés sobre esta plantilla de WordPress. Se trata de una excelente alternativa que tienes a tu alcance para crear, de forma eficiente y sin complicaciones, páginas web o blogs personales o para tu negocio. Así, te mostraremos no solo que es Divi, sino cómo se emplea y cuáles son las ventajas que obtienes al hacer uso de esta alternativa.
En este tutorial Divi para WordPress recogemos todos los apartados básicos; te hablaré de su constructor visual o editor de páginas y de las funcionalidades que le permite implementar como usuario. El recurso Divi, en la actualidad, es una de las vías para crear espacios digitales compatibles con el gestor de contenidos WordPress
Otro de los aspectos que debes saber de antemano es que el precio de Divi WordPress (Ver en la web oficial) depende de la opción que escojas. Se puede diferenciar entre dos planes disponibles en la actualidad: uno que se paga de forma anual y el otro que se liquida una única vez. En este último caso, tienes acceso vitalicio a cualquier plantilla de esta serie.
¿Qué es Divi?
Web oficial de Divi – Elegant Themes
Divi es una plantilla o un tema desarrollado por la compañía Elegant Themes, que resalta del resto de las disponibles para WP por tener una alta flexibilidad y versatilidad. Este tema, desde el pasado año, tiene incluido un constructor visual que te da la posibilidad de gestionar cualquier componente que desees en tu página web, sin necesidad de tener conocimientos sobre ningún lenguaje de programación web.
Al contratar Divi podrás disfrutar de un conjunto de plantillas que te permitirán desarrollar tu proyecto en poco tiempo. Al mismo tiempo, te permite usar las soluciones existentes y hacer las personalizaciones que sean necesarias, hasta crear tu propuesta ideal. En este sentido, es preciso que destaquemos que la plantilla Divi para WordPress es multipropósito; es decir, está diseñada con el objetivo de que pueda ser usada para el desarrollo de cualquier tipo de proyecto.
Por lo tanto, independientemente de la finalidad con la que emplees la plantilla Divi, quedarán cubiertas de forma satisfactoria todas tus necesidades. Este es otro de los rasgos que la hace única y diferente del resto de las plantillas que dispone WordPress.
Dadas sus prestaciones, para hacer uso de Divi es imprescindible acogerse a algunos de los planes disponibles en el momento que decidas trabajar con esta excelente herramienta.
Algunas de las características del tema Divi
1. Te da la posibilidad de añadir texto en cualquier parte que desees con solo hacer clic en el lugar preciso. Esta acción activa un área de texto en la zona indicada.
2. Permite hacer personalizaciones a la medida. En este caso, es posible hacerles las modificaciones necesarias a las plantillas que escojas con poco esfuerzo.
3. Los cambios que les realices a las plantillas se harán efectivos en tiempo real. De modo que, en pocos minutos, podrás obtener una vista previa de la solución que estés creando.
4. Es una plantilla WordPress optimizada. Por lo tanto, presenta una fácil adaptabilidad a cualquier tipo de dispositivo móvil. Para hacer esto posible, pone a tu disposición varias funciones que te darán la posibilidad de realizar personalizaciones a la medida y definir, de modo separado, valores para ordenadores, teléfonos inteligentes o tablets.
5. Es fácil de actualizar, tarea que puedes realizar accediendo al panel de administración de WordPress.
6. Una vez que adquieres la licencia de Divi, tienes acceso gratuito a otros recursos útiles para el desarrollo del proyecto, como es el caso de la línea de plantillas EXTRA, especializada en páginas web o blogs para realizar revistas o periódicos digitales. Además del plugin Bloom para la creación de ventanas deslizantes, formularios de inscripción o pop ups y el plugin Divi Builder que es su constructor visual.
Tutorial Divi
¿Cómo se utiliza?
A través del page Builder de Divi puedes cargar múltiples diseños de forma gratuita. De este modo, con Divi puedes crear tu proyecto desde cero o usar una de sus plantillas profesionales predeterminadas, con las cuales tienes la posibilidad de cambiar a tu antojo. Para ello, debes importarla previamente desde el repositorio de Elegant Themes, haciendo uso del panel de administración de WordPress.
Por otro lado, tienes la posibilidad de reutilizar tus propios diseños, además de importar o exportar diseños hacia otros sitios web o blogs que hagan uso de la plantilla Divi. A su vez, no solo te permite la opción de reutilizar diseños de páginas completas, sino de secciones, filas y módulos que estén previamente guardados en la biblioteca.
Gracias al maquetador o constructor del que dispone Divi podrás crear o modificar las estructuras de tu página web, igual que su diseño. Del mismo modo, es posible crear contenidos de forma visual, en pocos pasos, a través de bloques. Asimismo, el builder Visual te permitirá visualizar en tiempo real el resultado de tu trabajo.
El panel de opciones de Divi incluye todas las opciones de configuración para el tema. Puedes acceder yendo a Divi y luego a la pestaña de opciones de tema.
Configuración Básica de Divi
Lo primero que te llamará la atención es que el configurador está dividido en varias secciones. Analicemos estas secciones una por una:
– General: Esta sección incluye opciones separadas para cargar tu logotipo, favicon, barra de navegación fija, elegir la paleta de colores predeterminada, habilitar el botón Volver al inicio, desplazamiento suave, etc. También encontrarás opciones para habilitar enlaces de redes sociales junto con las URL de los perfiles. El campo CSS personalizado te permite aplicar tus propios estilos.
– Navegación: Te ofrece las opciones para excluir páginas y categorías específicas de la navegación, mostrar el menú desplegable, mostrar el enlace de inicio, definir el número de niveles desplegables, etc.
– Diseño: Puedes definir las opciones de publicación única y diseño de página en esta sección. Para la publicación individual, puedes elegir mostrar u ocultar el autor, la fecha, las categorías, los comentarios… También encontrarás opciones separadas para habilitar o deshabilitar los comentarios en las publicaciones y páginas.
– Anuncios: Esta es la sección donde puedes habilitar el banner del anuncio 468X60, proporcionar la imagen, la URL y el código de AdSense para anuncios.
– SEO: La sección SEO incluye diferentes opciones de configuración de SEO para la página de inicio, publicación individual y página de índice. Algunas opciones notables incluyen habilitar títulos personalizados, meta descripciones, meta palabras clave, URL canónicas, definir el separador, etc. Aunque yo personalmente prefiero utilizar para mis proyecto el plugin Yoast SEO, es gratuito, lleva años en el mercado y es muy completo.
– Integración: En este apartado te permite habilitar código personalizado para el encabezado, el cuerpo o la parte superior e inferior de las publicaciones individuales. También encontrarás campos de entrada de código separados para cada uno de estos lugares.
– Actualizaciones: Aquí tienes la posibilidad de habilitar código personalizado para el encabezado, el cuerpo o la parte superior e inferior de las publicaciones individuales. También verás campos de entrada de código separados para cada uno de estos lugares.
Divi Builder
Hace unas líneas te hablamos de Divi Builder: ahora profundizamos en esta herramienta troncal de construcción. Se trata de la característica más importante que define todo el tema Divi. El generador de páginas, con solo arrastrar y soltar, te permite crear cualquier tipo de publicación y diseño de página sin tener que escribir ningún código.
Hay 46 módulos ( son como pequeños plugins )de contenido que incluyen el blog, el botón CTA, el formulario de contacto, la barra lateral, el portafolio, la galería, el divisor, el acordeón, las imágenes borrosas, la tabla de precios, el control deslizante, el audio, el vídeo, el testimonio, la imagen, el inicio de sesión, el mapa y un largo etcétera. Tienes la opción de usar cualquiera de estos módulos en combinación con los tres tipos de sección y los 20 tipos de fila para crear el diseño exacto que desees.
Cada módulo viene con tres configuraciones: Contenido, Diseño y Avanzado. Entre estos, el contenido incluye las opciones relacionadas con el contenido del módulo. El diseño te permite controlar el color, el espaciado, el fondo, la tipografía, el margen, el relleno y otras opciones de estilo. En Avanzado puedes agregar ID de CSS personalizado, clase o proporcionar CSS personalizado a varios elementos de la página.
Divi Builder ofrece un control preciso sobre cada elemento de tu diseño. Hay botones dedicados para hacer duplicados de cualquier módulo, fila o sección. Puedes deshabilitar cualquiera de estos para ocultar ese elemento en el front-end. Es posible bloquear un elemento para evitar futuras modificaciones.
Puedes copiar cualquier elemento y pegarlo en el mismo diseño o usar los elementos copiados en otros diseños. Como hay un número ilimitado de tareas pendientes disponibles, es posible restaurar fácilmente cualquier acción de tu preferencia.
Hay una biblioteca integrada con Divi Builder. Incluye algunos diseños listos para usar y también te brinda la alternativa de guardar un número ilimitado de diseños, secciones, filas o módulos. Puedes editar, eliminar, exportar o importar cualquiera de estos elementos.
Plantillas de diseños Divi
Divi viene con varios diseños predefinidos. Puedes usar estos diseños para comenzar con las distintas páginas de tu sitio web. Encontrarás los diseños dentro de la sección «Cargar desde la biblioteca» del Divi Builder.
Hay varios diseños para ayudarte a crear un caso de éxito, un apartado «sobre nosotros», «contáctenos», equipo, página de ventas, próximamente, página de inicio y varios estilos para el proyecto: blog, tienda, página de inicio y páginas de cartera.
Puedes usar cualquier diseño haciendo clic en el botón «Cargar». Tendrás la opción de cargar el diseño y reemplazar cualquier contenido existente. También es posible ajustar el diseño de acuerdo con tus requisitos. O guardar el diseño ajustado en la biblioteca para su uso futuro.
¿Se puede utilizar Divi Builder con cualquier tema?
Divi Builder es compatible con cualquier tema. Al ser un plugin de WordPress, puedes usarlo con cualquier otra plantilla distinta a Divi. También dispones del plugin Monarch, muy útil para insertar iconos de redes sociales en WordPress.
¿Por qué utilizar Divi?
Bueno, hay muchas razones por las que te recomendamos confiar en Divi, pero quizás las que más peso tienen son su versatilidad y su facilidad de uso. Desde el primer día podrás darle forma a tu proyecto, sea cual sea su naturaleza.
Gracias a esta plantilla tendrás la opción de crear una arquitectura diversa para tu site. Tanto si vendes productos como servicios, este recurso es ideal para desplegar todas las extensiones que necesitas, inclusive un blog para ayudarte a posicionarte como referente informativo en tu sector.
¿Cómo funciona Divi?
Ahora te presentamos un tutorial completo en formato vídeo que te ayudará a entender mejor sus infinitas prestaciones.
Ventajas de utilizar Divi
1. Es una plantilla flexible como ninguna. Gracias a sus múltiples opciones de configuración podrás crear cualquier tipo de página para uno o varios proyectos.
2. El Divi Builder es muy sencillo de usar. Como parte de la dotación básica del theme disfrutarás de este plugin de maquetación tan intuitivo. Además, podrás usar esta solución con otros themes de tu colección.
3. Viene con asistencia técnica. Siempre que tengas un problema relacionado con tu tema, podrás consultar con los expertos de Divi para que solucionen tus dudas. En los foros con los que cuenta también podrás conseguir información de manera ágil.
4. Diseño actualizado y responsive. Divi no solo incorpora los últimos adelantos en diseño web, sino que se comporta magníficamente en cualquier dispositivo en el que se visualice.
Esperamos que este Divi tutorial te haya servido para conocer mejor esta plantilla. Se trata de una estupenda alternativa sea cual sea la naturaleza de tu proyecto. No dudes en seguir este enlace y descargarla.
Soporte y documentación
Elegant Themes ofrece varias formas de obtener ayuda para el tema Divi. En primer lugar, el panel de tu cuenta tiene algunos enlaces a problemas comunes: cómo instalar Divi, usar Divi Builder, configurar las opciones de tema, usar la biblioteca Divi y un enlace para explorar la documentación completa.
Hay un foro dedicado a obtener ayuda para tus problemas en esta plataforma. El foro ya tiene miles de hilos que discuten varios temas relacionados con Divi. Por lo tanto, es probable que puedas encontrar algunas pautas realizando una búsqueda en este espacio.
Ver precios y opciones en su página web
0 comentarios