Editores de contenido para WordPress

Actualizado: junio/2019 Versión: 5.2.x  Nivel: Básico

Editores de contenido para WordPress

Crear un sitio web muy profesional puede ser algo complicado, incluso si eres un desarrollador experimentado.

Algunas plataformas simplifican el proceso, como WordPress, pero aún así se requiere de mucho trabajo. Aquí es donde entran los editores de contenido (normalmente los encontrarás como Page Builders, término en inglés).

Los editores de contenido son herramientas que permiten construir sitios web en tiempo récord, al proporcionarte elementos de arrastrar y soltar (bloques) que puede organizar de la forma que desees mediante filas y columnas.

Puedes insertarlos en tus páginas, modificarlos y ver los cambios inmediatamente.

1. ¿Qué son los editores de contenido para WordPress?

"Editor de contenido" es un término amplio que abarca muchas herramientas que permiten crear un sitio web desde cero.

En la mayoría de los casos, lo hacen ofreciendo funciones de arrastrar y soltar (Drag and Drop, término en inglés) y bloques prediseñados que se pueden personalizar.

Por ejemplo, puedes insertar un bloque para configurar un formulario de contacto, colocarlo donde desees en tu página y personalizar su apariencia y funcionalidad.

Los editores de contenido para WordPress facilitan a los usuarios de todos los niveles la creación de sitios web increíbles:

  • Posibilitando la creación de páginas personalizadas sin tener conocimientos de desarrollo web.
  • Permitiendo personalizar elementos y características complejas con unos pocos clics.
  • Incluye la funcionalidad de arrastrar y soltar para que puedas organizar todos los elementos como mejor te parezca.
  • Te permite obtener una vista previa de cómo se verá tu sitio cuando se publique (edición del Front End).

La clave para elegir un buen editor de contenido es centrarse en dos criterios: que posean una amplia variedad de elementos y la facilidad de uso.

Vale la pena mencionar que no todos los editores de contenido para WordPress incluyen la función de arrastrar y soltar. Sin embargo, esta característica es un componente clave que hace que estas herramientas sean tan fáciles de usar.

2. ¿Por qué deberías usar un editor de contenidos para WordPress?

WordPress, aunque es un excelente gestor de contenidos para crear sitios web, carece de muchas herramientas y elementos nativos que podrían facilitar aún más el desarrollo.

Una de sus principales debilidades es su editor clásico que básicamente funciona como Microsoft Word. Un lienzo en blanco con una serie de botones de edición de texto muy básico.

A partir de la versión 5.0 de WordPress, el editor clásico ha sido sustituido por el editor de contenidos Gutenberg que pasa a ser el editor de contenidos nativo de WordPress.

Los editores de contenido para WordPress pueden facilitar el trabajo ya que con el editor clásico de WordPress:

  • No se puede distribuir el contenido en filas ni columnas y esto es algo muy importante para las versiones móviles (RESPONSIVE).
  • Es muy complicado configurar animaciones en el contenido.
  • No existe un botón para crear tablas salvo que utilices plugins o lo hagas mediante HTML y CSS.
  • Al editar el contenido en HTML algunos de los valores como IDs o clases suelen perderse.
  • Insertar widgets en el contenido es una tarea complicada.

Además de estos 5 puntos, existen más desventajas al desarrollar un sitio web en WordPress que, mediante un editor de contenido, se puede realizar de una manera más sencilla sin tener conocimientos de programación.

Igualmente, siempre es recomendable tener algo de conocimientos de HTML y CSS aunque utilices un editor de contenidos para WordPress ya que, cuando creas un sitio web con un editor de contenido, este genera código HTML y CSS por lo que te sería más fácil aún personalizar tu sitio web.

3. ¿Qué deberías tener en cuenta al elegir un editor de contenidos?

Para desarrollar un sitio web en WordPress, uno de los primeros requisitos es elegir correctamente una plantilla que se adapte a la temática e idea principal del sitio web.

Las plantillas PREMIUM por lo general suelen estar diseñadas con editores de contenidos, ya sean propios o genéricos. Una vez elijas la plantilla, debes conocer con que editor de contenidos esta desarrollada y tener en cuenta lo siguiente:

  • Compatibilidad.
    Si estás pensando (o necesitas) cambiar de plantilla que utilice un editor de contenidos para WordPress, lo primero que tienes que comprobar es que la nueva plantilla utilice el mismo editor de contenidos o que sea compatible con el que tienes instalado.
  • Características.
    Debes tener en cuenta las principales ventajas que te ofrece un editor de contenidos con respecto a otro y saber elegir cuál te conviene más para crear tu proyecto. Por ejemplo, algunos editores incluyen muchos diseños incorporados y otros muchos efectos de animación.
  • Adaptado a versión móvil.
    Asegúrate que el editor de contenidos te ofrezca la posibilidad de crear diseños adaptados a versión móvil (RESPONSIVE).
  • SEO.
    Asegúrate que el editor de contenidos te permita crear diseños "amigables" para el SEO. Esto se traduce en que no generen "contenido HTML y CSS basura" y que no empeoren la velocidad de carga de tu sitio web.

Estas recomendaciones debes tenerlas en cuenta si en un futuro decides cambiar de plantilla para que puedas elegir otra, que utilice el mismo editor de contenidos, y ahorrarte dinero, tiempo y disgustos.

4. Principales editores de contenido para WordPress

Los editores de contenido son plugins que se instalan y se adaptan a la plantilla. Debes asegurarte que la plantilla esté desarrollada para funcionar con el editor de contenidos que elijas.

