Cómo construir un sitio web impresionante con Divi

Crear un sitio web de WordPress no tiene por qué ser una tarea hercúlea. No necesita un complemento de creación de sitios web de WordPress separado y un tema de WordPress separado para crear un sitio impresionante y altamente optimizado. Todo lo que necesita es una herramienta de WordPress con todo incluido que viene con los temas y el creador de sitios web que necesita para crear su sitio web. Una de las herramientas más populares que puedes considerar es Divi. En esta publicación, lo guiaremos paso a paso por el proceso de creación de un sitio web con Divi. Vayamos directamente a los detalles.

¿Qué es Divi?

Lo primero es lo primero, establezcamos un trasfondo para esta herramienta. Divi es uno de los creadores de sitios web más populares del mercado. Permite a los usuarios utilizar simplemente un mecanismo de arrastrar y soltar para crear un sitio web. Es interesante notar que se han creado más de 2.5 millones de sitios usando Divi.

Sin duda es un tema muy popular. El generador de temas Divi es todo incluido y con solo una licencia de Divi Theme, puede crear diseños de sitios web ilimitados. Divi viene con más de cuarenta módulos que puedes usar para crear tu sitio web.

Es una herramienta premium con dos paquetes diferentes: una licencia anual y una licencia de acceso de por vida. Ambos planes le permiten crear sitios web ilimitados con una sola licencia.

Puede explorar las más de 157 plantillas prediseñadas disponibles en el paquete de temas Divi para crear su sitio web. La mejor parte es que la herramienta es compatible con otros complementos de temas en WordPress. Eso significa que si desea utilizar Divi Builder con un complemento de terceros, puede hacerlo.

Cómo crear un sitio web de WordPress usando el tema Divi

Ahora que tenemos una comprensión previa de lo que se trata la herramienta Divi, lo siguiente es ver cómo crear un sitio web de WordPress usando el tema Divi. Puede crear un sitio con el tema Divi en tres pasos. Estos pasos se destacan a continuación:

• Inicie su sitio de WordPress.

• Instale y configure el tema Divi en su sitio de WordPress.

• Construya su sitio con el tema Divi.

Veremos cada paso en detalle en esta publicación. Entonces, ¡prepárate para construir tu sitio web con una de las mejores herramientas del mercado!

Inicie su sitio de WordPress

Antes de crear un sitio de WordPress personalizado con el tema Divi, lo primero es iniciar el sitio de WordPress. Para hacer esto, siga los pasos a continuación:

Paso 1: Obtenga el alojamiento para su sitio web. Independientemente del tipo de sitio web que desee crear, primero debe obtener un nombre de dominio y alojamiento. Hay docenas de empresas de alojamiento excepcionales que puede explorar para su alojamiento. Ofrecemos alojamiento como parte de nuestros servicios de mantenimiento de WordPress.

Paso 2: obtenga un nombre de dominio para su sitio. La mayoría de las empresas de alojamiento ofrecen nombres de dominio como parte del paquete de alojamiento. Si ya compró un nombre de dominio, puede transferirlo a la plataforma de alojamiento que desea utilizar. Cada plataforma de alojamiento tiene su propio proceso de configuración, pero a menudo es fácil y sencillo de seguir.

Siga las indicaciones en el sitio de hospedaje para completar su transacción para la compra de su hospedaje y nombre de dominio. La mayoría de las plataformas de alojamiento tienen WordPress instalado automáticamente, mientras que otras ofrecen una instalación de WordPress con un solo clic.

Es bastante fácil completar este proceso sin problemas técnicos. Cuando haya terminado de configurar su nombre de dominio y alojamiento, e instalar WordPress, su sitio web se activará y cuando verifique su nombre de dominio en el navegador, tendrá algo como esto:

Configure el tema Divi en su sitio de WordPress

Ahora que su sitio web está activo y tiene una pizarra en blanco para crear su sitio web personalizado, el siguiente paso es descargar y activar el tema Divi en su nuevo sitio. Para hacer esto, siga los pasos a continuación:

Paso 1: compra el tema Divi. La compra del tema Divi le da acceso a otros productos diferentes, incluidos Monarch y otros complementos y temas populares. Para hacer esto, siga los pasos a continuación:

• Visite el sitio web de Elegant Themes y haga clic en "Precios". Esto abrirá los dos paquetes de Elegant Themes disponibles. Puede seleccionar cualquiera de las dos opciones en función de sus requisitos y presupuesto. Haga clic en el botón "Regístrese hoy" de su opción preferida.

• Esto lo llevará a otra página donde debe completar sus datos y un nombre de usuario y una contraseña. A continuación, haga clic en "Completar registro".

• Será redirigido a la sección de pago donde deberá ingresar los datos de su tarjeta para completar su transacción. Haga clic en el botón "Pagar $ 89" para completar su pago. Si elige el otro paquete, la cantidad se reflejará en lugar de $89.

• Después del pago exitoso, el siguiente paso es descargar el tema Divi. Haga clic en "Iniciar sesión para descargar todos nuestros productos disponibles".

• Proporcione sus datos de inicio de sesión y haga clic en el botón "Iniciar sesión".

• Haga clic en el botón "Descargar el tema Divi". Esto descargará una carpeta zip del tema Divi en su sistema informático.

Paso 2: instala el tema Divi en tu sitio de WordPress. Para hacer esto, navegue a su tablero de WordPress y siga los pasos a continuación:

• Haga clic en "Apariencia" y luego en "Temas"

