WPBakery (anteriormente Visual Composer): Creación de sitios web de arrastrar y soltar

WordPress es genial, y poder personalizar su sitio web ejecutado con WordPress es solo la guinda del pastel. Sin embargo, no todos somos gurús de la codificación. Diablos, algunos amantes de WordPress no saben nada sobre HTML o CSS. Pero esto no debería impedirle poder personalizar su tema de WordPress. Aquí es donde entran los creadores de páginas.

Los creadores de páginas de arrastrar y soltar están ampliamente disponibles como complementos y están integrados en muchos temas populares. Hacen posible que los usuarios de todos los niveles realicen cambios en el diseño general de un tema, y ​​pueden hacer que agregar adornos adicionales (iconos, barras de habilidades, tablas de precios, etc.) sea muy fácil. Específicamente, queremos presentarle nuestro nuevo complemento favorito de WordPress para la creación de páginas: WPBakery Visual Builder.

¡Obtenga WPBakery (anteriormente Visual Composer) gratis! El complemento WPBakery se incluye de forma gratuita con la compra de nuestro tema Total WordPress e incluye algunas extensiones excelentes para el complemento para usar con el tema.

¿Querer aprender más? ¡Lea y siga nuestra guía WPBakery actualizada sobre cómo guiar! Este recorrido más detallado muestra los entresijos de este popular creador de páginas junto con un ejemplo de uso.

¿Qué es WPBakery? (Anteriormente llamado Visual Composer)

WPBakery Visual Builder es un complemento fantástico desarrollado por WP Bakery que agrega un generador de páginas de arrastrar y soltar a su tema de WordPress. Lo incluimos en nuestro tema de WordPress Total Multipurpose, pero también puede verlo en casi todos los nuevos productos más vendidos en Themeforest. Le brinda las herramientas que necesita para poder crear diseños de página complejos sin necesidad de tocar una sola línea de código.

Cómo funciona el Visual Builder de WPBakery y qué puede hacer

Es un complemento, así que solo instálalo y actívalo para aprovechar todas sus maravillosas funciones. Una vez activado, WPBakery Visual Builder le da control sobre el diseño de sus páginas. Simplemente agregue una nueva página y verá nuevos botones para que pueda alternar entre el modo clásico y el modo constructor, así como un botón que lo llevará al editor de front-end en vivo.

botón-compositor-visual

A partir de aquí, las posibilidades solo están limitadas por su imaginación (o la de sus clientes). Puede agregar filas, columnas, botones, texto, imágenes y mucho más usando todas las opciones de WPBakery Visual Builder. Además, hay una opción para guardar sus diseños como plantillas para reutilizarlas una y otra vez.

Filas

En el constructor se incluyen elementos de creación de páginas. Puede utilizar estos elementos como bloques de construcción literales para su página. Primero Agregar una fila. Las filas permiten agregar columnas con un solo clic. Simplemente coloque el cursor sobre la pestaña de párrafo amarilla en la esquina superior izquierda de su fila y seleccione un diseño. La fila se divide automáticamente en columnas según el diseño que elija.

total-suma-fila

Elementos de la página

total-agregar-elementos

El siguiente paso es comenzar a agregar las características de su página. Simplemente haga clic en el Agregar elemento para abrir un menú emergente. Hay muchas opciones para agregar cuadros de texto, títulos, compartir en redes sociales, imágenes y galerías, conmutadores o pestañas, acordeones, publicaciones recientes (que también funcionan con los tipos de publicaciones personalizadas de su tema además de las publicaciones del blog), botones e incluso widgets de la barra lateral.

Además, según el tema de WordPress y los complementos compatibles que esté utilizando con WPBakery Visual Builder, verá más o menos elementos de página. El ejemplo anterior es de nuestro tema de WordPress Total Drag & Drop, por lo que hay 30 elementos adicionales de creación de páginas que creamos y diseñamos exclusivamente para Total. Esto incluye divisores personalizados, cuadros de iconos, hitos, carruseles y más.

Haga clic en cualquier elemento para abrir las opciones de ese elemento. A continuación se muestra un ejemplo de las “opciones” para nuestro módulo Icon Box en el tema Total. Como puede ver, cada módulo puede tener muchas configuraciones e incluso múltiples pestañas de configuraciones.

configuración de caja de icono

El constructor también es compatible con cuatro increíbles complementos de terceros: Layer Slider, Revolution Slider, Gravity Forms y Contact Form 7. Si tiene alguno de estos complementos instalado, aparecerá automáticamente un elemento de página para el tema. Cuando elige insertar un elemento de página para uno de estos complementos, WPBakery Visual Builder muestra un menú desplegable de los controles deslizantes / formularios respectivos que ha creado, o muestra un cuadro de entrada para que agregue su ID de control deslizante. ¡No más copiar y pegar códigos cortos!

Arrastrar y soltar

editor-compositor-visual

En cualquier punto del proceso de diseño, puede arrastrar y soltar cualquier fila o elemento de página para reorganizarlos. También puede duplicar cualquier fila o elemento, lo que hace que agregar contenido repetitivo sea rápido y fácil (ideal para columnas similares, preguntas frecuentes, conmutadores, etc.).