A continuación te resumo los principales editores de contenidos más utilizados en WordPress:

4.1 Elementor

Editores de contenido para WordPress

Elementor es el primer editor de contenido avanzado y de código abierto para WordPress.

Con su rápido editor de arrastrar y soltar, se pueden realizar ediciones instantáneas de la página desde el Front End. Elementor es conocido por su rendimiento de alta velocidad, lo que lo hace divertido y fácil de utilizar.

Con su extensa biblioteca de plantillas, se pueden crear cientos de sitios en WordPress y exportar a través de su editor de contenidos. Elementor es compatible con el diseño responsivo lo que permite crear sitios web que funcionan bien en cualquier dispositivo.

Elementor se ofrece en 2 versiones:

  • Versión gratis, que se puede descargar e instalar desde el repositorio de plugins de WordPress.
  • Versión PREMIUM, con muchas más opciones que se puede comprar desde su propio sitio web.
Elementor

Aunque la versión Lite (gratis) de Elementor te permitirá desarrollar un sitio web, para el desarrollo de este curso, vamos a utilizar la versión PRO para sacar el máximo provecho y conseguir un diseño profesional.

4.2 Beaver Builder

Editores de contenido para WordPress

Beaver Builder es otro editor de contenido de WordPress de arrastrar y soltar.

Ofrece la capacidad de crear un sitio web de la manera que desees sin tener conocimientos de códigos. Puedes arrastrar y soltar elementos para construir hermosas páginas con facilidad.

Beaver Builder viene con docenas de plantillas, por lo que puedes comenzar tu diseño fácilmente sin tener que empezar de cero. Puedes elegir una plantilla, reemplazar las imágenes y el texto y luego hacer clic en publicar.

Beaver Builder funciona con cualquier plantilla de WordPress que le da control total sobre su contenido. Lo mejor es que, incluso si dejas de usar el plugin, el contenido se adapta al editor de WordPress.

Beaver Builder se ofrece en 2 versiones:

  • Versión gratis, que se puede descargar e instalar desde el repositorio de plugins de WordPress.
  • Versión PREMIUM, con muchas más opciones que se puede comprar desde su propio sitio web.

4.3 WPBakery Page Builder

Editores de contenido para WordPress

WPBakery Page Builder, anteriormente conocido como Visual Composer, es uno de los editores de contenido PREMIUM más populares en el mercado.

Este editor de contenido es famoso gracias a que ofrece actualizaciones de por vida y suele ser gratis cuando se adquiere una plantilla PREMIUM desarrollada con este plugin. Viene con editores Front End y Back End lo que hace que la edición de contenido sea rápida y fácil.

WPBakery Page Builder funciona a la perfección con los populares plugins de WordPress incluyendo Yoast SEO y WooCommerce. También es compatible con potentes plugins de traducción como Polylang y WPML por lo que se pueden crear fácilmente sitios web multilingües.

WPBakery Page Builder es un plugin que solo se ofrece en versión PREMIUM por 46 USD.

5. Guthenberg! ¿Y ese quién es?

Editores de contenido para WordPress

Como te he comentado anteriormente, WordPress, hasta la versión 5.0, no contaba con un editor de contenido nativo de "arrastrar y soltar" mediante bloques y, la adaptación a versiones responsivas y creación de contenido, solían ser algo tediosas mediante el uso de HTML y CSS.

Para solventar esta situación, se han desarrollado numerosos editores de contenido mediante bloques como los que te acabo de mencionar. Sin embargo, WordPress no se ha quedado atrás: ha llegado Gutenberg.

Este editor de contenido ha sido bautizado en honor a Johannes Gutenberg, el inventor de la imprenta móvil. Gutenberg fue presentado al mundo por Matt Mullenweg en WordCamp Europe en 2017. En esencia, Gutenberg es el nuevo editor de contenido de WordPress.

Cuenta con docenas de características y simplifica la creación y edición de sitios web para el usuario medio sin conocimientos de código.

Permite a los desarrolladores crear un sitio web utilizando bloques como elementos de arrastrar y soltar. Por lo tanto, reemplaza el actual proceso de personalización tedioso y anticuado. También habilita etiquetas HTML como "section" y "figure" generando un código HTML sólido.

Este editor de contenidos continúa en fase de desarrollo por lo que muchos expertos no recomiendan aún su uso en sitios web en producción.

Si quieres continuar trabajando con el editor clásico de WordPress o con otro editor de contenidos, instala el plugin Editor Clásico que podrás encontrar en el repositorio de plugins de WordPress.

Como has podido observar, trabajar con WordPress cada vez es más sencillo gracias a los editores de contenido por bloques.

Aunque la mayoría se ofrecen gratis, estas versiones cuentan con elementos suficientes para crear un sitio web completo. Las versiones PREMIUM suelen ofrecer mayor cantidad de elementos para que puedas personalizar aún más tus sitios web.

¿Has trabajado alguna vez con editores de contenido? Deja un comentario indicando cuál es tu favorito.

¿Te ha gustado?

Te estaría muy agradecido si pudieras valorar esta lección y compartirla en las redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

Valora esta entrada

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas

(5 votos, promedio: 5,00 de 5)

Cargando…

Recibe notificaciones de actualizaciones

Suscríbete para recibir notificaciones de las actualizaciones del curso en tu correo.

Cuéntanos, ¿qué tal te la has pasado?

Deja un comentario si tienes alguna duda o comparte como ha sido tu experiencia. No necesitas registrarte para comentar. Cuando vayas a escribir tu nombre, marca la casilla Prefiero comentar como invitado y envía tu comentario.