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.
¿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 multipropósito, 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.
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.
Elementos de la página
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, dependiendo del 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.
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 respectivos controles deslizantes / formularios 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
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 agregadas 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:
Nuevamente, dependiendo del tema que esté utilizando, las opciones de formato disponibles para usted 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 de 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 extensión de WPBakery Visual Builder. Si eres un programador 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 realice una búsqueda rápida de WPBakery o Visual Composer Add-on. Hay muchos complementos premium excelentes que agregan funciones 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):
El complemento mostrará automáticamente los diversos 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 a WPBakery Visual Builder que lo incorporamos a nuestro producto más vendido Tema total de WordPress (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”.
Guía de uso completa de WPBakery Visual Builder
Si ya posee el complemento y está buscando una guía sobre cómo usarlo, consulte 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!).
Obtener 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!