• Haga clic en "Agregar nuevo" y luego en "Cargar tema"

• Haga clic en "Elegir archivo" y seleccione el archivo zip descargado de su sistema. A continuación, haga clic en "Instalar ahora".

Paso 3: activa el tema Divi

• Navegue hasta el menú del lado izquierdo de su tablero de WordPress y seleccione Divi. A continuación, seleccione "Actualizaciones" en las Opciones del tema Divi.

• Introduzca su nombre de usuario y la clave API. Para encontrar la clave API, vaya a "Mi cuenta" y busque la sección denominada "Claves API". Copie la clave API y proceda a pasarla en el cuadro de clave API y luego haga clic en "Guardar cambios". Esto activará el tema Divi en su sitio de WordPress.

Crea tu sitio con el tema Divi

Con el tema Divi, puede explorar diferentes funciones para crear su sitio web perfecto. Siga los sencillos pasos a continuación para crear su sitio web con Divi Theme:

Paso 1: Cree la página de inicio con los diseños existentes. Su página de inicio es el primer lugar al que llegarán sus visitantes cuando accedan a su sitio web. Por lo tanto, tiene que ser lo más atractivo posible. Siga los pasos a continuación para crear una página de inicio atractiva:

• Haga clic en el menú "+Nuevo" en la parte superior del sitio y elija "Página"

• Agregue el título de la página (Inicio) y haga clic en "Usar Diva Builder".

• Tiene tres opciones para elegir en la página siguiente. Son "Crear una página desde cero", "Elegir un diseño prefabricado" y "Clonar otra página existente". En esta guía, veremos cómo crear una página desde cero y cómo usar un diseño prefabricado.

Cómo usar un diseño prefabricado para crear una página de inicio

• Vaya a la sección "Elegir un diseño prefabricado" y haga clic en "Examinar diseños"

• Seleccione su diseño preferido y haga clic en "Usar este diseño". Puede hacer clic en diferentes diseños y obtener una vista previa para ver cómo se verán en su sitio.

• Para cambiar y personalizar el texto en el diseño, seleccione el texto haciendo doble clic en él e ingrese el texto que desea usar. Puede cambiar todos los textos en la página seleccionándolos y reemplazándolos con su texto.

• Para cambiar imágenes en el sitio, haga doble clic en la imagen que desea reemplazar y haga clic en la imagen. Luego, arrastre y suelte su imagen preferida desde su sistema para reemplazar la imagen.

• Cuando haya terminado con los cambios, haga clic en el botón "Publicar" y luego en "Salir de Visual Builder" en la parte superior del sitio.

• Puede crear otras páginas en el sitio siguiendo este proceso

Cómo construir una página de inicio desde cero

• Haga clic en “+Nuevo” y luego en “Página”.

• Ingrese el título de la página y haga clic en "Usar Divi Builder".

• Seleccione "Construir desde cero" y luego "Comenzar a construir".

• Para comenzar, haga clic en el ícono "+" en el medio de la página y esto mostrará tres opciones: Especial, Ancho completo y Regular.

• Su elección determinará la estructura de cada sección que construya. Para una sección de ancho completo, haga clic en "Ancho completo". Aparecerá una lista de elementos que puede agregar a la página desde Fullwidth.

Para crear el encabezado, haga clic en "Encabezado de ancho completo". Esto insertará el encabezado de ancho completo en el sitio. Puede personalizar el texto seleccionándolo y reemplazándolo con texto nuevo. Puede hacer esto para cada sección de la página.

También puede mezclar "Regular" y "Especial" en el diseño para crear un diseño único. Cuando esté satisfecho con el resultado, haga clic en el botón "Publicar" y luego en "Salir de Visual Builder". Puede seguir estos pasos para completar y diseñar otras páginas de su sitio web.

Paso 2: crea el menú principal

• Haga clic en el nombre del sitio y luego elija "Personalizador de tema"

• Haga clic en “Menús del área abierta y luego haga clic en “Crear nuevo menú”.

• Ingrese el nombre del menú que se creará y elija la ubicación donde desea que se muestre el menú. Puede ser el menú "Principal", "Secundario" o "Pie de página".

• Cuando haya elegido la ubicación preferida, haga clic en “Siguiente”.

• Haga clic en “+Agregar elementos” y aparecerá una lista de páginas que puede agregar a los elementos del menú.

• Haga clic en el icono “+” para agregar cualquier página como elemento de menú. Puede agregar tantos elementos como desee utilizando los mismos botones.

• Cuando haya terminado, haga clic en la página "Publicar" para guardar todos los cambios que haya realizado.

Paso 3: cambie el logotipo en el sitio. Para eliminar el logotipo de Divi predeterminado y cambiarlo por el logotipo de su empresa, siga los pasos a continuación:

• Navegue al tablero de WordPress y haga clic en "Divi" en el menú lateral

• Vaya a la opción Logotipo en la pestaña "General" en el tema Divi.

• Haga clic en "Cargar" y luego arrastre y suelte el logotipo de su empresa en el espacio donde estaba el logotipo predeterminado.

• Haga clic en "Guardar cambios" y luego actualice su sitio web para ver los cambios que ha realizado.

Conclusión

¡Eso es! Ha creado con éxito un sitio web utilizando Divi. No necesita ninguna codificación o códigos cortos para crear su sitio web cuando usa Divi. Es un mecanismo simple de arrastrar y soltar que hace que el proceso sea fácil y sin problemas.