Revisión del compositor visual: diseño visual, arrastrar y soltar para WordPress

¿Busca las mejores páginas de WordPress/generador de tareas para su sitio? En nuestra revisión del compositor visual, echaremos un vistazo a una de las opciones más conocidas del espacio. Visual Composer ofrece una interfaz visual, arrastrar y soltar para ayudarlo a diseñar su contenido y/o sitio web. En la versión gratuita, es un generador de páginas, mientras que la versión Pro plantea cosas con soporte para crear temas y un generador emergente. En nuestra crítica práctica, le daremos una mirada profunda a cómo funciona este instrumento de diseño. Revisión del compositor visual: un vistazo rápido a las características de alto nivel, Visual Composer lo ayuda a diseñar su sitio de WordPress sin requerir conocimiento técnico (sin código/CSS).
Para ayudarlo a hacer esto, Visual Composer ofrece una interfaz de diseño visual completa, arrastrar y soltar. Entonces, mientras diseña su contenido, verá su diseño exactamente como verán sus visitantes, lo que hace que sea muy fácil personalizar las cosas. Puede reunir sus modelos utilizando más de 300 elementos de contenido y también recibirá más de 200 plantillas prefabricadas para ayudarlo a ahorrar tiempo. Para casos de uso más avanzados, también obtendrá:
El generador de temas diseñe su encabezado, sótano y otras palabras clave/páginas.
Pop-up generador-crea ventanas emergentes personalizadas que puede mostrar en cualquier lugar de su sitio.
Este es solo un resumen rápido: continúa leyendo nuestra revisión completa del compositor visual para una mirada mucho más profunda a las funciones.
Visual Composer: ¿ese complemento incluido con temas de ThemeForest? Si ha estado en el espacio de WordPress durante algún tiempo, puede estar familiarizado con el nombre “Visual Composer”, porque solía ser un complemento de generación de páginas que se incluyó con muchos temas. Sin embargo, la encarnación del compositor visual pasó a llamarse WPbakery Page Builder. Esta versión de compositor visual es completamente nueva en términos de características de back -end y arquitectura. Además de usar un nuevo editor basado en react y ofrece una edición en línea más fluida, el nuevo compositor visual tampoco usa códigos cortos. Las características clave. Para esta sección, uso la versión premium, pero Visual Composer también tiene una versión gratuita que utiliza la misma interfaz, más sobre los precios más adelante. Presentación de la interfaz para iniciar cosas, para echar un vistazo a la interfaz. En el lado izquierdo, verá una barra lateral extensible donde puede acceder a acciones clave, como agregar nuevos módulos de contenido o insertar plantillas, más sobre esto:
Para editar cualquier texto, puede hacer clic y escribir en la página (llamada “Edición en línea”). Visual Composer se centrará en el texto que edite, lo que facilita concentrarse. También recibirá una barra de herramientas de formato para acceder a opciones clave, como negrita, alineación, listas, etc.

Para crear el aspecto de su diseño, puede configurar su propia cuadrícula personalizada utilizando cualquier cantidad de columnas. Luego puede usar la diapositiva y la ubicación para mover los elementos de contenido. También tiene algunas funciones convenientes, como el uso de deslizamiento y colocación para cambiar rápidamente el tamaño de las columnas: agregar y personalizar módulos de contenido para agregar contenido a su diseño, puede hacer clic en el icono “más” en la barra. Lista de elementos de contenido. Se dividen en diferentes secciones, como:

Básico: bloques de contenido básicos, como texto, botones, etc.

Medios: imágenes, galerías de imágenes, incorporación de YouTube/Vimeo, etc.
Botones
Contenedores: ingrese una fila (y columnas).
Social – Facebook, Twitter, Iconos sociales, Pinterest, etc.
Integraciones: Google Maps + otros.
menú
Otro
Hay cierta superposición entre las categorías. Por ejemplo, los botones aparecen tanto en las categorías básicas como en las categorías de botones. Si pasa con el mouse sobre cualquier elemento, verá una vista previa. Y para agregar un elemento a su página, simplemente tírelo al lugar donde desea usarlo:
Una opción única en Visual Composer es que puede iniciar sesión en Visual Composer Hub para descargar más elementos en su sitio con la versión premium, tiene acceso a más de 300 elementos diferentes, que es más que la mayoría de las otras ofertas de páginas de constructores en sus principales complementos:
Después de descargar un elemento en su sitio, podrá insertarlo igual que cualquier otro elemento. Otra gran opción es que puede guardar artículos personalizados como un artículo nuevo. Por ejemplo, puede agregar un botón base y configurarlo con todas sus configuraciones favoritas. Luego puede guardar ese botón ya configurado como un elemento nuevo, por lo que puede reutilizarlo rápidamente en el futuro. Para configurar un elemento, puede abrir su configuración para verlos en la barra lateral. Obtendrá una buena cantidad de opciones, incluida la posibilidad de configurar espacios personalizados, así como de ingresar diferentes configuraciones para diferentes tipos de dispositivos (diseño receptivo). Una característica útil y única es que puede aplicar la carga perezosa a cualquier elemento, que nunca he visto en otras páginas generadores. Esta es una buena opción para la optimización del rendimiento:

