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.

El editor de bloques introduce una experiencia moderna. Facilita la creación de diseños enriquecidos sin complementos o códigos cortos adicionales.

La actualización trae posibilidades emocionantes, pero es importante hacer la transición con cuidado.

Probar tu sitio con anticipación te ayuda a evitar sorpresas. Asegura que conservas tu diseño actual y que todo sigue funcionando como se espera.

Hemos ayudado a muchos usuarios de WordPress a prepararse para este cambio. Un poco de planificación 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 el editor de bloques tiene para ofrecer.

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

Aunque los temas y plugins modernos de WordPress son en gran medida compatibles con el editor de bloques, las pruebas son la única manera de estar 100% seguro.

Crear un entorno de prueba antes de cambiar del Editor Clásico te permite:

• Detectar incompatibilidades: Puedes averiguar si alguno de tus plugins antiguos o funciones personalizadas del tema entran en conflicto con el editor de bloques.
• Protege el tráfico de tu sitio en vivo: Evitas diseños rotos o mensajes de error que podrían alejar a los visitantes.
• Salvaguardar ingresos: Te aseguras de que tus formularios de contacto, páginas de pago y anuncios sigan funcionando perfectamente.
• Practicar sin riesgos: Puedes familiarizarte con la nueva interfaz sin la presión de editar un sitio web en vivo.

Cronograma Estimado de Pruebas

Antes de comenzar, esto es lo que puedes esperar en términos de inversión de tiempo:

• Creación de Copia de Seguridad: 10-30 minutos (dependiendo del tamaño del sitio)
• Configuración de Staging: 15-45 minutos (más rápido con herramientas de hosting de 1 clic)
• Pruebas del Editor de Bloques: 1-3 horas (prueba todas las páginas y funcionalidades clave)
• Resolución de Problemas: Variable (contacta a los desarrolladores si se encuentran conflictos)
• Tiempo Total: 2-5 horas para la mayoría de los sitios de WordPress

Los sitios más grandes con personalización extensa pueden requerir tiempo de prueba adicional. Planifica en consecuencia y evita apresurar el proceso.

Dicho esto, veamos cómo probar tu sitio web para cambiar al editor de bloques 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

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. Es confiable para más de 1.5 millones de instalaciones activas y mantiene una calificación de 4.9/5 en WordPress.org.

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.

Para crear una copia de seguridad con Duplicator, ve a tu panel de WordPress y navega a Duplicator » Backups. Luego, haz clic en ‘Add New’.

Esto te llevará a una nueva pantalla, donde necesitas nombrar tu copia de seguridad y configurar las opciones de almacenamiento para ella.

Luego, haz clic en el botón ‘Create Backup’.

Cuando eso esté hecho, descarga los archivos ‘Installer’ y ‘Archive’ a tu computadora. Guarda estos archivos en un lugar seguro — los necesitarás si necesitas restaurar tu sitio. 

Para obtener instrucciones completas, consulta nuestro tutorial sobre cómo crear una copia de seguridad completa en WordPress.

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, estás listo para probar. Ahora puedes revisar tu sitio web con el editor de bloques de forma segura.

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 significa instalar tu sitio de WordPress en tu computadora personal. Herramientas modernas como LocalWP (anteriormente Local by Flywheel) o XAMPP facilitan esto con instalaciones de WordPress de un clic.

Para usuarios de Windows, WAMP es también una opción sólida, y los usuarios de Mac pueden usar MAMP (que también funciona en Windows).

Descarga e instala LocalWP o elige XAMPP, WAMP o MAMP según tu sistema operativo. Sigue el asistente de instalación para configurar el entorno del servidor local en tu computadora.

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.

Después de crear tu paquete de copia de seguridad en el Paso 1, sube ambos archivos, el Instalador y el Archivo, al directorio raíz de tu servidor local (generalmente htdocs para XAMPP o www para WAMP/MAMP).

Luego, abre tu navegador y navega a http://localhost/installer.php. Sigue las instrucciones en pantalla para extraer el archivo y completar la instalación.

Para obtener instrucciones detalladas, consulta nuestra guía sobre cómo mover WordPress de un servidor local a un sitio en vivo (el proceso inverso funciona de la misma manera).

Luego, en el sitio local, puedes cambiar al editor de bloques. Puedes probar la compatibilidad de todos tus plugins y temas. También puedes hacer cambios en el sitio local y subirlos a tu sitio en vivo cuando hayas terminado.

Para hacer esto, crea un nuevo paquete de Duplicator en tu sitio local (siguiendo los mismos pasos de copia de seguridad del Paso 1), luego sube los archivos del Instalador y del Archivo a tu servidor en vivo y ejecuta el instalador.

Si no necesitaste hacer cambios localmente y todo parecía estar bien, puedes actualizar tu sitio en vivo. Antes de cambiar el sitio en vivo, crea una copia de seguridad reciente para asegurarte de que puedes restaurar si algo sale mal.

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.

