Revisión de Divic Builder: un generador moderno de páginas de WordPress

Evaluación del editor
4.5/5
Prueba Divi Builder
Revisión de Divic Builder: un generador moderno de páginas de WordPress
Kevin Muldoon
Resumen Divi Builder es una solución avanzada de WordPress que crea una solución que continúa mejorando y refinada. Su sistema de plantilla es fantástico, y las formas de editar el generador visual y el generador heredado simplifican la tarea de crear modelos profesionales. Recomendado.
Divi Builder es una avanzada páginas de WordPress que continúan mejorando y refinadas. Su sistema de plantilla es fantástico, y las formas de editar el generador visual y el generador heredado simplifican la tarea de crear modelos profesionales. Recomendado.
Pro Creator of Theme y la Biblioteca de Divic lo ayuda a crear diseños completos para sitios web que los módulos de contenido de colección de belleza prefabricados masivos, columnas, líneas y secciones se pueden personalizar fácilmente, la suscripción elegante de temas ofrece una solución extraordinaria de valor por dinero. Fantástica para principiantes, intermedios y avanzados usuarios
Contra Divi Builder no se puede comprar por separado en lugar de Beaver Builder y Elementor, a ninguna versión gratuita de Divi Builder le falta algunos módulos de contenido que están en soluciones alternativas
Div Div Builder es considerado uno de los mejores creadores de páginas de arrastre por arrastre en el mercado. Este popular complemento de WordPress le permite crear diseños complejos del sitio web en unos minutos sin usar ningún código. Por lo tanto, incluso si no tiene experiencia en el diseño de sitios web, puede crear hermosos sitios web con Divi Builder y puede introducir medios enriquecidos, como imágenes, texto elegante, videos, formularios y más. Este artículo, me gustaría mostrarle cómo Puede usar Divi Builder para crear modelos profesionales para sitios web.

Esto le dará una mejor comprensión de por qué tantos propietarios de sitios web usan este complemento de WordPress. ¿Qué ofrece el Builder Divide? A finales de 2018, WordPress lanzó la versión 5.0 de su software. Esta fue una versión significativa, porque reemplazó al viejo editor Wysiwyg (lo que ves es lo que obtienes) con un nuevo bloque de arrastre y caída llamado Gutenberg. Ahora que WordPress viene con un generador de página de arrastrar y soltar, es posible que se pregunte por qué alguien quiere comprar una solución de creación de páginas alternativa, como Divi Builder.
Me gusta la simplicidad del nuevo editor de bloques de WordPress, pero si lo usó, sabrá que es una solución básica que tiene muchas restricciones y pocas opciones de personalización. En cambio, las posibilidades con Div son ilimitadas. Se puede usar para crear cualquier cosa, desde diseño simple de blog hasta tiendas en línea y sitios web de empresas. De hecho, construir la página conduce a un nivel completamente nuevo.
Divi Builder se lanzó en 2015 como una solución de creación de páginas autónoma que funciona con cualquier tema de WordPress. Anteriormente, esta funcionalidad solo podía usarse dentro del tema de WordPress Divin, que fue lanzado por los temas elegantes dos años antes. La placa se ha extendido y se ha refinado continuamente a lo largo de los años. Los temas elegantes publican constantemente actualizaciones en su blog que detallan los remedios para errores, ajustes y nuevas características importantes. Un buen ejemplo de evolución de Divi Builder es el Visual Builder. En las versiones anteriores de Divi Builder, los modelos personalizados se crearon en el editor de WordPress. Se agregó un “Visual Builder” fácil de usar para ayudar a crear modelos en el front-end de su sitio web. El generador visual ha ocupado el centro de atención como la principal interfaz de usuario de Divi Builder, sin embargo, puede continuar creando modelos en el trasero heredado si lo desea (más sobre esto más adelante).