En general, la gran cantidad de elementos de contenido es definitivamente uno de los puntos de venta de compositores visuales más fuertes, ya que le brinda mucha flexibilidad para crear sus diseños.

Explorando hermosas características de la interfaz en este momento, debe tener una idea bastante buena sobre cómo funciona el compositor visual en un nivel básico. Ahora, veamos algunos hermosos detalles de la interfaz que lo ayudan a crear modelos más eficientes. Primero, obtenga muchas vistas previas receptivas diferentes para que pueda ver cómo se verá su diseño en diferentes dispositivos.
En segundo lugar, obtienes soporte para hacer clic derecho, lo cual es útil para trabajar de manera más eficiente. Cuando haga clic en un artículo, tendrá opciones para:

Editar | ×
clonado

Copiar (y luego pegar) eliminar
Y luego, la última característica específica que quiero resaltar es la visualización del árbol, que le brinda una mirada de alto nivel a la estructura de su diseño (un tipo de vista dom). Una cosa hermosa aquí es que puedes cambiar el nombre de los elementos en la visualización de los árboles, lo que te ayuda a mantenerte organizado. Por ejemplo, puedes llamar a una fila “sección de héroes”:
Otras características útiles incluyen:
Botones de cancelación/restauración.
Integración Unsplash incorporada para encontrar imágenes de stock.
Integración GIPHY Incorporada para GIF.

Opciones para agregar CSS o JavaScript.
El uso de plantillas además del hecho de que le brinda acceso a más de 300 elementos de contenido, Visual Composer también viene con más de 200 plantillas prefabricadas.
Hay dos tipos de plantillas que puede insertar:
Plantillas: estos son modelos de página completa. Simplemente importe y personalice su diseño y tenga una página completa.
Bloques: estas son plantillas para ciertas secciones de página. Puede armarlos como LEGO para crear su diseño.
Al igual que con la adición de nuevos elementos de contenido, puede encontrar todas las plantillas y bloques en Visual Composer Hub. Después de descargarlos en su sitio, puede insertarlos con solo unos pocos clics:
En cuanto a la calidad de las plantillas, esto es obviamente subjetivo. Pero los que revisé se ven geniales. Aquí hay un ejemplo de una plantilla de página de destino:
También puede guardar sus propios patrones como plantillas para reutilizarlos rápidamente más tarde. Utilizando el edificio de base completa con la versión premium, Visual Composer ofrece soporte completo para crear temas. Esto significa que puede ir más allá del diseño de publicaciones/páginas individuales y puede crear plantillas reales para su tema. Puede crear plantillas para: encabezados
sótanos
Archivos (por ejemplo, página que enumera todas las publicaciones en el blog)

sótanos

Barras laterales

Una limitación aquí es que no puede crear plantillas únicas, es decir, la plantilla que usan todas las publicaciones de blog. Puede crear una plantilla para asignar manualmente las publicaciones de blog. Pero no puede crear una sola plantilla que todas las publicaciones existentes en el blog usen automáticamente. Creo que esta es una parte importante de un generador de temas (especialmente para la construcción de sitios de contenido personalizado), por lo que sería bueno agregar esta función. La interfaz básica es la misma cuando crea plantillas de tema. Y, como crear modelos únicos, también puede usar plantillas para ahorrar tiempo. Para ayudarlo a crear sus diseños, obtendrá algunos artículos dedicados. Por ejemplo, si crea un encabezado, puede incluir un elemento de menú básico para incorporar un menú nativo de WordPress que cree en apariencia → menús:
A partir de ahí, puede publicar su plantilla para activarla. Sin embargo, está un poco limitado cuando se trata de controlar dónde aparece su plantilla. No hay opción para usar automáticamente un encabezado para todas las publicaciones en una determinada categoría. Tiene algunas opciones avanzadas para elegir un encabezado personalizado para diferentes tipos de contenido de alto nivel, así como la opción de cambiarla por pieza. a nuevas publicaciones:
En general, diría que el generador de temas es excelente para aquellos que solo quieren un mayor control sobre sus temas, como diseñar un encabezado o sótano personalizado. Pero para casos de uso más avanzados (como la creación de sitios con contenido personalizado), creo que se mantiene detrás de otras herramientas, porque no puede diseñar plantillas únicas y no hay reglas de visualización condicionales. La inserción del contenido dinámico Otra característica útil del generador de temas de Visual Composer es la capacidad de insertar contenido dinámico desde su sitio o campos personalizados que ha agregado con complementos como el conjunto de herramientas o los campos avanzados. Esto abre muchas posibilidades de usar el compositor visual para crear sitios dinámicos personalizados. Después de tener algunos campos personalizados, puede usar el icono dinámico junto a cualquier campo aceptado para completar ese campo con datos del campo personalizado. Si está utilizando un complemento aceptado, debería ver el campo personalizado en la lista de caída:
Puede usar campos personalizados para completar:
Texto
Imágenes

