WordPress Site Editor: Todo sobre Gutenberg y WordPress Full Site Editing

Maddy Osman Última actualización 09.08.2021
12 min.
Una guía del WordPress Site Editor: el «Full Site Editing» de WordPress
Última actualización 09.08.2021

Como usuario/a entusiasta de WordPress probablemente hayas escuchado la noticia de que el «WordPress Full Site Editing (FSE)» (edición total del sitio WordPress en español), está llegando a la plataforma. «Full Site Editing» es una nueva característica de WordPress que te dará más control sobre el diseño de tu sitio web. 

Como su nombre indica, «WordPress Full Site Editing» pretende aportar una experiencia de edición de sitios web más fluida a WordPress, similar a los plugins tipo «page builder»

Desde el momento en que el FSE esté disponible en WordPress, tú, como propietario/a de un sitio web, ya no tendrás que depender de diseñadores/as web para hacer incluso los cambios más pequeños. 

El «Full Site Editing» en el editor de sitios WordPress ha sido una función muy esperada por la comunidad WordPress, pero no se ha incluido en la última versión. En cambio, el desarrollo ha estado en marcha durante un tiempo y lo estará en el futuro inmediato.

Sin embargo, para entender mejor qué es el «Full Site Editing» de WordPress, cómo puedes probarlo y qué significa para el futuro del WordPress Site Editor, el mercado de themes y la industria del diseño web en su conjunto, solo tienes que seguir leyendo. 

Hoy se tratarán los siguientes temas:

  • Una definición del «WordPress Full Site Editing»
  • Cómo acceder al editor de sitios WordPress (WordPress Site Editor) en WordPress
  • El futuro del Full Site Editing de WordPress
  • Lo que significa el Full Site Editing de WordPress para el futuro del mercado de los themes WordPress
  • ¿Seguirá existiendo el editor de sitios WordPress y los constructor de páginas (page builders) en el futuro?
  • ¿Seguirá habiendo diseñadores/as web en el futuro?
  • Reflexiones finales sobre WordPress Full Site Editing

¿Qué se entiende exactamente por «WordPress Full Site Editing»?

Si observas cómo funciona un sitio web típico WordPress, te darás cuenta de que algunos elementos son siempre los mismos, independientemente del sitio. Otros componentes, sin embargo, se definen específicamente para páginas individuales.

Definir WordPress  Edición completa del sitio
Edición de bloques de cabecera en el WordPress Site Editor

El encabezado y el pie de página son algunos de los elementos globales que aparecen en cada uno de tus sitios web. El Live Customizer o las opciones de theme pueden añadir un grado de personalización a estos elementos. 

Por lo general, puedes cargar tu logotipo, cambiar los colores y, tal vez, modificar el layout o el diseño en cuanto a la colocación del logotipo y del menú. O, en el caso del pie de página, puedes establecer el número de widgets de pie de página y añadirles contenido. Si quieres añadir elementos adicionales, como una barra de búsqueda o iconos de redes sociales, tendrás que usar un plugin o añadirlos a través de un editor de código. 

La personalización de los elementos individuales de la página es igual de complicada. Estos incluyen texto, bloques de imágenes y medios de comunicación. A menos que utilices un plugin page builder (constructor de páginas) como Beaver Builder o crees tu propio theme, no tienes mucho control sobre cómo aparecerán estos elementos en tu sitio. 

Aquí es donde entra en juego WordPress Full Site Editing. La edición completa del sitio es un conjunto de características que le permiten hacer cambios globales y de página. Y también añadir elementos globales y de página desde una única interfaz, sin tener que recurrir al código. 

Incluye estilos globales, bloques de theme personalizados y edición de plantillas (templates) personalizadas. Veamos con más detalle estas características a continuación. 

Bloques 

Con WordPress 5.0 y el Site Editor de WordPress, se introdujo el clásico Block Editor, el editor de bloques. Los bloques son elementos que se pueden añadir a páginas y a posts. Entre estos se encuentran:

  • Imágenes
  • Párrafos 
  • Títulos 
  • Vídeos 
  • Contenido de audio 
  • Botones 

Los bloques también incluyen elementos globales del sitio web:

  • Título de la página 
  • Títulos del sitio web 
  • Menús
  • CSS
  • Shortcodes (códigos cortos)

Los bloques pueden ser tanto estáticos como dinámicos. Los bloques estáticos revelan su contenido en el momento de la publicación. Por ejemplo, un bloque de párrafo es un bloque estático.

