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.
"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:
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
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:
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.
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.
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:
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:
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.
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:
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:
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:
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
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.
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.
Copyright 漏 2022 Curso de WordPress
Hecho con Venezolano!
Desarrollado con WordPress y dise帽ado con Hello Theme y Elementor.
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
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!