Los números

Por ejemplo, puede crear un campo personalizado para cargar una imagen y luego usar ese archivo de imagen como sección de una sección. Esta es una característica avanzada, pero es realmente útil para construir sitios de WordPress personalizados. Usando PopUp Builder, la última característica que quiero resaltar es el generador emergente del compositor visual. Esta característica le permite usar la misma interfaz visual, arrastrar por la parte superior para crear ventanas emergentes que puede mostrar en cualquier lugar de su sitio. Puede usar cualquier elemento en la ventana emergente, que se abre mucha flexibilidad. Por ejemplo, puede incluir un formulario en la ventana emergente para crear una opción emergente para correo electrónico o una ventana emergente de formulario de contacto. O puede incluir notificaciones o botones CTA. También obtendrá configuraciones para controlar el contenedor emergente, lo que le permite crear muchos tipos emergentes diferentes, desde ventanas emergentes modales hasta barras de notificación, diapositivas y muchos más

Para activar ventanas emergentes, tiene más opciones. En primer lugar, puede configurar reglas en el nivel del sitio para mostrar una ventana emergente en cada página con diferentes desencadenantes:

Tú también puedes:
Asocie manualmente la ventana emergente con una publicación/página en particular para mostrar la ventana emergente en ese contenido.
Abra la ventana emergente haciendo clic en el enlace/botón.
Sin embargo, no tiene la opción de volverse más detallado con los controles de nivel de sitio. Por ejemplo, no puede dirigirse automáticamente a una ventana emergente a todas las publicaciones en una determinada categoría (aunque podría manejarla en todas esas publicaciones). Los precios para el compositor visual visual compositor tienen una versión gratuita en wordpress.org y una versión premium. Hay muchas diferencias en características entre la versión gratuita y pagada, pero la diferencia de alto nivel es: versión gratuita, solo un generador de páginas. Puede crear modelos para publicaciones y páginas individuales.
La versión Pro incluye temas emergentes y constructores. Puede usarlo para crear la plantilla de encabezado para su tema, ventanas emergentes, etc. También tiene acceso a muchos más elementos y plantillas.
Aquí hay una tabla de comparación con una visión más detallada de las diferencias en las características entre Visual Composer Free y Pro:

La versión premium tiene tres opciones de licencia: la única diferencia es la cantidad de sitios que puede usar el complemento:

Un sitio – $ 49
Tres sitios: $ 99
Sitios ilimitados: $ 349
Todos los planes vienen con una garantía de reembolso de dinero de 15 días. Si desea ahorrar algo de dinero, tenemos un código especial de descuento del 10% que es válido hasta el 2 de julio de 2022. Esto reduce el precio inicial a solo $ 44.10.
10% menos
Compositor visual
Obtenga un 10% de descuento en Visual Composer-cree su sitio de WordPress hoy. Comienza fácilmente. Construir rápidamente. Mostrar más

Obtenga un 10% de descuento en Visual Composer-cree su sitio de WordPress hoy. Comienza fácilmente. Se construye rápidamente. Muestra menos
Wpmayor
Obtenga esta oferta
Válido hasta el 2 de julio de 2022
Pensamientos finales sobre el compositor visual en general, diría que la interfaz del compositor visual está bien realizado con herramientas iguales. Mi prueba fue rápida y ahora obtienes funciones como editar el texto en línea y cambiar el tamaño de la columna deslizándose y colocando, que son realmente convenientes para crear modelos. Además de tener una interfaz hermosa en general, diría que una de las características notables del compositor visual es su enorme biblioteca de elementos de contenido. Con más de 300 elementos en la versión premium, tiene mucha flexibilidad para crear modelos, incluidos muchos elementos únicos que otros creadores de páginas no ofrecen. Básicamente, si desea un instrumento que lo ayude a crear publicaciones y páginas más estilizadas, Visual Composer definitivamente puede hacer el trabajo. En cuanto al generador de temas y al generador emergente, diría que el compositor visual es bueno para casos de uso simples, pero no coincide con otras herramientas populares en términos de flexibilidad y condiciones condicionadas a nivel del sitio. La incapacidad de crear plantillas únicas es una limitación clave cuando se trata de crear temas más avanzados, aunque no afectará a los usuarios ocasionales a los que ya les gustan las plantillas de sus temas. Sin embargo, obtienes soporte dinámico para campos personalizados, lo cual es excelente. Y me gusta que el compositor visual se haga cargo automáticamente de los campos personalizados en complementos aceptados (como ACF). Si desea probarlo usted mismo, puede experimentar la interfaz utilizando la versión gratuita de WordPress.org. Si le gusta cómo funciona, considere actualizar la versión premium para desbloquear todas las funciones.
Sitio web de Visual ComposerListare WordPress.org