Una vez que haya creado un diseño que le guste, puede guardarlo como plantilla. Esto resulta útil al crear un diseño de página personalizado o una barra lateral que le gustaría reutilizar. Simplemente haga clic en el Plantillas , asigne un nombre a su diseño y presione guardar. Cuando use su plantilla, automáticamente completará su página con el diseño y los elementos que guardó.

Opciones de fila: formatear, clonar y eliminar filas

Hay tres características adicionales agregadas en la esquina izquierda de cada fila que se pueden usar para clonar o duplicar una fila completa y todo su contenido, agregar nuevos módulos, editar las columnas, etc. Simplemente coloque el cursor sobre cualquier fila que necesite editar para acceder a estas configuraciones:

total-visual-composer-row-settings

Nuevamente, dependiendo del tema que esté utilizando, las opciones de formato disponibles pueden ser diferentes. Si bien algunos desarrolladores de temas eligen dejar WPBakery Visual Builder como está, muchos personalizan el complemento para que se ajuste a las necesidades o al estilo de su tema.

Editor de frontend

El poderoso WPBakery Visual Builder ahora incluye un editor de interfaz, lo que hace que sea más fácil que nunca comenzar a crear sus propias páginas y diseños. La única advertencia es que no todos los temas son compatibles con el editor de front-end por el momento. Asegúrese de verificar la lista de características de un tema, o de comunicarse directamente con el desarrollador del tema, para ver si el editor de frontend de Visual Composer es compatible con su tema de WordPress. Nuestro El tema Total de WordPress es 100% compatible con el editor front-end por lo tanto, si su tema actual no lo es, puede considerar “actualizar” a nuestro tema.

Extensiones

La última característica que me gustaría mencionar es la capacidad de ampliación de WPBakery Visual Builder. Si eres un codificador avanzado o un desarrollador de temas, puedes integrar tus propios códigos cortos en el complemento. De hecho, agregamos en nuestro propio Symple Shortcodes Premium para brindar a los usuarios de Total elementos adicionales de creación de páginas. ¡Esto brinda a los usuarios aún más opciones al crear páginas!

Si no es un programador, consulte CodeCanyon y haga una búsqueda rápida de WPBakery o Visual Composer Add-on. Hay muchos complementos premium excelentes que agregan características adicionales al WPBakery Visual Builder e incluso algunos buenos gratuitos, como nuestro complemento Symple Shortcodes.

Opciones de configuración de Visual Composer

Sigo refiriéndome a WPBakery como un creador de páginas, pero también funciona muy bien con publicaciones y tipos de publicaciones personalizadas. Todo lo que tienes que hacer es habilitar la opción. Navegar a Configuración> WPBakery. Debería ver una pantalla similar a esta (nota: el complemento solía llamarse Visual Composer, por lo que, según la versión que esté usando, su barra lateral puede decir Visual Composer o WPBakery):

Configuración de Visual Composer

El complemento mostrará automáticamente los distintos tipos de contenido incluidos en su tema de WordPress. Simplemente seleccione cuál le gustaría usar con el creador de páginas de WPBakery. El ejemplo anterior es de nuestro tema Total, por lo que hay opciones adicionales para la cartera, el personal y los testimonios (todos los tipos de publicaciones personalizadas), así como foros, temas, respuestas y productos (relacionados con los complementos bbPress y WooCommerce compatibles con Total) .

También puede asignar cualquier complemento de código corto al WPBakery Visual Builder que ya haya instalado en su sitio de WordPress. Debajo de la página de configuración, haga clic en la pestaña My Shortcodes en la parte superior y haga clic en el botón Map Shortcode. Esto debería agregar sus códigos cortos de terceros a los elementos de su compositor. ¡Fácil!

Véalo en acción

Como dije, amamos tanto el WPBakery Visual Builder que lo incorporamos a nuestro tema de WordPress Total más vendido (incluido gratis con su compra). Eche un vistazo a las distintas páginas de cualquiera de nuestras demostraciones en vivo del tema total. ¡La mayoría de las páginas que verá en nuestras demostraciones en vivo fueron creadas con WPBakery Visual Builder! Añadiendo fondos, encabezados, texto, imágenes, iconos… etc. Todo es “pan comido”.

Total de demostraciones de temas

Guía de uso completa de WPBakery Visual Builder

Si ya posee el complemento y está buscando una guía sobre cómo usarlo, eche un vistazo a nuestra guía de uso completa de WPBakery (anteriormente Visual Composer) que lo guiará paso a paso y le mostrará cómo usar el complemento.

Dónde puedes conseguirlo

WPBakery Visual Builder (anteriormente Visual Composer) está disponible en CodeCanyon si desea obtenerlo usted mismo. También se ha integrado completamente con nuestro WordPress Theme Total premium (junto con otros dos complementos premium por un valor total de $ 67, ¡que es más de lo que paga por el tema!).

Obtenga Total OBTENGA WPBAKERY VISUAL BUILDER

Háganos saber lo que piensa del complemento a continuación. Estamos realmente impresionados con WPBakery Visual Composer, ¡y nos encantaría escuchar tu opinión al respecto!

Botón volver arriba