Es bastante habitual encontrarnos con páginas web desarrolladas con WordPress que utilizan algún tipo de page builder para maquetar sus páginas. Elementor, en sus versiones gratuita y de pago, se ha convertido en uno de los más utilizados y ha ganado bastante popularidad por la comodidad que ofrece a la hora de diseñar el contenido sin tocar código.
Los editores de este tipo suelen guardar la estructura y el contenido directamente en el cuerpo de la entrada dentro de la base de datos. Y aquí aparece el problema clásico, porque si cambiamos de dominio o activamos un certificado SSL, casi todas las URLs permanecen intactas. El resultado es que ciertos recursos dejan de cargarse o lo hacen de forma inconsistente.
Esta situación se repite mucho cuando migramos una web de un entorno de pruebas a producción o cuando un cliente decide cambiar el dominio sin revisar nada más. Como desarrollador web freelance especializado en WordPress me he encontrado el mismo escenario infinidad de veces y por suerte, Elementor incluye una herramienta que simplifica bastante este proceso. Esto permite que la mayoría de las veces no haga falta meterse en la base de datos ni hacer reemplazos a mano.
Por qué ocurre este problema con Elementor
Elementor almacena buena parte de su configuración en datos serializados. Esto afecta a textos, rutas de imágenes y ajustes internos de los widgets. Cuando se mueve una instalación de WordPress entre entornos diferentes, esas rutas no se actualizan solas, así que el constructor sigue intentando cargar archivos que ya no existen o que ahora están bajo HTTPS.
A efectos prácticos, el comportamiento es siempre similar. Veremos imágenes rotas, estilos que parecen desaparecer y pequeños fallos de diseño que no estaban antes del cambio. Lo que técnicamente viene a llamarse petar de mala manera.
La herramienta integrada de Elementor es útil cuando la web funciona bien pero el contenido sigue apuntando a rutas antiguas. Suele ser suficiente en migraciones pequeñas, cambios de dominio o activaciones de HTTPS. También ayuda cuando se ha restaurado una copia de seguridad que arrastra referencias antiguas.
No es una solución para todo, pero sí un buen primer paso antes de tomar medidas más avanzadas que requieran conocimientos más profundos.
Recuerda por último que WordPress usa un sistema de caché de URLs, de modo que si actualizaste la URL del sitio y ahora recibes errores 404 en las páginas internas probablemente se deba a esto.
Cómo reemplazar URLs dentro de Elementor
Para usar la herramienta basta con ir a Elementor >> Herramientas y pulsar la pestaña Reemplazar URL. En el primer campo se introduce la ruta antigua y en el segundo la nueva. Después se pulsa en «Reemplazar URL» y Elementor se encarga de buscar todas las coincidencias en su estructura interna.
Normalmente el proceso es rápido, aunque esto dependerá del tamaño del portal, claro. Una vez terminado, merece la pena cargar varias páginas para verificar que todo se muestra como debería. Te recomiendo también que regeneres los archivos CSS desde el propio menú de Elementor, ya que a veces algunos enlaces pueden seguir sin funcionar debido a los estilos cacheados, especialmente cuando se usan imágenes de fondo.
No obstante, aunque la herramienta es segura, conviene hacer una copia de seguridad previa y revisar bien las rutas que se van a modificar. Es buena idea incluir el protocolo y comprobar que no existen variantes con o sin www. En proyectos grandes puede ser preferible probar primero en un entorno de desarrollo para evitar sorpresas.
Si la herramienta no corrige todo
Hay ocasiones en las que siguen apareciendo rutas antiguas. Esto pasa sobre todo en webs que tienen plantillas globales, popups o integraciones externas. En esos casos pueden usarse alternativas complementarias para aquellas rutas a las que no llega Elementor. Pero antes de seguir recuerda: copia de seguridad al canto, por favor.
Si te manejas con las bases de datos y tienes acceso a la del portal, por ejemplo con MySQL, podrías usar una consulta SQL para reemplazar las URLs de una instalación WordPress, que busque el patrón de la ruta antigua en todas las tablas y la cambie por la ruta nueva. Normalmente es la opción que suelo usar cuando realizo una migración a un cliente.
Otra opción en caso que sepas acceder por SSH, es que puedes realizar un reemplazo desde WP-CLI con un comando de búsqueda y sustitución. Esto respeta la serialización y suele localizar entradas que Elementor no toca.
También existen plugins de búsqueda y reemplazo que facilitan la tarea si no se dispone de acceso al panel de control del hosting o por consola a la instalación. No voy a comentar ninguno porque no suelo usarlos, pero en el repositorio oficial encontrarás varios, mira el que tenga mejor reseñas de la comunidad.
En cualquier caso, nada de esto sustituye al sentido común. Si algo no encaja y es abarcable, lo mejor es directamente revisar manualmente las plantillas más complejas. Mejor corregir a mano 20 páginas que cepillarte, con perdón, 1000. Lo digo desde la triste experiencia.
Si necesitas ayuda con una migración o con una web que ha dejado de mostrar imágenes o estilos después de un cambio de dominio, estaré encantado de echar un vistazo. Como desarrollador WordPress freelance me he encontrado con estas situaciones muchas veces y sé lo frustrante que puede ser cuando algo deja de funcionar sin una explicación aparente.
Deja una respuesta