Cómo impulsar un sitio de desarrollo de WordPress en vivo
Publicado: 2022-08-19Saber cómo impulsar un sitio de desarrollo (dev) de WordPress en vivo es crucial para mantener el tiempo de actividad mientras actualiza su sitio. Esto es particularmente útil para las agencias que administran y actualizan una gran cantidad de sitios web, así como para los propietarios de sitios web que buscan realizar una actualización significativa en su sitio web actual. El uso de un sitio de desarrollo le permite realizar cambios en un sitio sin afectar el sitio en vivo. Cuando haya marcado sus cambios, simplemente puede enviarlos en vivo.
En este artículo, le mostraremos tres métodos (en detalle) para poner en marcha un sitio de desarrollo o ensayo. Pero primero, aclaremos algunos términos.
Si bien puede haber diferencias entre estos términos, usaremos "sitio de desarrollo" (o "sitio de desarrollo"), "sitio de prueba" y "sitio local" como sinónimos. Todos estos son entornos de prueba que permiten a los usuarios realizar cambios en sus sitios web de WordPress de una manera que no afectará el sitio en vivo. Del mismo modo, un "sitio en vivo" o "sitio de producción" es un sitio web que desea que los visitantes vean en la web.
Qué hacer antes de salir en vivo
Hay algunas cosas que puede hacer para prepararse para el éxito antes de comenzar oficialmente a impulsar su sitio de desarrollo a producción.
Imagen de Vector Stock Pro / shutterstock.com
- Asegúrese de que el sitio de desarrollo sea completamente funcional : querrá asegurarse de que su sitio de desarrollo sea completamente funcional antes de que lo insertemos en su sitio en vivo. Este es el objetivo principal de trabajar en un entorno de prueba o sandbox: puede asegurarse de que los cambios que está realizando funcionen correctamente antes de dejarlos sueltos en un sitio web en vivo.
- Haga una copia de seguridad de ambos sitios web : querrá hacer una copia de seguridad de su (s) sitio (s) web. Es más seguro continuar y hacer una copia de seguridad tanto de su sitio de desarrollo como de su sitio en vivo, aunque el sitio en vivo es el más importante de los dos, ya que es el sitio que está tratando de proteger. Hay algunas opciones del complemento de copia de seguridad de WordPress para ayudarlo si lo necesita. Además de las copias de seguridad de complementos, su proveedor de alojamiento puede ofrecer algún tipo de servicio para copias de seguridad. Vaya a la base de conocimientos de su host para ver lo que ofrecen en cuanto a copias de seguridad.
- Determinar el método correcto. – Una vez que su sitio de desarrollo sea funcional y sus sitios estén respaldados, puede comenzar a decidir qué opción para impulsar el sitio de desarrollo funciona mejor para usted. Cubriremos tres métodos en detalle a continuación.
Cómo impulsar el sitio de desarrollo en vivo
Hay tres formas en las que exploraremos llevar un sitio de desarrollo/escenario de WordPress a un sitio web en vivo. Las opciones para que elijas son:
- Use un complemento de migración de WordPress
- Empuje manualmente su sitio de desarrollo
- y use las herramientas de migración de un proveedor de alojamiento
Todos los principales complementos de puesta en escena/migración en el mercado utilizan un modelo de precios freemium en el que algunas opciones no se pueden usar a menos que pague por ellas. Vale la pena mirar lo que se ofrece en las versiones gratuitas de los principales complementos de migración y preparación para ver si satisfacen sus necesidades. En este artículo, usaremos el complemento WP Migrate Lite de Delicious Brains. La versión Pro hace que este proceso sea mucho más simple y envía más que solo la base de datos del sitio de desarrollo ( la versión Lite no envía archivos de complementos, medios o temas al sitio en vivo ).
El método Manual es para aquellos que están familiarizados con phpMyAdmin y cPanel. Este enfoque es muy práctico y hay muchos pasos. Vale mucho la pena si está tratando de aprender más sobre cómo funciona WordPress en el backend. Pero, te llevará un buen tiempo completarlo.
Descubrimos que los proveedores de alojamiento que tienen herramientas de preparación integradas en su plataforma ofrecen la opción más fácil para impulsar un sitio de desarrollo a un sitio en vivo. Cubriremos cómo las herramientas de preparación de Siteground hacen que esto sea muy fácil.
Empuje el sitio de desarrollo para vivir con WP Migrate (Complemento - Versión gratuita)
Para enviar un sitio de prueba a su sitio web en vivo con un complemento, usaremos WP Migrate. Es uno de los mejores complementos de migración que hay que tiene una versión gratuita. Además, la versión pro facilita aún más el proceso.
*Nota: la mayoría de los complementos de puesta en escena/migración ofrecen una versión gratuita, pero hacen más con una versión paga
Después de descargar y activar WP Migrate tanto en su sitio de desarrollo de WordPress como en su sitio en vivo, navegue hasta su sitio de desarrollo (mantenga ambos abiertos en pestañas separadas). Dentro de Herramientas , haga clic en Migrar base de datos .
Cerca de la parte superior, haga clic en Migrar y luego, en "Reemplazar otro sitio con este sitio", haga clic en Exportar base de datos .
Luego llegamos a una pantalla donde reemplazaremos las cadenas dentro de nuestra base de datos para que coincidan con las cadenas en nuestro sitio en vivo. Esto garantiza que cuando importemos la información migrada/empujada desde el sitio de desarrollo al sitio en vivo, el sitio no se caerá.
Observe en el lado derecho los dos cuadros de texto Reemplazar que deberán completarse.
A continuación, nos dirigiremos a la pestaña abierta que tiene nuestro Live Site . Vamos al mismo lugar en el mismo complemento. Estamos haciendo referencia y copiando lo que tiene el sitio en vivo en la columna Buscar . Estos se volverán a pegar en el sitio de desarrollo.
Una vez que hayamos pegado los elementos del sitio en vivo en el sitio de desarrollo (consulte las 2 imágenes anteriores si se da la vuelta), estamos listos para exportar la base de datos en el sitio de desarrollo. Esto descargará un archivo exportado de la base de datos del sitio de desarrollo (los archivos de temas, complementos y medios no se incluirán en esto y necesitarán la versión Pro de WP Migrate para empujar y extraer fácilmente entre sus sitios).
Debería ver un aviso de Exportación completa .
Ahora que tenemos el archivo .sql exportado, debemos hacer algo con él. Navegará al panel C de su sitio en vivo y en la sección "Bases de datos", haga clic en phpMyAdmin .
Ahora que tenemos el archivo .sql exportado, debemos hacer algo con él. Navegará al panel C de su sitio en vivo y en la sección "Bases de datos", haga clic en phpMyAdmin .
Cerca de la parte superior central, haga clic en Importar . En la página que se carga, buscará el archivo que se descargó en su computadora y luego comenzará la importación haciendo clic en Ir en la parte inferior izquierda de la página. Esto importará las bases de datos del sitio de desarrollo a su sitio en vivo.
Una vez que esto haya sucedido, verifique su sitio en vivo para asegurarse de que esté en funcionamiento y que los cambios que realizó en el sitio de desarrollo se reflejen en el sitio en vivo.
Empuje el sitio de desarrollo para vivir manualmente
Es completamente posible enviar un sitio de desarrollo a su sitio en vivo manualmente. Esto no es para los débiles de corazón, pero es realmente un buen conocimiento para aquellos que intentan familiarizarse con las bases de datos de WordPress y el cPanel. Estos pasos funcionan con cualquier proveedor de alojamiento que aún use cPanel.
Descargue los archivos necesarios del sitio de desarrollo
Lo primero que haremos será navegar a su cPanel en su sitio de desarrollo. Desde allí, buscaremos el Administrador de archivos y abriremos el directorio raíz del documento para su sitio de desarrollo y luego haremos clic en Ir .
Desde allí queremos hacer clic en wp-content y Comprimir esa carpeta .
Esto crea un nuevo archivo wp-content.zip comprimido. Haga clic en el nuevo archivo zip y seleccione descargar .
A continuación, queremos encontrar el archivo wp-config.php del sitio de desarrollo y descargarlo a su computadora también.
Exportar base de datos desde el sitio de desarrollo
Luego, regrese a su cPanel; en Bases de datos , haga clic en phpMyAdmin .
En la barra lateral izquierda, haga clic en la base de datos que corresponda con la base de datos de su sitio de desarrollo de WordPress. Haz clic en Marcar todo y luego en Exportar usando el menú desplegable.
En la siguiente pantalla, simplemente asegúrese de que el método de exportación esté configurado en rápido y que el formato sea SQL . Luego haga clic en Ir .
Lo que hemos hecho es descargar los archivos críticos de su sitio de desarrollo que cargaremos y configuraremos en su sitio en vivo. Esto le dará al sitio en vivo la configuración que configuró en su sitio de desarrollo mientras estaba probando y construyendo.
Importar base de datos al sitio en vivo
Ahora, vaya al cPanel del sitio web en vivo (NO al sitio de desarrollo). Haga clic en phpMyAdmin .
En la barra lateral izquierda, seleccione la base de datos para su sitio en vivo . Luego verifique todas las filas de la tabla. En el menú desplegable, seleccione 'Soltar' . Esto elimina las tablas de su sitio en vivo para que podamos reemplazarlas con la base de datos que descargamos anteriormente.
Confirme su elección de "Eliminar" la tabla haciendo clic en Sí .
A continuación, seleccione rápidamente Importar en el menú de arriba y haga clic en Elegir archivo .
A continuación, siga las instrucciones para cargar un archivo. Seleccione el archivo .sql que descargamos previamente y haga clic en Abrir .
Para terminar de cargar la base de datos, haga clic en Ir .
En esta base de datos recién cargada, deberá tomar nota del prefijo de los archivos en la barra lateral izquierda. Necesitaremos esto en un paso futuro.
Actualizar la base de datos con la URL del sitio en vivo
En la misma base de datos, seleccione la tabla _options en la barra lateral izquierda. Debajo de la lista de opciones disponibles, seleccione Editar en la opción con siteurl en la columna option_name . *Además, tome nota del prefijo de la base de datos para más adelante.
En la pestaña Insertar dentro de las opciones de URL del sitio de la tabla de la base de datos, queremos actualizar el valor_opción de la URL del sitio. Para hacer esto, reemplace la URL del sitio de desarrollo existente con la URL del sitio en vivo dentro del cuadro de valor a la derecha. Luego, desplácese hacia abajo y haga clic en Ir/Listo .
Una vez hecho esto, regrese a la misma lista de opciones para la tabla _options . Debajo de la lista de opciones disponibles, seleccione Editar en la opción con inicio en la columna nombre_opción . Luego repita el mismo proceso que antes (para siteurl ) y reemplace la URL del sitio de desarrollo de home option_value con la URL del sitio en vivo.
Actualizar archivos del sitio (wp-content) en el sitio en vivo
¡En este punto, hemos terminado de cargar y configurar nuestra base de datos! Pero, todavía no estamos fuera de peligro. Todavía tenemos que reemplazar algunos de los archivos del sitio en vivo del sitio de desarrollo.
Para hacer esto, regrese al cPanel del sitio en vivo, haga clic en Administrador de archivos, elija el sitio en vivo y haga clic en Ir .
Haga clic en la carpeta wp-content y luego elimínela .
A continuación, haga clic en Cargar en el menú superior del administrador de archivos.
Haga clic en Elegir archivo . Luego seleccione el archivo wp-content.zip y haga clic en Abrir .
Espera a que se cargue. Si finaliza la carga pero no lo lleva de vuelta a la estructura del archivo, haga clic en el enlace Volver a… .
Busque y haga clic en el archivo wp-content.zip que acaba de cargar y seleccione extraer en el menú desplegable.
En la ventana emergente Extraer , haga clic en Extraer archivos . Una vez que se realiza la extracción, puede eliminar el archivo comprimido wp-content.zip, ya que puede resultar confuso si lo hace con frecuencia.
Actualice el archivo wp-config.php para Live Site
Una vez que la carpeta wp-content esté en su lugar, seleccione el archivo wp-config.php y haga clic en editar .
Busque en el documento table_prefix y reemplace table_prefix con el prefijo de las tablas de la base de datos del sitio de desarrollo indicadas anteriormente. Luego, simplemente desplácese hacia abajo y haga clic en Guardar .
¡Eso es todo! Vea el sitio en vivo para ver los cambios que trajimos desde el sitio de desarrollo de WordPress.
Si eso fue demasiado para usted, muchas empresas de alojamiento modernas que priorizan el alojamiento de WordPress ofrecen herramientas sólidas (y fáciles de usar) de puesta en escena/migración.
A continuación, le mostraremos cómo Siteground facilita la transferencia de un sitio de desarrollo a un sitio activo.
Empuje el sitio de desarrollo a un sitio en vivo con las herramientas de ensayo de Siteground
Los proveedores de alojamiento que se especializan en instalaciones de WordPress han mejorado en la creación de herramientas para impulsar sitios de desarrollo/escenario a un sitio web en vivo. Una de esas empresas de alojamiento es Siteground, que resulta ser uno de nuestros socios de Divi Hosting. Para impulsar un sitio de desarrollo en vivo usando Siteground, deberá haber creado su sitio de prueba usando Site Tools de Siteground.
Una vez que su sitio esté en funcionamiento en Siteground, inicie sesión en su cuenta de Siteground. Luego haga clic en la pestaña Sitios web cerca de la parte superior. Seleccione también la subpestaña Sitios web . A partir de ahí, elija el sitio web que tiene en mente, que está representado por cada cuadro individual en la página. Haga clic en el botón Herramientas del sitio de ese sitio.
En el menú de la barra lateral izquierda, navega a WordPress > Puesta en escena. Desde allí, seleccione el sitio en vivo exacto que tenemos en mente en Seleccionar instalación de WordPress , que generalmente es una lista de subdominios para el TLD en particular.
En la sección "Administrar copias de ensayo" cerca de la parte inferior, busque la copia de ensayo que desea implementar y haga clic en el icono de tres puntos (⋮) para expandir las opciones para la copia de ensayo. Seleccione Implementación completa de la lista para implementar todo el sitio de ensayo. También puede seleccionar Implementación personalizada si solo tenía una parte del sitio provisional que deseaba implementar.
Finalmente, en la ventana emergente de confirmación de implementación, haga clic en Confirmar .
¡Todos hemos terminado después de eso! Debería ver un mensaje de Éxito en la esquina superior derecha.
Si no ve el diálogo de éxito, puede comunicarse con el soporte de Siteground para solucionar el problema.
Qué hacer después de que el sitio de desarrollo se publique
Nuestros tres métodos para impulsar un sitio de desarrollo de WordPress a un sitio en vivo son excelentes opciones. Pero, con cada uno, existen riesgos de romper temporalmente su sitio. Si bien es de esperar que los pasos de este artículo lo lleven al resultado deseado, aquí hay algo que debe tener en cuenta cuando haya terminado de impulsar su sitio de prueba.
Una vez que haya terminado los pasos que eligió seguir, abra el sitio en vivo y mire sus páginas. Asegúrate de que todo se esté cargando y sea lo que esperabas. Luego, vaya a su panel de administración e inicie sesión. No debería tener ningún error al iniciar sesión.
Si parece haber problemas con la base de datos, debe resolverlo rápidamente. Puede consultar nuestro artículo Cómo corregir un error de conexión a la base de datos para encontrar algunas áreas comunes para verificar dos veces. Si llega el momento, puede volver a la copia de seguridad que creó antes de comenzar e intentar los pasos nuevamente.
- Compruebe las versiones www y no www del sitio, así como HTTPS y HTTP. (¿Están ocurriendo los redireccionamientos como se esperaba?)
- Consulte los enlaces de navegación principal, así como las páginas dinámicas, como categorías, publicaciones y tipos de publicaciones personalizadas. (¿Están los cambios más recientes del sitio de desarrollo en su sitio en vivo?)
- Asegúrese de que las imágenes se reproduzcan correctamente en las páginas recién actualizadas.
- Supervise 404 enlaces rotos diariamente durante unos días después.
¿Qué método debe usar?
Cada uno de los tres métodos cubiertos en este artículo hará el trabajo. Sin embargo, dependiendo de su sitio o su proveedor de alojamiento, algunas opciones encajarán mejor que otras. Aquí hay algunas sugerencias:
- Si su proveedor de alojamiento tiene herramientas de preparación, vale la pena dedicar tiempo a aprender a usarlas. Estas herramientas hacen que el trabajo sea lo más fácil posible.
- Los complementos de migración/escenificación son la siguiente mejor ruta. Las versiones Pro costarán algo de dinero, pero siempre harán el truco por ti.
- Empujar manualmente un sitio de desarrollo a un sitio en vivo definitivamente no es la mejor ruta para los principiantes, ya que requerirá más tiempo y conocimiento técnico y puede terminar con la ruptura de su sitio. Sin embargo, si sabe lo que está haciendo, este método le da más control sobre el proceso que es el preferido por algunos desarrolladores.
Conclusión
Saber cómo migrar un sitio provisional a su sitio en vivo es un poderoso conjunto de habilidades que debe tener. Le permite más libertad en la experimentación en sus sitios sin la preocupación de colapsar el sitio en vivo en el que sus visitantes están activamente. Ya sea que administre sus propios sitios o los de sus clientes, saber cómo enviar actualizaciones lo convierte en un webmaster mucho más confiable.
Imagen destacada a través de Aleksandr_a / Shutterstock