Cómo probar tu sitio para actualizar a Gutenberg (Editor de Bloques)

Cambiar al editor de bloques de WordPress puede ser un gran paso si tu sitio ha estado funcionando sin problemas con el editor clásico.

Gutenberg introduce una experiencia de edición moderna basada en bloques que facilita la creación de diseños enriquecidos sin complementos o códigos cortos adicionales.

Si bien la actualización trae posibilidades emocionantes, es importante hacer la transición con cuidado.

Probar tu sitio con anticipación te ayuda a evitar sorpresas, preservar tu diseño actual y asegurarte de que todo siga funcionando como esperas.

Hemos ayudado a muchos usuarios de WordPress a prepararse para este cambio, y un poco de planificación realmente ayuda mucho. En esta guía, te mostraremos los pasos exactos que seguimos para probar un sitio antes de habilitar el editor de bloques.

Esto te ayudará a avanzar con confianza y a aprovechar al máximo lo que Gutenberg tiene para ofrecer.

¿Por qué probar tu sitio de WordPress antes de actualizar a Gutenberg?

WordPress 5.0 trajo una forma totalmente nueva de crear contenido con un editor completamente nuevo llamado editor de bloques o Gutenberg.

Utiliza bloques, que son elementos de contenido que puedes mover por el editor.

Sin embargo, algunos usuarios todavía se muestran reacios a actualizar sus sitios web de WordPress al editor de bloques, temiendo que algo no funcione o que Gutenberg pueda romper su sitio web.

Gutenberg se desarrolló durante un largo período con tiempo suficiente para que los desarrolladores de temas y complementos hicieran sus productos compatibles con Gutenberg.

Todos los plugins de WordPress más importantes ya son totalmente compatibles con Gutenberg, y la mayoría de los temas funcionarán sin problemas.

Sin embargo, para evitar cualquier conflicto, es posible que desees probar tu sitio con Gutenberg y las versiones más recientes de WordPress. Esto te permitirá saber si alguno de tus plugins o temas es incompatible. También puedes detectar errores inesperados de WordPress y corregirlos antes de actualizar tu sitio en vivo.

Dicho esto, ahora vamos a ver cómo probar tu sitio web para actualizar al editor de bloques Gutenberg paso a paso. Puedes usar estos enlaces rápidos para navegar por este tutorial:

• Paso 1: Crea una copia de seguridad completa de tu sitio web
• Paso 2: Prueba tu sitio en un servidor local o sitio de staging
• Paso 3: Instala el plugin Classic Editor en caso de problemas de compatibilidad
• Paso 4: Aprende más sobre el editor de Gutenberg

Paso 1: Crea una copia de seguridad completa de tu sitio web

Siempre debes crear una copia de seguridad completa de tu sitio web de WordPress antes de cualquier actualización importante. Las copias de seguridad te protegen contra cualquier daño y evitan problemas que pueden ocurrir durante el proceso de actualización.

Mantener copias de seguridad regulares de tu sitio web es importante incluso si no estás actualizando tu sitio, ya que pueden salvarte en situaciones de emergencia como ataques de malware, hackeos y más.

Hay muchos plugins de copia de seguridad de WordPress entre los que puedes elegir, pero recomendamos usar Duplicator.

Lo hemos probado exhaustivamente en varias configuraciones de WordPress, y ha demostrado ser consistentemente confiable y fácil de usar.

Ya sea que estés creando copias de seguridad manuales o configurando programaciones automáticas, Duplicator te brinda control total y flexibilidad.

Si tienes curiosidad sobre cómo se compara con otras herramientas, también hemos publicado una reseña práctica de Duplicator compartiendo nuestra experiencia con más detalle.

Paso 2: Prueba tu sitio en un servidor local o sitio de staging

Después de haber creado una copia de seguridad completa de tu sitio web, ahora estás listo para probar tu sitio web con la versión más reciente de WordPress y el editor de Gutenberg.

Hay dos métodos comunes para probar nuevas actualizaciones sin afectar realmente tu sitio en vivo:

1. Prueba tu sitio web en un servidor local instalado en tu computadora.
2. Prueba tu sitio web en un servidor de staging.

Ambas opciones te permiten probar WordPress con el editor de bloques y tu contenido, plugins y temas existentes.

1. Prueba tu sitio web en un servidor local

Usar un servidor local simplemente significa instalar tu sitio de WordPress en tu computadora personal con software como WAMP o MAMP (para Mac).

En este método, primero moverás una copia de tu sitio de WordPress en vivo al servidor local usando un plugin de migración como Duplicator.

