Cómo agregar módulos al tema Divi de WordPress

Publicado: 2022-10-14

Agregar módulos a Divi WordPress Theme es un proceso simple que se puede realizar en unos minutos. Hay dos formas de agregar módulos a Divi WordPress Theme. La primera forma es usar el Panel de administración de WordPress y la segunda forma es usar Divi Page Builder. El panel de administración de WordPress es la forma más fácil de agregar módulos al tema de Divi WordPress. Para agregar un módulo a Divi WordPress Theme, inicie sesión en su Panel de administración de WordPress y vaya a la pestaña "Divi". En la pestaña "Divi", haga clic en el botón "Agregar módulo". Aparecerá una ventana emergente. Seleccione el módulo que desea agregar del menú desplegable y haga clic en el botón "Agregar módulo". Divi Page Builder es un poderoso generador de páginas de arrastrar y soltar que le permite agregar módulos al tema Divi WordPress en cuestión de minutos. Para usar Divi Page Builder, inicie sesión en su Panel de administración de WordPress y vaya a la pestaña "Divi". En la pestaña "Divi", haga clic en el botón "Generador de página". Se cargará una nueva página con la interfaz Divi Page Builder. Para agregar un módulo a Divi WordPress Theme, simplemente arrastre y suelte el módulo desde la barra lateral izquierda en el área de contenido. Una vez que el módulo está en el área de contenido, puede editar la configuración del módulo haciendo clic en el botón "Configuración".

Constructor de módulos Divi

Crédito: www.youtube.com

Divi Module Builder es una poderosa herramienta que le permite crear fácilmente módulos personalizados para Divi Page Builder. Con Divi Module Builder, puede crear fácilmente módulos personalizados sin tener que codificarlos o diseñarlos usted mismo. Con Divi Module Builder, puede crear rápida y fácilmente módulos personalizados que respondan, sean interactivos y se vean geniales en todos los dispositivos.

Los módulos Divi se pueden utilizar de diversas maneras en sus diseños. Los bloques se pueden usar como piezas independientes o como parte de filas y columnas para crear diseños. Los módulos se pueden guardar en su biblioteca para que pueda usarlos más tarde. Los módulos Divi son una excelente manera de agregar atractivo visual a sus diseños. Puede cambiar la configuración de color, tamaño y módulo en Visual Builder para crear un diseño que sea exactamente lo que necesita.

Módulo Divi dentro de otro módulo

Es posible insertar un módulo divi dentro de otro módulo. Esto se puede hacer seleccionando la opción "insertar módulo" en el menú del módulo. Una vez seleccionado, aparecerá una ventana que le permitirá elegir qué módulo desea insertar.

Incluye un código abreviado para cada elemento de la biblioteca DIVI que está instalado actualmente o en el futuro para una versión paga o premium de la herramienta. Para usar un elemento en particular, simplemente copie el código abreviado que se muestra y péguelo donde desee. El acordeón no funciona, es posible que los módulos globales no funcionen correctamente y el acordeón no funciona correctamente. Sin embargo, es una excelente herramienta para crear algunos diseños únicos. DIVI incluye dos módulos de mapas y un módulo de testimonios. Puede agregar un código abreviado copiando/pegando el código abreviado (aquí para el mapa):. Para comenzar, vaya a la segunda pestaña y haga clic en el código abreviado de testimonio. Una vez que se han creado nuestras dos pestañas, nuestro módulo de pestañas aparece a continuación.

Módulo de código Divi

Crédito: www.elegantthemes.com

Un módulo de código Divi le permite ingresar CSS, HTML y JavaScript personalizados directamente en Divi Builder . Esto es útil para personalizar la apariencia de su sitio web o para agregar funciones que no están disponibles en Divi Builder.

