[elementor-template id="80835"]
El
editor de Wordpress es bastante útil y fácil de entender para todo tipo de usuarios, pero debemos darnos cuenta que
la web 2.0 avanza rápido y cada vez se demandan estructuras de contenidos más complejos.
Lo que hace años se definía como una web elaborada era una cosa así:
![page builders wordpress](https://cdn.raiolanetworks.com/blog/wp-content/uploads/pagebuilders1.png)
Mientras que ahora mismo una página web debe estructurar el contenido de distintas formas para que el contenido sea atractivo para el lector.
![page builders wordpress](https://cdn.raiolanetworks.com/blog/wp-content/uploads/pagebuilders2.png)
Lo que antes era
todo HTML ahora es
HTML5 + CSS3 + Javascript, consiguiendo unas formas mucho más dinámicas y adaptables a todas las circunstancias sin necesidad de preparar distintos tipos de contenido para cada situación.
Pero… ¿Qué conocimientos necesito para hacer una web como la de la segunda imagen?
¿Puedo hacer eso con el editor predeterminado de Wordpress?
La respuesta a la primera pregunta es “depende”, la pregunta a la segunda también es “depende” ya que
con el editor predeterminado de Wordpress si tienes conocimientos de HTML5 + CSS3 posiblemente consigas estructurar el contenido.
Desde hace ya un tiempo, han ido apareciendo algunos
plugins para Wordpress que de alguna manera sustituyen o
complementan al editor predeterminado de Wordpress de distintas formas, unos mediante
shortcodes y otros mediante interfaces intuitivas que permiten insertar los elementos estructurales fácilmente.
En este artículo vamos a
listar 6 plugins para Wordpress llamados Page Builders, ya que nos permiten
crear páginas de forma visual insertando los elementos sin necesidad de tocar ni una sola línea de código.
Live Composer
Descubrimos
Live Composer junto con la plantilla
SEO WP para Wordpress, ya que es el
Page Builder que trae implementado por defecto.
De forma predeterminada
Live Composer trae 30 módulos o elementos que pueden ser insertados simplemente arrastrando y soltando, además
Live Composer es totalmente
compatible con WPML para crear sitios web multiidioma.
![page builders wordpress](https://cdn.raiolanetworks.com/blog/wp-content/uploads/pagebuilders3.png)
Otra de las principales ventajas de
Live Composer es que no es para nada lineal, es decir, los elementos que puedes insertar son muy configurables y son .
Otra opción interesante de
Live Composer es que nos permite
guardar templates o plantillas con estructuras precreadas, una forma rápida de crear nuevas páginas en tu blog o web
Wordpress.
Visual Composer
Visual Composer es un plugin que lleva ya bastante tiempo en el mercado, y eso hace que además de ser una excelente opción para crear elaboradas estructuras de contenido, también tiene
un amplio catálogo de extensiones desarrolladas por la comunidad.
Teóricamente
Visual Composer es el
Page Builder más utilizado en el mundo, instalado en más de 250.000 sitios web de todo el mundo, aunque últimamente han aparecido soluciones muy similares y también con mucho potencial.
Visual Composer tiene dos modos de edición: un modo desde el
front-end y otro modo desde el
back-end. En ambos casos el funcionamiento del editor es exactamente el mismo, el usuario simplemente debe arrastrar los elementos al editor para insertarlos en la página.
Visual Composer nos permite insertar muchos más elementos que
Live Composer, concretamente nos permite
insertar más de 45 elementos, ampliables mediante
extensiones desarrolladas por la comunidad.
Curiosamente estos elementos
son mucho menos configurables que en Live Composer, aunque hay más catalogo donde elegir.
Visual Composer también es totalmente
compatible con WPML y también con qTranslate, y su interfaz esta traducida a muchos idiomas.
Puedes encontrar mas informacion sobre
Visual Composer en su pagina de CodeCanyon:
http://raiola.es/visualcomposerplugin
SIiteOrigin Page Builder
Al igual que
Visual Composer y que
Live Composer,
SiteOrigin Page Builder nos permite editar en modo visual directamente sobre el sitio web, es decir, que mientras editamos nuestra web o blog Wordpress podemos ver lo que realmente estamos haciendo.
Los elementos de
SiteOrigin Page Builder están
basados en widgets, es decir,
todo lo que se pueda convertir en un widget de Wordpress podremos utilizarlo e insertarlo como elemento en
SiteOrigin Page Builder.
SiteOrigin Page Builder tiene un complejo sistema de “Historial” donde podremos consultar todas las acciones realizadas en el editor del
Page Builder.
La principal ventaja de
SiteOrigin Page Builder es que es completamente gratuito y opensouce, de hecho puedes ver el proyecto en
GitHub pulsando
ver el proyecto en GitHub.
Ademas de la base que es gratuita,
SiteOrigin pone a disposición de los usuarios del Page Builder un pack de elementos extra que también se pueden insertar con un simple click.
Awesome Builder
Awesome Builder es un
Page Builder que inserta elementos desarrollados en
Bootstrap 3 a través de una interfaz donde lo importante es la simplicidad para el usuario final.
El catálogo de elementos que se pueden insertar en las páginas es algo más limitado que en el caso de
Live Composer y
Visual Composer, ya que solo dispondremos de
unos 25 elementos.
Awesome Builder nos permite
estructurar el contenido por separado para los distintos tipos de pantallas: escritorio, tablets y smartphones.
El contenido se estructura en
una cuadricula virtual previamente definida, lo que ayuda bastante a maquetar correctamente la estructura.
Personalmente no es que me emocione demasiado
Awesome Builder, pero puede que algunos les guste este Page Builder, ya que es mucho más dinámico en elementos en movimiento que los demás.
Puedes encontrar mas información acerca de
Awesome Builder para Wordpress en la siguiente direccion URL:
PT Builder
El
PT Builder es un
Page Builder un poco más barato que todas las opciones mencionadas hasta el momento (excepto
SiteOrigin Page Builder que es completamente gratuito).
PT Builder se adapta a todo tipo de usuarios, desde usuarios principiantes hasta usuarios avanzados y desarrolladores que quieran adaptar el plugin a su funcionamiento.
Al igual que
Live Composer,
PT Builder nos permite guardar templates o plantillas con estructuras precreadas, con esto ahorraremos tiempo al crear paginas si ya tenemos una base desarrollada para crearlas.
![page builder wordpress](https://cdn.raiolanetworks.com/blog/wp-content/uploads/pagebuilders7.png)
Por otro lado,
PT Builder al igual que en el caso de Awesome Builder, los elementos están basados en Bootstrap 3.
MotoPress Content Editor
MotoPress apareció recientemente y parece que no ha tenido la acogida esperada. Se trata de un
editor visual o
drag&drop que nos permite
crear páginas con elaboradas estructuras desde el front-end de Wordpress.
MotoPress es un plugin de pago, pero puedes utilizarlo de forma totalmente gratuita en uno de los themes desarrollados por sus desarrolladores, si quieres
utilizar MotoPress en cualquier theme de otro desarrollador deberás
comprar MotoPress.
![page builder wordpress](https://cdn.raiolanetworks.com/blog/wp-content/uploads/pagebuilders8.png)
Quizás
la interfaz de MotoPress es la más intuitiva de todas las interfaces analizadas en los plugins mencionados en este artículo, algo que se nota bastante según se abre el editor del plugin.
MotoPress afirma ser totalmente compatible con los
principales frameworks y desarrolladores de themes: PageLines, Headway Themes,
WooThemes, Template Monster, Theme Hybrid, etc…
Si necesitas
implementar cualquiera de estos plugins Page Builders en tu Wordpress pero no tienes los conocimientos necesarios para hacerlo,
contacta con nosotros sin compromiso y te informaremos.
Iñigo
30/10/2015 a las 12:37Saludos Álvaro!
Muy interesante tu post.
Tengo una duda: Es posible combinar dos page builders a la vez? Tengo una plantilla premium que viene con el Visual Composer, y estoy contento, pero he visto que el Page Builder de Site Origin me puede aportar más funcionalidades. Habrá algún problema de compatibilidad si lo instalo y mantengo los dos?
Muchas gracias!
Responder a Iñigo
Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *