13 feb

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML

escrito por 25 Comentarios publicado en Blog

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML

WordPress se ha convertido en un CMS popular entre los diseñadores y desarrolladores a la hora de crear temas personalizados. Pero su sencillez, también lo ha convertido en una opción popular para los propietarios de sitios web y bloggers que quieren poder gestionar sus propias web sin necesidad de conocimientos de codificación.

Aunque WordPress incorpora de por si un editor visual y alguna que otra opción más para gestionar nuestras páginas y entradas. Estás opciones son “demasiado pobres” a la hora de diseñar páginas personalizadas que nos permitan usar WordPress de manera más avanzada.

Hay soluciones para esto. De hecho, aquí traemos 5 plugins para WordPress que te permitirán tener control total sobre los diseños de las páginas y las entradas sin la necesidad de tener conocimientos de HTML, o tener que contratar a un diseñador para crear una.

Son muchas las ventajas que nos dan este tipo de plugins. Ya que al poder tomar el control de la maqueta de WordPress, podemos crear páginas totalmente diferentes. Convirtiendo cualquier tema simple y gratuito, en un potente tema de aspecto profesional. Creando así webs mucho más diversas que simples blogs.

Unas gratuitas. Otras, de pago. Estás son los 5 mejores plugins de WordPress para construir el diseño de tus páginas y entradas sin necesidad de conocimientos de HTML:

Aqua Page Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Aqua Page Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Aqua Page Builder


Posiblemente la opción más limitada de todas. Pero también la he añadido por ser gratuita. Este plugin te permite crear plantillas de páginas (o de entradas) que después puedes insertar mediante un “shorcode“.

El plugin dispone de 6 elementos diferentes a la hora de construir tus páginas:

  • Texto Para rellenar los contenedores con texto.
  • Columna: Es el contenedor para el resto de elementos de bloque.
  • Widgets: Permite utilizar los Widgets de WordPress disponibles.
  • Alertas: Inserta diferentes tipos de alertas.
  • Tabs – Acordeón: Permite insertar pestañas y acordeones.
  • Separador: Inserta un separador entre bloques de contenido.

Para crearsnu diseño de página basta con ir arrastrando y soltando los elementos de la izquierda a la derecha. Una vez colocado, para modificar su tamaño sólo hay que hacer clic en los bordes y arrastrar.

Una vez se crea el diseño, se guarda y se copia el “shortcode” para pegarlo a continuación en la página o entrada que queramos.

El problema para mi de esta opción es es un poco complicadillo de manejar y sobre todo, no es posible insertar imágenes. Las imágenes se tiene que insertar en la página o entrada. Por lo que este plugin es casi más bien un “generador de shotcodes” con el que modificar un poco nuestro diseño.

Aquí tenéis un video de demostración del plugin. Aunque está en inglés pero vale perfectamente para entender su funcionamiento:

Descargar de Forma Gratuita → Aqua Page Builder

ZillaShortcodes

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: ZillaShortcode

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: ZillaShortcode


Esta opción no es muy distinta de la anterior. También gratuita, ZillaShortcodes nos integra en la barra del editor visual un botón con el que podemos integrar shortcodes que permiten el manejo de aspecto gráfico hasta cierto punto. Podemos integrar:
5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: ZillaShortcode

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: ZillaShortcode

  • Alertas: Cajas de texto para alertar al usuario.
  • Botones: Botones diferentes para realizar tus llamadas acción.
  • Columnas: Sistemas de columnas que hacen de contenedores para el resto de elementos.
  • Pestañas: Sistema para dividir el contenido en pestañas.
  • Desplegables: Permite crear cajas desplegables con contenido. Muy utilizado para crear FAQ.

Como podemos comprobar, ZillaShortcodes no es muy diferente de Aqua Page Builder. La ventaja de este radica en que lo tenemos disponible directamente en las entradas y páginas. Por lo que no tenemos que crear los elementos con anterioridad. Basta con que los vayamos colocando conforme los vamos necesitando. Pero posiblemente esta ventaja, es también el defecto de ZillaShortcodes. Aunque no hay que aprender nada de código, la página queda un poco ilegible (en nuestro panel de control) por la cantidad de shotcodes integrados. Esto dificulta su manejo. Aunque una vez aprendido, creo que es mejor opción que Aqua Page Builder ya que está menos limitado.

Podéis descargarlo de la web de su autor, pero para ello, antes tendréis que suscribiros.

Descargar de Forma Gratuita → ZillaShortcode

Content Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Content Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Content Builder

Este plugin incorpora un montón de opciones que nos permiten manejar de manera gráfica nuestro contenido. Te da la libertad para crear cualquier diseño de página que quieras, y todo con un simple “arrastrar y soltar“.

Icorpora:
5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML

Este es el más barato de todos. Y tiene unas prestaciones que son más que suculentas. Su interfaz gráfica me parece un poco complicadilla pero permite colocar a la perfección todo nuestro contenido sin necesidad de HTML.

Es totalmente responsive. Así que si lo utilizas en un tema que sea responsive, no vas a tener ningún problema. Sea cual sea el contenido que utilices, este se adaptará sin al tamaño adecuado.

  • ventas
  • $0
    Dólares
  • Sin votos
    puntuación
  • Ver más

Ether Content Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Ether Content Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Ether Content Builder


Mi favorito sin duda alguna. Mucho más trabajado que ningún otro (cosa que se nota en el precio, ya que es el más caro).

Este plugin te incorpora una “tercera pestaña” junto a las de “Visual” y “Texto” que por defecto tiene WordPress. En ella puedes ir añadiendo bloques donde situar los diferentes elementos: Columnas, imágenes, galerías, toggles, tabs, y todo lo que se te ocurra de entre todas opciones de las que dispone:

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Ether Content Builder

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Ether Content Builder (clic para agrandar)

Como podéis comprobar, no hay ningún elemento que se le escape a este potente plugin. También es responsive por lo que puedes utilizarlo en tu tema responsive y el contenido publicado con el se adaptará perfectamente sea cual sea el dispositivo desde el que se está navegando.

Podéis comprobar el funcionamiento de este plugin en el siguiente vídeo:

Ether Content Builder WordPress Plugin
  • 2158
    ventas
  • $34
    Dólares
    puntuación
  • Ver más

Visual Composer

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Visual Composer

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Visual Composer

Este último de estos potentes plugins es el más conocido. Dispone de un botón que se sitúa entre el título y el texto principal de las entradas o páginas que nos permite insertar y configurar todos los elementos:

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Visual Composer

5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML: Visual Composer (clic para agrandar)

Podemos añadir y quitar todo una vez más sin utilizar HTML de ningún tipo. También es totalmente responsive. Trabaja cargando diferentes tamaños de imágenes que se adaptan al tamaño de la pantalla. Lo cual es una ventaja a la hora de trabajar con dispositivos móviles. Ya que el peso de las imágenes es inferior gastando así menos ancho de banda de la limitada conexión 3G. A demás, tarda menos en servir las imágenes.

Visual Composer: Page Builder for WordPress
  • 252191
    ventas
  • $34
    Dólares
    puntuación
  • Ver más

Y con esto damos por terminado el repaso a los diferentes plugins para controlar el diseño de las páginas sin necesidad de usar HTML. Estos son los que yo conozco. Si conocéis alguno más que merezca la pesa mencionar, no dudéis en hacérmelo saber con vuestros comentarios.