Los módulos en Divi se pueden usar para construir páginas. Cada módulo se compone de un conjunto único de características, elementos y configuraciones de diseño que lo ayudan a crear algo único. El enorme conjunto de módulos de Divi facilita la creación de casi cualquier tipo de sitio web. Su página se puede construir con código del módulo de código, que incluye HTML, JavaScript y CSS. Puede usar cada uno de los módulos gratuitos proporcionados por Elegant Themes como parte de su membresía Divi. Cuando crea un módulo Divi, puede usarlo en cualquier proyecto futuro o incluso venderlo en Divi Marketplace. Visite nuestra documentación para desarrolladores para obtener más información sobre cómo crear sus propios módulos.

Insertar módulos Divi

Los módulos Divi son módulos prefabricados que puede usar para crear sus propios diseños personalizados dentro de Divi Builder. Hay una variedad de módulos disponibles, cada uno con su propio conjunto único de opciones y configuraciones. Puede insertar módulos Divi en su diseño arrastrándolos y soltándolos en la ubicación deseada.

Divi le permite crear rápida y fácilmente un sitio web. Los módulos que de otro modo no estarían disponibles se pueden colocar aquí si es posible utilizando esta solución. Se recomienda encarecidamente que utilice nuestra guía para crear un tema secundario antes de editar cualquier archivo en su sitio web. Si no tiene un tema secundario, el tema Divi eliminará todo su código personalizado en cualquier actualización posterior. En este ejemplo, usaremos el módulo de pestañas para crear un formulario de contacto. Para que el proceso de suscripción al boletín sea más atractivo, puede incluir un módulo de publicidad o una sección especializada en el pie de página. La creación de un módulo Divi requiere la identificación relacionada con el contenido guardado. La mejor manera de hacerlo es abrir la biblioteca Divi y pasar el mouse sobre el nombre del módulo. Es un proceso simple agregar la identificación de su módulo a sus páginas después de haberlo encontrado.

Cómo instalar un complemento de diseño Divi Builder

Para instalar un complemento de diseño de Divi Builder , vaya a la pestaña Complementos y luego haga clic en Agregar nuevo complemento. Puede instalar el complemento seleccionando el botón Instalar ahora en la ventana que aparece y buscando el archivo ZIP que desea usar.

Módulos Divi Builder personalizados Módulos Divi Builder

Hay una gran cantidad de módulos divi builder personalizados disponibles para comprar en línea. Puede encontrarlos para una variedad de propósitos diferentes, como agregar íconos de redes sociales a su sitio web o crear un formulario de contacto personalizado. Los módulos de Divi Builder son una excelente manera de agregar funcionalidad adicional a su sitio web sin tener que codificarlo usted mismo.

Los módulos en Divi Page Builder se han ampliado para satisfacer mis necesidades. Cuando recibí algunas solicitudes de clientes, tuve que hacer cambios en sus módulos existentes o crear otros nuevos. No habrá detalles sobre la personalización del módulo en este artículo porque sus necesidades pueden diferir. Debido a que las clases del módulo ET Builder son tan grandes, no desea dedicarse a escribir todo el módulo por sí mismo. Puede seleccionar un módulo existente más cercano a lo que necesita yendo al archivo Divi y buscándolo. Voy a usar el módulo Imagen, que parece ser el mismo que se muestra aquí. Debe mantener un archivo et_pb_ para ese propósito. De lo contrario, Divi Builder no cargará el módulo porque tiene un prefijo para slugs. Para hacer referencia a la nueva instancia de clase, debemos cambiar su nombre y agregar el shortcode.

The Divi Builder: un generador de páginas flexible y fácil de usar para WordPress

El Divi Builder está diseñado para ser lo más simple posible de usar y lo más flexible posible. Divi Builder es una excelente opción para cualquier nivel de usuario de WordPress, ya sea que recién estén comenzando o que tengan experiencia con la plataforma. Debido a su sistema modular, Divi Builder le permite crear fácilmente módulos personalizados que se pueden usar para crear diseños únicos y personalizados. Divi Builder viene con una función de portabilidad que le permite exportar fácilmente diseños a otros sitios web.