Divi Builder tiene un sistema de biblioteca que le permite guardar cualquier aspecto que cree. Luego puede cargar modelos desde la biblioteca cuando los necesite y puede ajustarlos para que coincida con la página que usa. El complemento viene con más de 1,000 diseños prefabricados increíbles y se lanzan más a través de la división oficial y los terceros mercados. Estos modelos representan puntos de partida fantásticos para sus propios modelos personalizados y diseños de sitios web. Soy un gran admirador de ellos, porque reducen drásticamente el tiempo que tienes que pasar creando un aspecto único.
El verdadero punto de venta de Divi Builder es la personalización. Después de pasar un tiempo aprendiendo a trabajar, comienza a apreciar cuán versátil es el complemento. Cada elemento en su página se puede ajustar, ya sea estilo, módulos, líneas, columnas o cualquier otra cosa. Más fácil, si está en la página, puede cambiarlo. Dive Builder tiene un excelente apoyo para WoCommerce; Los temas elegantes llaman a esta integración “woobuilder”. Usando Divi Builder, puede crear diseños personalizados para páginas de productos y agregar módulos de contenido de WooCommerce específicos. Los modelos prefabricados también están disponibles para tiendas en línea.
Echemos un vistazo más de cerca a cómo funciona Divi Builder … Inicie Visual Builder Una vez que el Builder Divi de WordPress haya sido activado en su sitio, verá un botón “Usar Divi Builder” en la parte superior de las publicaciones, páginas y tipos de personalizados publicaciones. También se puede acceder a un pequeño conjunto de configuraciones desde el editor de WordPress, que le permite cambiar el ancho de contenido.

Si ingresa una publicación o página de blog y hace clic en el botón Divi Builder, verá un mensaje que dice “Esto está construido con DIV”. Debe hacer clic en este botón para iniciar el Builder de Divin en el front-end de su sitio web.

Tenga en cuenta, sin embargo, que si deshabilita la configuración del editor visual en la pantalla de perfil de WordPress, Div Builder no funcionará.

Si crea una nueva publicación o página de blog, se le ofrece la opción de usar Divi Builder o el editor predeterminado de WordPress.

Alternativamente, puede iniciar Divi Builder directamente desde el front-end de su sitio, desde la barra de administración de WordPress. El enlace “Activar Visual Builder” se mostrará en su sitio. Si está autenticado. Aunque los usuarios de WordPress generalmente utilizaron Divi Builder como un sustituto del editor predeterminado de WordPress, puede funcionar en armonía con el editor de Gutenberg utilizando el diseño Div. bloquear.
El bloque de diseño DIV se puede insertar en cualquier área de su página y se puede colocar junto con los bloques ordinarios del editor de WordPress.

Se pueden insertar varios bloques de división en su contenido. Puede crear bloques completamente nuevos o cargar modelos previamente guardados desde la biblioteca de la Divic. Como puede ver, Divi Builder se completa increíblemente bien, sin pagar todo el sitio web. Tienes que usar Divi Builder solo cuando lo necesite. Los hermosos aspectos de Divi cuando se lanza Div Builder, se le presentan tres opciones. Puede elegir crear un nuevo aspecto desde cero, elegir un aspecto prefabricado o clonar una página existente.

Si elige un aspecto prefabricado, la biblioteca de la Divic se cargará y mostrará todos los modelos prefabricados. No se preocupe si lo cierre accidentalmente, porque se puede cargar desde el menú principal Div Builder en cualquier momento. Al momento de escribir, hay más de 1.100 modelos disponibles y 149 paquetes de modelos. Los modelos se dividen en 13 categorías: arte y diseño, negocios, comunidad y sin fines de lucro, educación, eventos, moda y belleza, comida y bebida, salud y estado físico, estilo de vida, tienda en línea, servicios, simples y tecnológicos. Si lo prefiere, simplemente puede buscar a través de la biblioteca de diseño prefabricada. También puede ver los aspectos guardados y las páginas existentes en esta área. Un paquete es una colección de diseños que tiene diseño para varias áreas de su sitio web. Por ejemplo, puede incluir un aspecto para su página de inicio, uno para su blog, uno para la página sobre usted y el otro para su tienda haciendo clic en el botón Demo, se cargará una vista previa de diseño en vivo. Puede ver demostraciones de todos los diseños en los paquetes de diseño DIV. Si hace clic en “Usar este aspecto”, Divi Builder comenzará a importar la apariencia o el paquete en cuestión.