Por el contrario, los bloques dinámicos son aquellos que muestran su contenido solo después de la publicación de un post o sitio. Un ejemplo serían los bloques de construcción del sitio que muestran las últimas entradas del blog o los últimos comentarios. 

Se pueden agrupar y reutilizar bloques. Esto significa que podrás combinar dos o más bloques para crear un grupo de bloques o patrones de bloques para reutilizarlos en cualquier post o en cualquiera de tu(s) sitio(s) web. Por ejemplo, se pueden combinar bloques de encabezados, párrafos, imágenes y botones para crear un resumen de las funciones.

Patrones de bloques

¿Qué son los patrones de bloques?

Block Patterns, 'patrones de bloques' en español, son grupos de bloques que crean diseños complejos predefinidos para tu sitio web. Básicamente, los patrones de bloques amplían la funcionalidad de agrupar bloques.

Una vez hayas añadido un patrón de bloques al sitio, podrás editar el contenido para que coincida con la página específica. En otras palabras, podrás ajustar cada patrón de bloque a la página en la que se encuentra. 

Por ejemplo, puedes utilizar una de las columnas de patrones de bloques para hablar sobre los servicios que ofertas en tu página de servicios. En otra página podrías utilizar los mismos patrones de bloques para presentar testimonios. 

Los patrones de bloques podrán utilizarse y pegarse en cualquier lugar de tu página para utilizarlos como punto de partida para tu diseño o layout. Algunos patrones de bloques vienen de fábrica en Site Editor de WordPress. Otros aparecen según los themes y plugins que utilices. 

Plantillas

Las plantillas o «templates» son diseños predefinidos que pueden contener bloques y patrones de bloques, atributos de bloques y contenido de marcadores de posición. Hasta ahora, las plantillas formaban parte de los archivos de temas WordPress. En algunos casos, algunos plugins también contenían archivos de plantillas. 

Plantillas
Usar WordPress Site Editor para crear patrones de bloques

Estos archivos de plantilla o «template» solían ser archivos PHP que podían contener algo de HTML. Con la introducción de los estilos del editor de bloques WordPress Block Editor y las funciones completas del Full Site Editing, las plantillas son ahora archivos HTML que contienen marcas de bloques («block markup»). 

Una plantilla consta del área de contenido y de partes de la plantilla como footer.html o header.html. Puedes reutilizar partes de la plantilla en otras plantillas. 

Imagen que muestra las partes de la plantilla como archivos HTML para que coincida con WordPress  Edición completa del sitio
Partes de la plantilla del pie de página o «footer» y encabezado o «header» como archivos HTML

Themes basados en bloques

Como su nombre indica, se trata de themes que utilizan el editor de WordPress Gutenberg y contienen estilos para varios bloques WordPress. El último theme WordPress oficial, Twenty Twenty One, es un ejemplo de un bloque basado en themes. 

Una vez el WordPress Full Site Editing se haya lanzado por completo, los futuros themes basados en bloques soportarán más que la edición del diseño de páginas y posts.También podrás editar el encabezado y pie de página de tu sitio web. 

Estilos globales

Captura de pantalla que muestra las opciones de configuración de estilos globales en el Editor de Sitios WordPress
Opciones de configuración para los estilos globales en el editor de páginas de WordPress (WordPress Site Editor)

Antes de examinar más detenidamente el Full Site Editing, me gustaría hablar brevemente de los estilos globales. Actualmente, si deseas realizar cambios de estilo en tu sitio web, tendrás que utilizar Live Customizer o el panel de opciones de tu theme. Esto te permitirá cambiar las fuentes, las opciones o esquemas de color y otros estilos visuales de tu sitio completo. 

Además, cada bloque tiene su propio conjunto de opciones de estilo, lo que ofrece aún más formas de personalizar el aspecto de tu sitio web. 

Sin embargo, el método actual de realizar cambios tiene algunas limitaciones:

  • En primer lugar, hay que utilizar dos funciones diferentes para realizar estos cambios.
  • En segundo lugar, si no se guarda un bloque como bloque reutilizable, hay que volver a darle forma cada vez. 

El Global Style Editing, edición de estilos globales en español, pretende resolver estos problemas unificando estas herramientas. De este modo, puedes dar estilo a los bloques y aplicar estos cambios a tu web por completo. De este modo, existe una única interfaz para crear y moldear los contenidos, lo que simplifica el proceso. 