Luego, en el sitio local, puedes actualizar a la última versión de WordPress y probar todos tus plugins/temas para ver su compatibilidad con el editor de bloques.

También puedes hacer cambios en el sitio local y subirlos a tu sitio en vivo cuando hayas terminado.

Si no necesitaste hacer ningún cambio en el sitio local y todo pareció estar bien, entonces puedes proceder a actualizar tu sitio en vivo a la última versión de WordPress.

2. Prueba tu sitio web en un entorno de staging

Un sitio de staging es una versión de desarrollo separada de tu sitio web donde puedes probar nuevas funciones.

Generalmente es un subdominio de tu sitio que está restringido al acceso público. Es donde puedes probar nuevas actualizaciones, temas y plugins, o usarlo para todo tu desarrollo. Una vez que hayas probado todo lo necesario, puedes subirlo a tu sitio en vivo.

La mayoría de las empresas de hosting para WordPress ofrecen instalación de sitios de staging en 1 clic desde tu cuenta de hosting.

Si tu sitio está alojado con Bluehost, encontrarás una opción para crear un sitio de staging en el menú de Bluehost en tu panel de administración de WordPress.

También puedes crear sitios de staging en 1 clic en Hostinger, WP Engine y SiteGround. Si no utilizas ninguna de estas empresas de hosting, deberías preguntar a tu proveedor, ya que podrían ofrecer esta función.

Si tu servicio de hosting no tiene una función de instalación de sitios de staging, aún puedes hacerlo manualmente por tu cuenta. Aquí tienes nuestro tutorial paso a paso sobre cómo configurar un entorno de staging en WordPress.

Paso 3: Instala el plugin Classic Editor en caso de problemas de compatibilidad

Ahora, existe la posibilidad de que un tema o plugin no funcionara después de actualizar WordPress, lo que significa que todavía tienes trabajo por hacer.

Necesitas contactar al desarrollador del tema o plugin y pedirle que lo haga compatible con la última versión de WordPress.

Si no obtienes una respuesta positiva, entonces necesitas encontrar un tema o plugin alternativo para reemplazar los incompatibles.

Alternativamente, también puedes simplemente deshabilitar Gutenberg instalando el plugin Classic Editor en tu sitio de WordPress. Hacer esto te permitirá actualizar WordPress de forma segura mientras sigues usando el editor clásico con el que estás familiarizado.

Classic Editor es un plugin oficial de WordPress de los colaboradores principales de WordPress que te permite volver al editor clásico de WordPress. Con este plugin, puedes ocultar el editor de Gutenberg y crear contenido de la misma manera que antes.

Esta también es una buena opción si no quieres la actualización de Gutenberg.

Paso 4: Aprende más sobre el editor de Gutenberg

Si apenas estás iniciando tu primer blog de WordPress, entonces tienes suerte. Te acostumbrarás rápidamente al increíblemente genial editor de bloques, que es más rápido, más moderno e increíblemente potente.

Por otro lado, si has estado usando WordPress por un tiempo, entonces el nuevo editor es una nueva y emocionante experiencia para ti.

La mayoría de nosotros estamos acostumbrados a trabajar con el editor antiguo y hemos configurado nuestros flujos de trabajo en torno a él.

La buena noticia es que aún puedes hacer todo lo que hacías en el editor antiguo con Gutenberg.

Para ayudarte a aprender nuevas funciones, hemos creado estos artículos:

• Cómo usar el editor de bloques de WordPress (Tutorial de Gutenberg)
• Cómo convertir bloques clásicos a Gutenberg en bloque en WordPress
• Cómo actualizar tus publicaciones antiguas de WordPress con el Editor de Bloques de Gutenberg
• Cómo agregar una nueva publicación en WordPress y utilizar todas las funciones
• Cómo agregar y alinear imágenes en el editor de bloques de WordPress (Gutenberg)
• Cómo Seleccionar y Usar Bloques Anidados en WordPress
• Guía para principiantes: Cómo usar patrones de bloques de WordPress
• Cómo usar el editor de pantalla completa sin distracciones en WordPress
• Cómo deshacer cambios en WordPress con las revisiones de entradas

También puedes ver nuestra guía completa sobre el Editor de Sitio Completo, que es como el editor de bloques pero para editar tus temas de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo probar tu sitio de WordPress para actualizar al editor de bloques. También te puede interesar ver cómo solucionar problemas comunes del editor de bloques, y nuestras selecciones expertas para los mejores plugins de bloques de Gutenberg.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.