Al igual que todas las páginas de WordPress que crean soluciones, Divi Builder inserta modelos directamente en la zona de contenido principal de publicaciones, páginas y tipos personalizados. Por lo tanto, si importa una aparición en una publicación de blog, se mostrará una barra lateral, a menos que la elimine manualmente. En las páginas, este proceso es más simple, porque la mayoría de los temas de WordPress tienen una página de ancho completo o una plantilla de página de destino que elimina la barra lateral. Cualquier cambio que realice se puede guardar y reutilizar en cualquier momento que desee. Los aspectos también se pueden clasificar, que es algo que encontrará útil a medida que aumente su biblioteca de diseño.
El principal menú de administración de la administración tiene enlaces a temas constructor y div biblioteca div.

Div Div Temo Builder le permite crear plantillas de página únicas que tienen un encabezado, cuerpo y sótano definidos. Puede asignar cualquier aspecto a sus plantillas y definir exactamente qué áreas de su sitio se deben mostrar. Por ejemplo, puede crear una plantilla para su página de inicio y blog, una para su tienda en línea, una para las páginas de error 404 y otra para una serie de publicaciones de blog que ha publicado.

Cada aspecto que guarde se mostrará en la página principal de la biblioteca de Divic. Desde esta área, puede acceder a todos los aspectos, puede cambiar las categorías de apariencia y puede importar y exportar modelos.

Cuando elija editar una apariencia en la página de apariencia principal, su apariencia se mostrará en “Vista de cable”. Este modo se asemeja a la apariencia y la sensación del generador de herencia. Si lo desea, puede volver al generador visual frontal, pero debe descubrir que esta es una excelente manera de ver la estructura de apariencia y hacer algunos cambios rápidos. La gran colección de prefacios de Divi Builder lo ayudará a crear modelos fantásticos en pocos minutos. . Estos son un excelente punto de partida para sus propios modelos personalizados y, navegando a través de los modelos disponibles, puede obtener más información sobre cómo funciona Divi Builder. Sin lugar a dudas, la Biblioteca Divi y el Sistema de Equipo Divic Divic Builder son la columna vertebral de Divi Builder y una de las razones por las cuales Div es tan versátil y para los cuales los modelos profesionales se pueden crear tan rápido. Es una característica que todavía falta en soluciones alternativas, como el editor de bloques de WordPress predeterminado. La interfaz de Visual Builder cada generador de página de WordPress funciona de manera diferente, por lo que debe familiarizarse con cómo funciona el generador visual de Divi Builder. La interfaz principal para Divi Builder se muestra en la parte inferior de cada página. Cuando el menú se ha minimizado, solo se muestra un botón de tres puntos.

Al hacer clic en el botón de tres puntos, se carga la interfaz principal. Verá muchas opciones que se muestran en el lado izquierdo, en el lado medio y derecho de la página.

En el lado izquierdo, hay seis botones. El botón con los tres puntos verticales carga el menú de configuración del constructor visual. Este menú le permite agregar tres botones adicionales al menú para el modo Rover, haga clic en el modo y al modo de cuadrícula. El modo de desplazamiento mostrará opciones para diferentes partes de su página cuando pase con el mouse sobre ellos, mientras hace clic en Solía ​​hacer clic en esa parte de la página. El menú de la cuadrícula muestra todo a la vez. Aquí hay varias otras opciones para cambiar las vistas predeterminadas y activar/desactivar funciones clave. Los otros botones en el fabricante de la izquierda son para visualización de estructura alambre, amplíe y reduzca su diseño y vea su página en escritorio, tabletas y dispositivos móviles. Todas estas funciones pueden ayudarlo a ver cómo se construye su página y cómo se ve en muchas situaciones diferentes. Soy un gran ventilador del modo de vista de estructura alámbrica porque eliminan todos los elementos de diseño y miran cómo está estructurada la página. Esto es particularmente útil cuando se mueve las cosas y cambia la forma en que se colocan.

Hay siete botones en el medio de la interfaz del generador visual: tres a la izquierda, tres a la derecha y una gran X en el medio que cierra el menú. El primer botón a la izquierda carga la biblioteca de la Divicidad, el segundo guarda los modelos en su biblioteca y el tercero limpia la apariencia de la página. Por otro lado, verá botones para la configuración de la página, el historial de edición y la portabilidad. El cuadro de configuración de la página le permite cambiar el título de la página, el fragmento, la imagen presentada, los colores de fondo, el estilo, la prueba dividida, la visibilidad y muchos más.