Cómo ayuda el plugin Gutenberg WordPress para el Full Site Editing

Ahora que sabes lo que es el Full Site Editing, vamos a hablar de cómo te ayuda como usuario/a WordPress 

Como se ha mencionado anteriormente, una vez el WordPress Full Site Editing esté disponible para todos/as los/as usuarios/as WordPress, no habrá necesidad de cambiar entre el Customizer y el WordPress Site Editor. Podrás crear tus contenidos y realizar cambios de estilo en el mismo lugar. 

También puedes crear el diseño para tus páginas a través de la misma interfaz. Esto proporciona una experiencia de usuario más suave para usuarios/as finales y hace que el WordPress Site Editor sea más fácil de usar para principiantes. 

También permite que cualquier persona que no esté familiarizada con el código pueda realizar cambios en el diseño de la página sin tener que recurrir a desarrolladores/as WordPress o diseñadores web. 

¿Cuándo utilizar el WordPress Site Editor?

Puedes utilizar el Full Site Editing para realizar cambios globales en tu sitio web. Por ejemplo, puedes utilizarlo para crear un encabezado y un título global para tu sitio web, pero luego utilizar la configuración específica de la página para anular esos cambios. 

El WordPress Full Site Editing también es útil si deseas crear diseños predefinidos que tus clientes puedan insertar fácilmente en las páginas sin tener que recurrir a tu ayuda. Por ejemplo, puedes crear patrones de bloques que puedan ellos/as utilizar en una página de ventas o de productos sin mucho esfuerzo mental. 

WordPress Full Site Editing: Fecha de publicación

Captura de pantalla que muestra WordPress  Full Site Editing en acción
WordPress Full Site Editing en acción

En este momento, el Full Site Editing aún está en desarrollo. Este forma parte del proyecto Gutenberg WordPress y consta de cuatro fases. Estas cuatro fases se dividen de la siguiente manera:

  • Primera fase: introducción del editor de bloques en el editor de sitios WordPress
  • Segunda fase: ampliación de las capacidades del editor de bloques para incluir el Full Site Editing
  • Tercera fase: añadir funciones de colaboración que permitan un enfoque más intuitivo de la coautoría de contenidos.
  • Cuarta fase: implementación de WordPress Core para páginas multilingües 

Actualmente estamos en la segunda fase del proyecto Gutenberg. La versión WordPress 5.8 debería incluir el Full Site Editing. Esta versión debería incluir nuevos bloques como Query Loop, Query Pagination, Nav Menus, Site Logo y otros que permiten utilizar todo el potencial del WordPress Full Site Editing. 

Nuevo en WordPress 5.8: Bloques como widgets, rendimiento Gutenberg & Duotone

WordPress 5.8 es la segunda de las cuatro grandes actualizaciones previstas para WordPress en 2021. Hemos echado un vistazo a la beta de WordPress 5.8. ¿Qué puedes esperar de la nueva versión? ¿A qué hay que prestar atención? ¿Y qué hay del tan esperado Full Site Editing?

Cómo acceder al editor de sitios WordPress (WordPress Site Editor) en WordPress

Si quieres probar todas las funciones del Full Site Editing en práctica, necesitas una staging o una instalación local WordPress. Una vez creado el entorno de prueba (staging), es necesario instalar el plugin Gutenberg para WordPress y un theme de bloques como Twenty Twenty One. 

Una vez cumplidos estos requisitos, observarás una nueva opción en el menú llamada WordPress Classic Editor. Allí podrás editar cualquier parte de tu sitio web, incl. el encabezado, la navegación, el área de contenido y el pie de página. 

Si haces clic en el icono de WordPress en el WordPress Site Editor, también verás las plantillas (templates) y partes de plantillas (template parts) utilizadas en el theme y crear las tuyas propias. Por ejemplo, puedes hacer clic en más opciones para cada bloque para convertirlo en una parte de plantilla.   

Si haces clic en el icono Aa situado en la esquina superior derecha, verás las opciones para cambiar los estilos globales de todo el sitio. Esto incluye la edición de fuentes, el cambio de colores y la realización de cambios de estilo por tipo de bloque. 

Por último, pero no menos importante, también puedes descargar todas tus plantillas y gestionar los bloques reutilizables. Esta es una gran manera de hacer una copia de seguridad de tus archivos y protegerlos de cualquier percance.

