WordPress es genial, y poder personalizar su portal web ejecutado con WordPress es solo la guinda del pastel. No obstante, no todos somos gurús de la codificación. Diablos, algunos amantes de WordPress no conocen nada sobre HTML o CSS. Pero esto no debería impedirle 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 factible 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, deseamos presentarle nuestro nuevo complemento favorito de WordPress para la creación de páginas: Visual Composer.
¿Qué es el compositor visual?
Visual Composer es un complemento extraordinario 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 además puede verlo en casi todos los nuevos productos más vendidos en Themeforest. Le brinda las herramientas que requiere para poder crear diseños de página complejos sin necesidad de tocar una sola línea de código.
Cómo funciona Visual Composer y qué puede hacer
Es un complemento, por lo tanto básicamente instálelo y actívelo para aprovechar todas sus maravillosas funciones. Una vez activado, Visual Composer le da control sobre el diseño de sus páginas. Básicamente 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 interfaz en vivo.
A partir de aquí, las oportunidades solo están limitadas por su creatividad (o la de sus clientes). Puede agregar filas, columnas, botones, texto, imágenes y mucho más utilizando todas las alternativas de Visual Composer. Al mismo tiempo, hay una opción para guardar sus diseños como plantillas para reutilizarlas una y otra vez.
Filas
En el constructor se incluyen items de creación de páginas. Puede usar estos items como bloques de construcción literales para su página. primero Agregar una fila. Las filas permiten agregar columnas con un solo clic. Básicamente coloque el cursor sobre la pestaña de párrafo amarillo en la esquina superior izquierda de su fila y seleccione un diseño. La fila se divide de forma automática en columnas según el diseño que elija.
Items de la página
El paso siguiente es empezar a agregar las características de su página. Básicamente 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 además funcionan con los tipos de publicaciones personalizadas de su tema al mismo tiempo de las publicaciones del blog), botones e inclusive widgets de la barra lateral.
Al mismo tiempo, según el tema de WordPress y los complementos compatibles que esté usando con Visual Composer, verá más o menos items de página. El ejemplo anterior es de nuestro Tema de WordPress Total Drag & Drop, por lo que hay 30 items de creación de páginas adicionales 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 alternativas 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 inclusive diversos pestañas de configuraciones.
El constructor además admite cuatro increíbles complementos de terceros: Layer Slider, Revolution Slider, Gravity Forms y Contact Form 7. Si tiene alguno de estos complementos instalado, aparecerá de forma automática un elemento de página para el tema. Cuando elige insertar un elemento de página para uno de estos complementos, Visual Composer 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 procedimiento de diseño, puede arrastrar y soltar cualquier fila o elemento de página para reorganizarlos. Además 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. Básicamente haga clic en el Plantillas , asigne un nombre a su diseño y presione guardar. Cuando use su plantilla, de forma automática completará su página con el diseño y los items que guardó.
Opciones de fila: formatear, clonar y quitar filas
Hay tres características adicionales agregadas en la esquina izquierda de cada fila que se pueden utilizar para clonar o duplicar una fila completa y todo su contenido, agregar nuevos módulos, editar las columnas, etc. Básicamente coloque el cursor sobre cualquier fila que necesite editar para tener acceso a estas configuraciones:
Nuevamente, dependiendo del tema que esté utilizando con Visual Composer, las alternativas de formato disponibles para usted pueden ser diferentes. Aunque algunos desarrolladores de temas eligen dejar Visual Composer como está, muchos personalizan el complemento para que se ajuste a las necesidades o al estilo de su tema.
Editor de frontend
El poderoso Visual Composer ahora incluye un editor de frontend, lo que hace que sea más fácil que nunca empezar 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 aún. Asegúrese de verificar la lista de características de un tema, o de comunicarse de forma directa con el desarrollador del tema, para ver si el editor de interfaz de Visual Composer es compatible con su tema de WordPress. Nuestra El tema Total de WordPress es 100% compatible con el editor de front-end por lo que si su tema actual no lo es, puede considerar «actualizar» a nuestro tema.
Extensiones
La última característica que me agradaría mencionar es la capacidad de ampliación de Visual Composer. Si eres un codificador avanzado o un desarrollador de temas, puedes integrar tus propios códigos cortos en el complemento. En realidad, agregamos en nuestro propio Symple Shortcodes Premium para otorgar a los usuarios de Total items adicionales de creación de páginas. ¡Esto brinda a los usuarios todavía más opciones al crear páginas!
Si no es un programador, consulte CodeCanyon y haga una búsqueda rápida del complemento Visual Composer. Hay muchos complementos premium excelentes que agregan funciones adicionales al Visual Composer e inclusive algunos buenos gratuitos, como nuestro complemento Symple Shortcodes.
Opciones de configuración de Visual Composer
Sigo refiriéndome al Visual Composer como un creador de páginas, pero además funciona muy bien con publicaciones y tipos de publicaciones personalizadas. Solo debes hacer habilitar la opción. Navegar a Configuración> Visual Composer. Debería ver una pantalla equivalente a esta:
El complemento mostrará de forma automática los múltiples tipos de contenido incluidos en su tema de WordPress. Básicamente seleccione cuál le gustaría utilizar con el generador de páginas de Visual Composer. 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) .
Además puede asignar cualquier complemento de código corto al Visual Composer 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 items de su compositor. ¡Fácil!
Véalo en acción
Como dije, amamos tanto a Visual Composer que lo incorporamos a nuestros productos más vendidos 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 Visual Composer! Añadiendo fondos, encabezados, texto, imágenes, iconos… etc. Todo es “pan comido”.
Guía completa de uso de Visual Composer
Si ya posee el complemento y está buscando una guía acerca de cómo usarlo, eche un vistazo a nuestra guía de uso completa de Visual Composer, que lo guiará punto a punto y le mostrará cómo utilizar el complemento.
Dónde puedes conseguirlo
Visual Composer está habilitada en CodeCanyon si desea obtenerlo usted mismo. Además se ha integrado absolutamente 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).
Conseguir total Obtenga Visual Composer
Háganos saber lo que piensa del complemento a continuación. Estamos verdaderamente impresionados con Visual Composer, ¡y nos encantaría escuchar tu opinión al respecto!