Poder cancelar y restaurar cambios significa que nunca debe preocuparse por cometer errores. Puede cancelar los cambios en cualquier momento y puede volver a los estados anteriores de la apariencia actual y para los aspectos globales. El botón de portabilidad también es útil porque le permite exportar e importar la apariencia de la página. En el lado derecho de la interfaz Divi Builder, verá un botón de búsqueda, un botón de ayuda y un botón para guardar su aspecto. Div le permite buscar a través de vistas, configuraciones, documentación y más. Al hacer clic en un resultado de búsqueda, la función se cargará de inmediato.

El Divic Builder Helper Box también es increíblemente útil. Muestra varios tutoriales de video y muestra una referencia a los atajos de teclado. Estos atajos se pueden usar para acelerar el proceso de creación de modelos. Hay atajos para cancelar y restaurar cambios, guardar la apariencia, cambiar los modos de visualización, copiar módulos y más.

Los temas elegantes tienen una guía detallada sobre Visual Builder que explica cómo funciona todo. Es una referencia fantástica, pero cuando usa Divin por primera vez, le recomiendo que cargue un aspecto prefabricado para que pueda confundirse por completo. Te ayudará a ver cómo todo es vinculante. RANS, columnas, módulos y otros La belleza de los creadores de páginas es que puede poblar cada parte de su página con muchos tipos diferentes de contenido. Estos incluyen mapas, tablas, imágenes, videos, widgets y más. En algunos creadores de páginas de WordPress, estos diferentes tipos de contenido se llaman bloques. En otros, se llaman elementos. Div se llama módulos. Desafortunadamente, los temas elegantes son un poco inconsistentes en su nombre. En Divi Builder, se llaman módulos, pero en su material de marketing y documentación, verá muchos bloques en lugar de módulos. Hay más de 40 módulos de contenido en Divi Builder y cada uno contiene docenas de opciones de personalización para ayudar a modelar lo que el módulo pantallas. Los módulos deben colocarse dentro de las columnas y filas. Si comienza una apariencia de página con un lienzo vacío, verá un botón verde con un símbolo más que se muestra en la página. Cuando vaya con el mouse sobre él, verá una opción para agregar una nueva fila. El contorno azul que se muestra alrededor de la fila se llama sección. Puede agregar cuántas líneas y columnas desea secciones. En otras palabras, los módulos se colocan en columnas, las columnas se incluyen en las filas y las filas se colocan en secciones.

Cuando pasa el mouse sobre la sección, verá botones para mover la sección, acceder a la configuración de la sección, duplicar la sección, guardar la sección en la biblioteca y eliminar la sección. Verá los mismos botones en la parte superior izquierda de las filas y columnas. Asegúrese de explorar todas las opciones aquí, porque le dará una mejor comprensión de cómo controlar dónde se coloca el contenido y cómo se diseña el contenido. Si hace clic en los tres puntos al final del menú, se encuentran aproximadamente una docena. revelado de configuraciones adicionales.

Cuando agrega una nueva fila a la división del constructor, también debe seleccionar qué columnas desea para una fila. Puede cambiar fácilmente cuántas columnas se muestran más adelante si decide estructurar las cosas de manera diferente. También puede extraer las columnas en el área principal del lienzo hasta que encuentre la estructura deseada.

Después de haber seleccionado una estructura de fila y columnas, aparecerá el cuadro “Insertar módulo” y puede seleccionar un módulo de contenido para su apariencia.

Cuando se ha seleccionado un módulo, aparecerá su cuadro de configuración. El nivel de personalización disponible para cada módulo de contenido es sorprendente. Puede definir cada aspecto de su diseño, incluidos colores, espaciado, transiciones, CSS personalizado, posición, efectos y más. Las opciones que se muestran en el cuadro de configuración cambiarán de acuerdo con el módulo seleccionado.