El futuro del Full Site Editing de WordPress

Como se ha mencionado anteriormente, el Full Site Editing sigue en desarrollo, con planes para integrarlo en el núcleo de WordPress 5.8

El equipo de desarrollo sigue buscando comentarios activos. Si deseas contribuir, puedes unirte al programa de divulgación del Full Site Editing (FSE) Outreach Programm. De este modo, podrás enviar tus comentarios sobre tu experiencia Full Site Editing. 

Lo que significa el Full Site Editing de WordPress para el futuro del mercado de los themes WordPress

Ya hemos explicado mientras tanto qué es el FSE y cómo funciona, pero ¿qué significa esto para el futuro del mercado de los themes WordPress?¿Seguirán siendo necesarios los themes en el futuro?

Muchos themes no están todavía optimizados para el editor Gutenberg WordPress (también conocido como editor de bloques o Block Editor). Los/as usuarios/as WordPress que aún no utilizan themes optimizados para Gutenberg en WordPress pueden seguir utilizando el editor de sitios clásico WordPress (WordPress Site Editor) para añadir y actualizar contenidos en su sitio web. 

Para complicar aún más las cosas, muchos de estos themes también dependen de potentes plugins constructores de páginas como Genesis Blocks, Divi, Themify Builder o Elementor. Estos permiten editar sitios web y crear diseños avanzados sin tener que recurrir a diseñadores/as adicionales o a desarrolladores/as de plugin. 

Elementor: Tu guía completa para el constructor de páginas WordPress

Elementor es uno de los constructores de páginas o page builder más populares de WordPress. Por una buena razón: Elementor está repleto de funciones que hacen que la creación de sitios web personalizados sea más fácil que nunca. En este artículo, aprenderás todo lo que necesitas saber sobre Elementor.

En consecuencia, estos/as usuarios/as pueden mostrarse reacios/as a abandonar las herramientas que conocen en favor de una experiencia de edición completamente nueva.

WordPress ha dejado claro que el Full Site Editing es el objetivo final de la plataforma. Además, el FSE está a punto de introducirse en la próxima versión de WordPress 5.8. Sin embargo, es posible que los/as desarrolladores/as quieran esperar un tiempo antes de introducir el Full Site Editing hasta que no haya la suficiente demanda por parte de los/as usuarios/as. 

Pero incluso si los/as usuarios/as tardan en cambiar el FSE, los/as desarrolladores/as necesitan encontrar una manera de implementar este en sus themes para dar a los/as usuarios/as más flexibilidad en la edición de su sitio. Además, los/as desarrolladores/as de theme también deberían encontrar la manera de reducir la probabilidad de que los sitios web dejen de funcionar en manos de usuarios/as menos experimentados. 

Los themes tradicionales podrían seguir existiendo durante bastante tiempo, pero teniendo en cuenta los planes de WordPress, los/as desarrolladores/as de themes deberían meterse de lleno en el Full Site Editing y explorar las nuevas características y posibilidades que este ofrece. De este modo, podrás implementar estas funcionalidades en sus themes.  

¿Seguirá existiendo el editor de sitios WordPress y los constructor de páginas (page builders) en el futuro? 

El mercado de temas WordPress no es lo único que afectará al Full Site Editing. Los plugins constructores de páginas son otra parte del ecosistema WordPress a los que les espera un futuro lúgubre. 

No hay duda de que los plugins constructores de páginas (también llamados «page builder plugins») como Elementor y Divi son muy populares entre los usuarios WordPress, especialmente aquellos/as que no están familiarizados/as con la programación. Estos plugins, al igual que los themes WordPress, seguirán funcionando cuando el FSE sea habilitado en el Core. 

¿Pero seguirán siendo competitivos? Teniendo en cuenta la gran base de usuarios/as que tienen page builder plugins, es poco probable que los/as usuarios/as abandonen el barco inmediatamente después del lanzamiento. La razón principal es que los/as usuarios/as de plugins constructores de páginas están familiarizados/as con las características y herramientas que ofrecen estos. 

Si renuncias a una herramienta conocida para la edición completa del sitio, tendrás que aprender a trabajar con el WordPress Site Editor, lo que también lleva algún tiempo. 

Teniendo esto en cuenta, los plugins page builder no van a desaparecer pronto. En todo caso, los/as usuarios/as tendrán más opciones a la hora de construir su sitio web y podrán decidir qué opción les conviene más.

