Tutorial Visual Composer, el Plugin premium de moda en wordpress (Video)

Suscríbete a mi canal:  

Hola Chicos,

Visual Composer es un plugin para wordpress que está causando furor. Casi todas los temas modernos lo traen de serie pero aunque no venga de serie lo puedes instalar y comprarlo por separado.

¿Qué hace el plugin Visual Composer?

Lo que hace es permitirnos nos una edición muy avanzada sin tener que tocar una sóla línea de código.

Cuando lo instalamos y activamos vemos que al crear un nueva página nos aparecen 2 nuevos botones:

botones-visual-composer

 

Vamos con el primer botón «Backend Editor», al hacer click en el vemos como se transforma el editor normal que teníamos por uno mucho más visual y con opciones más avanzadas:

backend-visual-composer

 

En la parte de abajo de la imagen vemos que podemos elegir plantillas con distintas columnas, imágenes etc.. Imaginar como lo harías a mano, no me respondas, como no sepas html te queda hecho un churro 🙂

En cambio con este plugin es simplemente hacer click en la plantilla que queramos.

Si hacemos click en «Add element» podemos elegir entre un montón de elementos que se añadirán a nuestro post al golpe de click. En la siguiente pantalla podemos ver unos cuantos:

elementos-visual-composer

Por ejemplo, si hacemos click en el primer elemento (row o fíla) podemos crear contenido en una o varias columnas lo elegimos nosotros mismos en la siguiente pantalla:

elemento-fila-visual-compos

Y dentro de cada columna hacemos click en el + y añadimos cualquier otro tipo de elemento como puede ser una imagen, un bloque de texto o información en acordeon. Todo esto si ver una sola línea de código:

 

tipo-acordeon-visual-com

 

Un ejemplo rápido del contenido con este plugin:

prueba-visual-composer

Ahora vamos con el segundo botón que os he comentado que aparece «Frontend Editor». Al hacer click en este botón entramos en modo edición en la página final, es decir, en vez de editar en la zona de administrador editas tal y cómo luego se va a ver. Así no te tienes que imaginar como está quedando, sino que lo ves en directo:

frontend-visual-composer

14 comentarios en «Tutorial Visual Composer, el Plugin premium de moda en wordpress (Video)»

  1. Hola Oscar, el problema que estoy teniendo es que con el tema que he instalado «Incentive» me vienen de serie «Visual Composer» y «Revolution Slider» si activo los dos, no me funciona el «Visual Composer» y ni siquiera me deja escribir con el editor clásico. Si desactivo el «Revolution Slider» si funciona el «Visual Composer». Pero necesito los dos plugind activos. ¿Sabrías decirme que puede estar pasando? Muchísimas gracias!

      • Hola muy buenas, he probado a activar la licencia de mi visual composer en otra web pero con una api key diferente y me da problemas, me gustaría saber como poder utilizar mi licencia para la creación de varias paginas webs, ya que me dedico a ello y de momento no puedo añadir la licencia del visual composer a la factura, para no dar la sensación de «eres demasiado cara y no tienes experiencia demostrada, no te voy a pagar lo que me pides» entonces ya que me he gastado el dinero en dicha licencia para poder trabajar bien, me gustaría aprovecharla al 100%, como podría hacer esto, por favor, me seria de una ayuda inmensa

        • Hola Lucia,
          Puedes usar Visual composer en tantas webs como quieras pero sólo activar la licencia en una sóla web por cada licencia, por lo que sólo tienes dos opciones, o usarla sin licencia en el resto de webs o comprar una licencia por web.
          Saludos
          Óscar

  2. Hola creador
    mira me ha surgido un problema que no se solucionarlo, estoy creando mi propia pag web
    tengo comprado el theme Ananke – One Page Parallax WordPress Theme
    y tiene ese mismo tema instalado el Visual Composer la ultima version
    entre por la pagina Home Slider — Página de inicio , alli entre en editar visual composer,
    he tocado no se que que ahora al querer entrar para editar me sale todo blanco…..no se que lio me he metido pero no se solucionarlo

    • Hola Juan Manuel,

      El problema se te resuelve si entrar por ftp a la web y renombras la carpeta del plugin. De esa manera no lo encuentra y puede ser ejecutándose tu web.

      Espero que se te solucione 😉
      Saludos
      Óscar

  3. Hola un saludo. Me dedico a diseñar paginas web con wordpress y me parece muy bueno este plugin…pero como hago para utilizarlo en variapaginas? tengo que comprarlo varias veces? como podria utilizarlo en varias paginas?

    Grcias

  4. Hola! hago la maquetación con el Visual composer sin problema pero en el momento de actualizar y ver la página me quedan los elementos uno debajo de otro, aunque maquete en 3 columnas, sabrías decirme qué pasa? 🙁
    Saludos y gracias!

    • Hola Mariela,
      Es difícil ayudarte sin ver la web, puede ser que la plantilla tenga alguna regla en el css que haga que se coloque distinto a lo que tu haces con visual composer.
      Un saludo
      Óscar

Deja un comentario