Los aspectos prefabricados pueden ahorrarle tiempo, pero si desea aprovechar al máximo el constructor y hacer que sus modelos únicos, deberá explorar el cuadro de configuración del módulo, columnas, filas y secciones. Esto le brinda el control total sobre el estilo y la posición de todas las cosas en su página. Si agrega muchos módulos, columnas, filas y secciones a una página, puede haber ciertas áreas de la página que se sienten ligeramente llenas. Por ejemplo, hay momentos en que pasa por un módulo a través de un módulo para cargar su configuración y se muestran la configuración de fila y sección. Cuando esto sucede, le recomiendo que pase a Wireframe, porque todo se muestra en un formato más limpio. Es difícil mostrar exactamente cuán flexible está Div Builder usando texto e imágenes. Por lo tanto, le animo a que pase algún tiempo en la página de demostración oficial de Divi para ver qué puede hacer este complemento de WordPress. Utilizando Legacy Builder, los temas elegantes han convertido al generador visual en el método predeterminado de usar Divi Builder, sin embargo, si lo desea, puede crear modelos directamente en el editor de WordPress. Divic ahora está llamando al editor de backend “Legacy Builder”. Para usarlo, debe acceder a la sección avanzada de la opción de opciones para el complemento Divi Builder, desactivar la última experiencia de Div Builder y activar el editor clásico.

Por encima del generador heredado hay botones para volver al editor estándar de WordPress y construir en el frente. Aquellos de ustedes que hayan usado Divi durante años estarán familiarizados con el generador de herencia que se muestra a continuación. Los nuevos usuarios notarán que se ven similar al modo de visualización de la estructura del alambre del Visual Builder. En la parte superior de la interfaz hay una opción de importación y exportación que le permite hacer una copia de seguridad y restaurar los modelos Divi Builder. Junto con este hay un menú de configuración que ofrece una prueba dividida y una serie de opciones y configuraciones de estilo CSS. A continuación se presentan enlaces para guardar en la biblioteca, cargar desde la biblioteca y eliminar el aspecto. Por otro lado, encontrará botones para cancelar los cambios, restaurar los cambios y ver un historiador de los cambios. Se pueden ingresar fácilmente nuevas columnas y columnas en su página, también puede agregar secciones de ancho completas y secciones especiales que columnas estirarse en varias ocasiones.

Debido a que el generador heredado se muestra directamente en el editor de WordPress, no puede obtener una vista previa de los cambios realizados en tiempo real, pero esto significa que hay más espacio para crear modelos y agregar módulos. Prefiero esta configuración al estructurar la página, porque se siente menos concurrido que el generador visual.

El generador heredado sigue siendo una forma efectiva de crear modelos personalizados, ya que puede mover cualquier parte de la página utilizando la funcionalidad del deslizamiento y la ubicación. Para algunos usuarios de la Divicidad, esta sigue siendo su forma favorita de crear páginas de contenido y estilo. Me doy cuenta de por qué muchos todavía usan de esta manera, porque una vez que entiendes cómo funciona, crear nuevos modelos es rápida y tiene pocas distracciones. Configuración para el creador de divi del complemento La gran mayoría de la configuración de personalización se puede encontrar en el principal constructor de divi de la interfaz, sin embargo, algunas configuraciones adicionales se pueden encontrar en el DIV principal. Además del temas Builder y Divin Library Divic, verá la página de opciones principales para el complemento Divi Builder, un editor de roles y el Centro de Asistencia. La página de opciones de arado se divide en cuatro secciones: actualizaciones, configuración de API, publicación e integración avanzada. Deberá ingresar el nombre de usuario elegante de temas y la clave API para recibir actualizaciones automáticas para Divi Builder. Para usar el bloque de contenido de Google Maps, deberá ingresar la clave API de Google en la sección Configuración de API. Google Fonts también se puede deshabilitar de esta sección.

Divi Builder le permite seleccionar exactamente qué tipos de publicaciones usa el generador de página. Por ejemplo, puede desactivar Divi Builder en el tipo de publicación en la galería.

