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.

脥ndice del contenido
    Add a header to begin generating the table of contents

    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 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.

    Anuncio publicitario

    2. 驴Por qu茅 deber铆as usar un editor de contenidos para WordPress?

    WordPress, aunque es un聽excelente gestor de contenidos聽para crear sitios web, carec铆a 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.

    Sin embargo, 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 pod铆a聽distribuir el contenido en filas ni columnas聽y esto es algo muy importante para las versiones m贸viles (RESPONSIVE).
    • Era muy complicado聽configurar animaciones聽en el contenido.
    • No exist铆a un bot贸n para聽crear tablas聽salvo que utilizaras plugins o lo hicieras mediante HTML y CSS.
    • Al聽editar el contenido en HTML聽algunos de los valores como IDs o clases sol铆an perderse.
    • Insertar widgets聽en el contenido era una tarea complicada.

    Adem谩s de estos 5 puntos, exist铆an 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.

    En la entrada, HTML y CSS para WordPress, puedes encontrar una breve introducci贸n a estos lenguajes de dise帽o.

    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 un tema聽que se adapte a la tem谩tica e idea principal de tu sitio web.

    Por lo general, la mayor铆a de聽temas PREMIUM聽modernos, suelen estar聽dise帽ados con editores de contenidos, ya sean propios o gen茅ricos. Una vez elijas el tema, debes conocer con que editor de contenidos ha sido desarrollado y tener en cuenta lo siguiente:

    Trabajar desde el聽Backend es hacerlo desde el editor de WordPress. Si modificas algo deber谩s guardar los cambios y luego actualizar la p谩gina en otra ventana para ver los resultados.

    En cambio, si trabajas desde el Frontend, todos los cambios que hagas en el editor de WordPress se ver谩n en tiempo real sin necesidad de actualizar la p谩gina en otra ventana.

    Estas recomendaciones debes tenerlas en cuenta聽si en un futuro decides cambiar de tema聽y puedas elegir otro 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 al tema. Debes asegurarte que el tema est茅 desarrollado para funcionar con el editor de contenidos que elijas.

    A continuaci贸n te enumero 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 a partir de 49 USD/a帽o.

    Para el desarrollo de este curso de WordPress, vamos a trabajar con este editor de contenidos: Elementor. Es muy f谩cil de usar y es 100% compatible con Astra, el tema que utilizaremos tambi茅n en el desarrollo de este curso.

    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 como desees聽sin tener conocimientos de c贸digos. Puedes arrastrar y soltar elementos para construir sitios web muy profesionales 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 publicar los cambios.

    Beaver Builder聽funciona con casi cualquier tema 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聽por 99 USD/a帽o.

    4.3 Divi Builder

    Editores de contenido para WordPress

    Divi Builder es uno de los editores de contenido m谩s destacados del mercado. Su impresionante interf谩z permite crear sitios web realmente profesionales.

    Este editor de contenidos viene por defecto con el tema Divi que es uno de los temas PREMIUM m谩s utilizados de todos los tiempos.

    Una de las grandes ventajas que ofrece este editor de contenidos es que es compatible con casi todos los temas populares del mercado.

    Divi Builder聽se ofrece solo en 1 versi贸n:

    • Versi贸n PREMIUM, que se puede comprar desde su propio sitio web聽por 89 USD/a帽o. Este precio incluye Divi Builder, 2 temas PREMIUM (Divi y Extra) y 2 plugins PREMIUM adicionales (Bloom y Monarch) en un mismo paquete.

    4.4 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 un tema PREMIUM desarrollado con este plugin. Viene con editores Front End y Back End lo que hace que聽la edici贸n de contenido sea c贸moda.

    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 se ofrece solo en 1 versi贸n:

    5. Gutenberg! 驴Y ese qui茅n es?

    Como te he comentado anteriormente, WordPress, hasta la versi贸n 5.0, no contaba con un聽editor de contenidos 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.

    Anuncio publicitario

    6. Conclusi贸n

    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 entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

    (21 votos, promedio: 4.9 de 5)

    Facebook
    Twitter
    WhatsApp
    Telegram
    Email

    驴Me invitas un caf茅?

    Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo ser谩 pero, mantenerlo, requiere de muchos caf茅s y muuuuchas horas . Si te gusta mi trabajo y te est谩 ayudando, considera invitarme un caf茅 para apoyarme y apoyar este proyecto. 隆Te invito un caf茅!.

    Suscr铆bete y aprende WordPress desde cero

    No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.

    Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cu茅ntanos c贸mo ha sido tu experiencia.

    guest
    2 Comentarios
    Inline Feedbacks
    Ver todos los comentarios
    Facundo

    Gian tengo una pregunta, estuve viendo en algunos art铆culos que no recomiendan hacer las entradas con elementor porque se puede romper la entrada cuando modifiquemos tal cosa

    Gian Oliveira

    Hola Facundo, depende a que te refieres con "tal cosa". A煤n as铆 eso no es cierto. Elementor est谩 dise帽ado para crear cualquier tipo de contenido como p谩ginas, entradas y Custom Post Types sin que se rompa nada. De por si, todas las entradas de este {blog} est谩n 100% personalizadas con Elementor y todo funciona perfectamente. En el curso de Elementor trabajaremos con entradas din谩micas y ver谩s que todo va a funcionar de lujo. Si a煤n no tienes una licencia de Elementor PRO an铆mate que vale la pena. Puedes conseguirla en este enlace: Elementor PRO. Un saludo!

    2
    0
    驴Dejas un comentario? Gracias!x
    ()
    x
    Search
    Generic filters

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electr贸nicos.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Moderar y responder comentarios de usuarios.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.