All major managed WordPress hosting companies – including Bluehost, WP Engine, SiteGround, and Hostinger – offer 1-click staging site installation from your hosting account.

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.

Si no utilizas ninguna de estas empresas de hosting, deberías preguntarles porque es posible que ofrezcan 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

Existe la posibilidad de que un tema o plugin no funcione después de que realices el cambio. Los signos comunes de incompatibilidad incluyen: diseños de página rotos, contenido faltante, mensajes de error en el editor, funciones que ya no aparecen o errores de PHP que se muestran en el front-end.

Si ves alguno de estos problemas, significa que todavía tienes trabajo por hacer.

Necesitas contactar al desarrollador del tema o plugin. Pídeles que lo hagan compatible con el editor de bloques.

Si no obtienes una respuesta positiva, es posible que necesites encontrar un tema o plugin alternativo.

Alternativamente, puedes seguir usando el plugin Classic Editor. Esta es la mejor opción si administras un sitio con mucho contenido y un equipo grande ya capacitado en el flujo de trabajo clásico, o si dependes de plugins heredados que no se han actualizado para la compatibilidad con bloques.

Classic Editor es un plugin oficial de WordPress. Te permite ocultar el editor de bloques y crear contenido de la misma manera que antes.

Esta también es una buena opción si aún no estás listo para cambiar al Editor de Bloques.

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

Si recién estás iniciando tu primer blog de WordPress, entonces tienes suerte. Te acostumbrarás rápidamente al increíble nuevo 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, el nuevo editor es un cambio emocionante. La mayoría de nosotros estamos acostumbrados a trabajar con el editor antiguo. 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 el editor de bloques. 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
• Guía para principiantes para actualizar tus antiguas publicaciones de WordPress con el editor de bloques 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)
• Guía definitiva para seleccionar y usar bloques anidados en WordPress
• Cómo usar el editor de pantalla completa sin distracciones en WordPress
• Cómo deshacer cambios en WordPress con las revisiones de entradas
• Guía para principiantes: Cómo usar patrones de bloques de WordPress

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.

Preguntas frecuentes sobre la actualización de tu sitio a Gutenberg

Aquí hay algunas preguntas que nuestros lectores han hecho con frecuencia sobre la actualización del editor de su sitio de WordPress a Gutenberg.

¿Cómo pruebo mi sitio web de WordPress de forma segura?

Para probar tu sitio de WordPress de forma segura, primero crea una copia de seguridad completa con un plugin como Duplicator.

Luego configura un sitio de staging (o un servidor local usando LocalWP, XAMPP, WAMP o MAMP), cambia al editor de bloques en ese entorno de prueba y revisa todas las páginas y plugins en busca de errores antes de actualizar tu sitio en vivo.

¿Es Gutenberg mejor que Elementor?

Depende de tus necesidades específicas. El Editor de Bloques (Gutenberg) está integrado directamente en el núcleo de WordPress, lo que elimina la necesidad de código de constructor de páginas externo y es mejor para el rendimiento del sitio.

In our tests, sites using only the Block Editor typically load 20-30% faster than those running Elementor, because there’s no additional plugin overhead. However, Elementor offers more granular design control for complex, custom layouts.

¿Cómo activo el editor de Gutenberg en WordPress?

El Editor de Bloques está activo por defecto en todas las versiones modernas de WordPress. Si no lo ves, es probable que tengas activo el plugin "Classic Editor". Simplemente necesitas ir a Plugins » Plugins Instalados y desactivar el Classic Editor.

¿Por qué no funciona mi editor de bloques en WordPress?

Esto generalmente es causado por un conflicto con un plugin o tema desactualizado. Recomendamos desactivar temporalmente todos los plugins para ver si el editor se carga correctamente, y luego reactivarlos uno por uno para encontrar el plugin específico que causa el conflicto.

Para más información, consulta nuestra guía sobre problemas comunes del editor de bloques de WordPress y cómo solucionarlos.

¿Cómo cambio al editor de bloques?

Si estás usando el plugin Classic Editor pero quieres cambiar, ve a Ajustes » Escritura en tu panel. En “Editor predeterminado para todos los usuarios”, selecciona “Editor de bloques” y guarda tus cambios.

¿Qué sucede con mis publicaciones antiguas cuando cambio a Gutenberg?

Tus publicaciones existentes permanecen completamente intactas. Cuando abres una publicación antigua en el editor de bloques, WordPress envuelve automáticamente tu contenido clásico en un "bloque clásico".

Puedes continuar editándolo tal cual, o convertirlo en bloques individuales usando la herramienta de conversión de bloques. No se pierde contenido durante el cambio.

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 de los mejores plugins de bloques de Gutenberg.

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