Se pueden encontrar una serie de otras configuraciones en la sección avanzada, como minimizar JavaScript y CSS y desactivar el recorrido por el producto Div Builder. Como se mencionó anteriormente, aquí activa la interfaz del generador heredado y reemplaza el editor de bloques de WordPress (Gutenberg) con el editor clásico. Puede definir si los usuarios pueden acceder a la página de opciones, al generador de temas, la interfaz principal de Div Builder, la biblioteca de apariencia y muchos más. Por ejemplo, puede permitirle a los colaboradores acceder a Divi Builder y modelos al escribir publicaciones de blog, pero restringirlos para acceder a la página de opciones de complementos.

La última página del menú Administración de la Divicidad es el “Centro de Asistencia y Asistencia Div Builder”. En la parte superior de la página se muestra una relación del sistema que resalta si tiene la configuración de alojamiento adecuada para Divi Builder. Le recomiendo que consulte esta página si tiene problemas con Div. Por ejemplo, las importaciones de apariencia podrían bloquearse porque los recursos son limitados. Debido a que había estado activo Div Builder en mi sitio de prueba de WordPress, recibí algunas advertencias sobre mi configuración de alojamiento que no es óptima. También hay opciones aquí para proporcionar acceso remoto a temas elegantes y discutir directamente con la asistencia.

Una variedad de tutoriales Divi Builder también están relacionados con esta página. Además de los tutoriales escritos, hay tutoriales en video que lo ayudarán a comenzar, utilizando modelos prefabricados y utilizando la biblioteca de Divic. La página de asistencia también tiene una forma segura y una lista de errores generados por wp_debug_log .divi builder es una solución fácil de usar, pero si es nuevo en el complemento, le recomiendo que revise algunos de los tutoriales proporcionados después de meterse con La interfaz Divi Builder. Le dará una buena comprensión de lo que el constructor Divide puede hacer y le mostrará algunas características y trucos interesantes que puede haber perdido. ¿Cuánto cuesta Divi Builder? Los temas elegantes tienen una de las políticas de precios más simples y precisas en el mundo de WordPress. Puede comprar una suscripción anual elegante o como una tarifa única. Ambos planes le brindan acceso a todos los productos de temas elegantes y le permiten usarlos en cuántos sitios desea. Cuesta $ 89 por año para la compra de una licencia anual y $ 249 por la licencia de acceso de vida de compra. Si elige la licencia anual, puede continuar utilizando los productos de temas elegantes después de que su licencia haya expirado. Sin embargo, no recibirá asistencia o actualizaciones después de que expire la membresía. La licencia de acceso de vida tiene sentido si tiene la intención de usar los temas elegantes durante más de dos años. Todas las licencias vienen con una garantía para reembolsar dinero sin preguntas de 30 días y puede cancelar su suscripción.

Divi Builder es solo una parte de los elegantes temas de Member Pack. Una suscripción también le brinda acceso al tema versátil Div. Esta es una gran WordPress para usar si eres fanático de Divi Builder, porque la funcionalidad de creación de páginas se incorpora directamente al tema. La suscripción de temas elegantes también incluye el hermoso tema de la revista WordPress Extra, un diseño que funciona con Divi Builder. También se incluye como miembro del complemento de marketing de WordPress por correo electrónico y la generación de clientes potenciales Bloom y WordPress Plugin para compartir las redes sociales monarca. Los temas elegantes tienen una de las mejores áreas de soporte en el mundo de WordPress. Su extensa área de documentación ha escrito tutoriales y tutoriales en profundidad para todos sus productos, pero si no está seguro de algo, puede abrir un boleto de ayuda. Pensamientos finales. Espero que a todos les haya gustado esta mirada detallada a Divi Builder. Este complemento de WordPress sigue siendo una de las mejores soluciones para crear páginas con arrastrar y soltar en el mercado, alcanzando un excelente equilibrio entre uso, funciones y configuraciones avanzadas. La inclusión de miles de modelos profesionales de alta calidad es la cereza en el pastel. Una suscripción de temas elegantes continúa proporcionando una relación calidad -precio fantástica también. Por lo tanto, aquellos de ustedes que quieran usar Divi Builder tendrán acceso a cuatro arados de WordPress más avanzados. Si desea ver Divi Builder en la acción, consulte el área de Pracenización del Builder Divi y la página demostrativa de temas elegantes. Gracias por leer. Kevin