25 Respuestas to “5 Plugins de WordPress para Construir el Diseño de tus Páginas sin HTML”

  1. Responder Bitacoras.com dice:

    Información Bitacoras.com…

    Esta anotación ha sido propuesta por un usuario para ser votada en Bitacoras.com. Para que el proceso finalice, deberás registrar tu blog en el servicio….

  2. Responder Carlos dice:

    Me han parecido muy interesantes estos dos:
    - Visual Composer for WordPress
    - Ether Content Builder
    He visto que el segundo es tu preferido pero viendo videos el primero parece más completo o es impresión mías. ¿Tú cuál recomiendas? Gracias por el post, un saludo

    • Responder César dice:

      Pues te voy a explicar detalladamente para que veas porque prefiero Ether content builder. A nivel de opciones, andan los dos más o menos igual. Pero ether por ejemplo, permite cargar los wigets de tu WordPress. La interfaz es un poco más “amigable” y lo que me resultó peor del Visual composer fue cuando estuve trabajando con el tema de la adaptabilidad de los elementos. Mientras que Ether se redimensionaba todo perfectamente, visual composer no lo hacia. El caso es que haciendo pruebas con el iPad y el iPhone, no había problemas. Pero al coger el navegador y redimensionarlo, visual composer recargaba toda la página.

      Por esto es que aquí realmente decomendamos ether content builder.

  3. Responder isaac dice:

    que pasa si lo descargo gratis y lo uso sin licencia

    • Responder César dice:

      Hola Isaac

      Presupongo que te estarás refiriendo a alguno de los que son de pago. Las consecuencias posibles son estas:
      1º Estás incurriendo en delito. Aunque las posibilidades de que tengas problemas legales con esto sean mínimas (por no decir nulas).
      2º No vas a tener la última versión del plugin. Es muy extraño que esté pirateada la última versión. Y si resulta que hay errores o peligros potenciales de seguridad en la versión que descargas (y por eso hay actualizaciones más recientes) puede que pongas tu web en peligro. Al no haber pagado por el plugin, evidentemente no vas a tener soporte por él si hay algún problema.
      3º Esta es la peor. La mayoría de las personas que acostumbran a subir este tipo de software de manera ilegal, acostumbran a añadirle a los plugins y temas de WordPress “Código Malicioso” con el que poder hacerse posteriormente con el control de tu servidor. Esto es muy común y es con lo que realmente tienes que tener más cuidado.

      Y más o menos, esas son las cosas típicas que ocurren por adquirir las cosas de manera ilícita. Y ahora que lo sabes, puedes hacer lo que crean oportuno. Pero si vas a adquirirlo sin licencia, ve con precaución. De hecho, yo te recomendaría que lo probaras a fondo durante varias semanas en alguna web de prueba sin importancia. Aunque lo realmente recomendable, es que adquieras uno de pago. En el fondo no es un gran gasto. Los precios son muy reducidos y tendrás un producto que podrás utiliad “de por vida“.

      Un saludo, y espero haberte resulto las dudas.

  4. Responder Jhon Edison dice:

    Estoy en la busca de un plugin constructor, ya que no deseo estar cambiando a cada rato shortcodes, cada vez que cambie de plantillas, mi duda es la siguiente : Que pasa si incluyo este plugin en un diseño web responsable, lo respetará o creará conflictos ?

    • Responder César dice:

      Hola Jhon

      Si trabajas con una web responsive, tanto Ether Content Builder como Visual Composer son responsive 100%. Si vas a sus respectivas páginas, los puedes probar y verás que efectivamente tienen diseño adaptable y funciona a la perfección.

      El sistema que utilizan permite que construyas tus páginas, sean responsive y a su vez, no tengan conflictos con tu página. De hecho, muchos de los themes de WordPress premium, en vez de crear una interfaz ajustable con shortcodes, directamente pagan una licencia extendida de uno de estos 2 plugin (sobre todo de Visual Composer que se ha “popularizado” más) y los integran directamente.

      Así que no deberías de tener ningún problema con ninguno de ellos.

      Un saludo y espero haberte despejado las dudas.

      • Responder Bea dice:

        Hola, muy interesante la información, me estaba volviendo loca para adptar los temas al diseño, tocando e codigo.
        Mi pregunta és si se puede utilizar el plugin e webs que no sean responsive

        Gracias

        bea

        • Responder César dice:

          Si puedes usarlos sin ningún problema. Simplemente que las funciones responsive no se aplicarán ya que el diseño original no lo es.

          Me alegra haberte sido de ayuda.

          Un saludo.

          • Bea dice:

            Gracias César
            Finalmente adquirí el Plugin Ether Content Builder, però no encuentro el archivo del código,
            Me gustaria saberlo, por si he de modificar alguna cosa, y para ir más rápido.
            Gracias
            un saludo

            Bea

  5. Responder marino dice:

    Hola césar. que quiere decir LICENCIA EXTENDIDA, que lo puedes usar sin limites de tiempo? y si pago la REGULAR LICENSE por cuanto tiempo es?
    También quisera saber si al comprar una licencia esta es aplicable a una sola plantilla o pueda usarla en varias.
    Te agradezco desde ya.
    saludos

    • Responder César dice:

      Hola Marino

      La licencia extendida es una licencia de reventa. Esto quiere decir que tu adquieres el plugin y puedes integrarlo en un theme de WordPress y vender ese theme en un mercado de venta de themes, o en tu web personal con el plugin integrado.

      Con la licencia estándar puedes utilizarlo en tu web. Sin límite de tiempo y con acceso a las actualizaciones del mismo de por vida. Se supone que con la licencia estándar sólo deberías de usarla en una plantilla. Pero bueno, tampoco pasa nada si la usas en un par de ellas.

      Un saludo y espero haberte aclarado las dudas.

  6. Responder Alan dice:

    Hola.

    Me han gustado mucho el plugin Ether Content Builder. Mi pregunta es la siguiente, a veces realizo páginas web para mis clientes y quisiera saber con con la licencia estándar en cuantas paginas web las puedo utilizar. Es decir en cuantos sitios web diferentes la puedo utilizar.

    Saludos cordiales

    • Responder César dice:

      Hola Alan.

      En teoría con la licencia estándar tan sólo puedes utilizarlo en un sitio. Es más, si el plugin realiza actualizaciones, se requiere un código (que no se hasta que punto comprueban los dueños del plugin) para poder actualizarlo desde WordPress de manera automática. Por lo que lo mejor suele ser que cuando realices una web externa, adquieras un nuevo plugin en nombre del propietario (con su propio código) y así te quitas de problemas.

      Un saludo, y espero haberte ayudado.

  7. Responder 5 plugins de WordPress para Convertir el Home en Una Landing Page dice:

    […] te permite editar cualquier página para poder adaptar el diseño a tu gusto. Es muy parecido a los content builder recogidos en esta entrada. Y permite convertir a cualquier theme cuyo diseño no sea muy flexible, en un theme con diseño […]

  8. Responder Marcial Acosta dice:

    Muy interesante el articulo creo que me decantare por visual composer que ademas viene en todos los idiomas

  9. Responder Miguel dice:

    Hola César:
    Ante todo muy bueno tu articulo, muy util! Quería preguntarte si has usado Ether content con woocommerce y de ser asi que te ha parecido?!

    Saludos!

    • Responder César dice:

      Hola Miguel.

      He utilizado Ether content en multitud de webs. Pero de entre esa multitud, no recuerdo ninguna que fuera con tienda de Woocommerce. La verdad es que la estrcutura que tiene woocommerce (al menos en lo que a página del producto se refiere) es muy marcada y específica. Por lo que si quieres Ether content para modificar la posición de la imagen, el botón de comprar o las pestañas inferiores de información adicional, esto casi seguro que no te va a ser de utilidad ninguna. Si por el contario quieres aumentar la capacidad de diseño en o que a páginas normales y entradas de blog se refiere, será un complemento magnifico. Espero haberte sido de ayuda.

      Un saludo.

      • Responder miguel dice:

        Hola Cesar.
        Muy clara tu respuesta…me ha servido!. Dado que mis clientes son empresas que se dedecan a vender productos por la web tendre que quedarme con el duo visual composer-woocomerce…(o pasarme a prestashop…ooohhh sacrilegio! jajaja).
        Podras aclarame (nuevamente…creo que mas arriba lo comentas), por favor, el tema de las licencias…digo pq aqui(en la Argentina) a los clientes les duele mucho el tema $$ y si encima debo agregarle el costo de los pluguins, mas que nada el visual, el costo de mi pagina sera muy poco competitivo.no es que quiera “conseguirlo por otras vias”…no. Solo quiero saber si con una licencia de visual composer podria “estirarla a 2 o 3 sitios

        Gracias por anticipado

        • Responder César dice:

          Hola de nuevo Miguel.

          En realidad prestashop no es 1 mala opción. El problema es que personalizarlo es complicadillo. Respecto a las licencias, la cosa está así. La licencia normal solo permite utilizar el producto en una web en terminos legales. Si lo quieres usar en multiples webs no te sería válido. Tendrías que adquirir uno por cada web. En la practica, que te pillen desde mi punto de vista es imposible. Tienes otra opción. Esta es adquirir la licencia extendida. Esto te permite utilizar el plugin de manera indefinida. Tantas veces como quieras en tantas webs como gustes. Es un poco más caro. En el caso del visual composer creo que es de 85$. Por lo que si sabes que lo vas a usar en cantidad, es una opción muy buena. Por otro lado, hay themes que incorporan el visual composer. Si tratas de trabajar siempre con themes de este tipo, tendrías el problema bastante resuelto. En el caso del ether builder creo que es de 165$. También es caro. Pero volvemos a lo de antes. Una vez adquirido, puedes usarlo en tantas webs como necesites.

          Un saludo.

  10. Responder Ernesto dice:

    Hola cesar.
    En cuanto a lo de las licencias, yo he adquirido una licencia extendida.
    Con el artisteer me creo un theme practicamente virgen y el problema es que no se como integrar visual composer en la plantilla, para distribuirlo para diferentes clientes.

    Un saludo.

    • Responder César dice:

      Hola Ernesto

      No se realmente porque usas artisteer. No se si es porque tienes conocimientos bajos de programación, o si es simplemente por ahorrar tiempo. Sea como sea, si lo que quieres es integrar visual composer realmente bien, vas a tener que programar. Yo veo de entrada 2 maneras posibles para hacerlo. Una fácil pero más complicada para el usuario, y otra más complicada para ti pero simple para el usuario.

      1º. La más fácil es utilizarlo como lo que es. Un plugin. Se sube mediante la interfaz de plugins de WordPress (Plugins > Añadir Nuevo. Y ahí seleccionas la segunda pestaña: Subir). De esa manera se instala y funciona como plugin.

      2º. Otra opción que tienes, quizá un poco más complicada es coger todo el código del Visual Composer he integrarlo en la plantilla de WordPress que uses mediante el archivo Functions.php de tu propio theme. Como te he dicho, esto es más complicado y requiere programación. Pero quedaría totalmente integrado con tu plantilla.

      Un saludo.

Dejar un Comentario

Free WordPress Themes

Free WordPress Themes
WordPress Themes ThemeForest