¿Seguirá habiendo diseñadores/as web en el futuro?

Después de haber tratado el mercado sobre themes y page builder, hablemos del último grupo que se verá afectado una vez el FSE sea lanzado oficialmente: los/as diseñadores/as web

En primer lugar, el punto más obvio. Con la introducción de funciones como los constructores de páginas y la edición completa del sitio, la barrera de entrada para el diseño de un sitio web se ha reducido. Cualquiera puede crear un sitio web funcional, tanto si se trata de un blog personal, un sitio web para una pequeña empresa o un sitio web para un portafolio. 

Además, los/as usuarios/as ya no tienen que depender de diseñadores/as para realizar pequeños cambios en sus sitios web. Aunque pueda parecer que el futuro de los/as diseñadores/as se prevé oscuro, los/as diseñadores/as no tienen que preocuparse por su futuro profesional.  

Por un lado, hay que tener en cuenta que no todos/as los/as usuarios/as WordPress quieren verse trasteando sitios web DIY como si se tratara de bricolaje. Los sitios web personalizados que se adaptan individualmente a clientes siguen siendo muy valiosos, ya que se distinguen de los diseños estereotipados que suelen crear aquellos/as usuarios/as habituales que construyen sitios web estándares. 

En segundo lugar, los/as diseñadores/as saben cómo diseñar visualmente un sitio web para llevar a los/as usuarios/as a las acciones que desean. Por no hablar de que pueden traducir la visión de sus clientes en un sitio web que se ajuste a sus objetivos. 

Por último, también pueden ayudar con los detalles técnicos del sitio web, como el SEO, la optimización de la carga de la página, la seguridad y otros tipos de mantenimiento. Incluso hay oportunidades para que los diseñadores web amplíen su oferta de servicios ofreciendo consultas y sesiones de estrategia como servicios de entrada a paquetes completos de diseño web.

Conclusión: Guía para WordPress Site Editor y WordPress Full Site Editing

Como puedes ver, el FSE es un cambio largamente esperado en la forma de crear y diseñar contenidos y en la forma en que los/as desarrolladores/as crean nuevos themes. 

Aporta interesantes funciones tanto para creadores/as de contenidos como para desarrolladores/as con el fin de unificar y agilizar el proceso de diseño y dar a los/as usuarios/as finales más poder y libertad. Gracias a estas nuevas características, diseñarán sus sitios web de una manera más fácil de usar. 

El Full Site Editing proporcionará una experiencia de usuario más fluida y tendrá un impacto en el mercado en torno al editor de sitios WordPress, themes WordPress y page builders. Aunque pueda parecer que este es el fin de los/as diseñadores/as web, la realidad es todo lo contrario. 

Los/as diseñadores/as web no morirán ni quedarán en el olvido una vez estén disponibles el FSE y los temas basados en bloque. Los/as diseñadores/as web pueden seguir ofreciendo sus servicios porque no todos los/as propietarios/as de sitios web tienen el tiempo, la motivación y la inspiración para diseñar o actualizar su propio sitio web. 

Por otra parte, los/as diseñadores/as web pueden ampliar sus servicios para incluir la consultoría estratégica sobre mejores prácticas de diseño web, optimización SEO, las consideraciones de seguridad y las auditorías de sitios web. 

El WordPress Full Site Editing está a la vuelta de la esquina. Es hora de ponerse a ello y explorar todas las nuevas y maravillosas posibilidades de creación de sitios web y contenidos que ofrece. Mientras tanto, no olvides asegurar tu hosting web en RAIDBOXES. De este modo, verificarás que tu sitio web está preparado para afrontar los próximos cambios WordPress por venir. 

Tus dudas sobre el WordPress Full Site Editing

¿Qué preguntas tienes sobre el Full Site Editing (FSE) de Wordpress? No dudes en hacérnoslo saber en los comentarios. ¿Estás interesado/a en el mundillo WordPress, diseño web y desarrollo? Entonces sigue a RAIDBOXES en Twitter y Facebook, LinkedIn o a través de nuestra newsletter.

Maddy Osman es una especialista en estrategias de contenidos SEO. Trabaja con clientes seleccionados en el ámbito de WordPress y alojamientos web. Gracias a su formación en diseño web y WordPress ha adquirido un profundo conocimiento de SEO y sabe exactamente cómo conectar las marcas con contenido relevante SEO.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.