3 formas sencillas de configurar rápidamente un sitio de ensayo de WordPress

A pesar de lo fácil que YouTube lo hace, el desarrollo web es un desafío de principio a fin. Para minimizar los problemas en su sitio en vivo, es una buena idea probar los cambios de antemano. Configurar un sitio de prueba de WordPress es una excelente manera de hacerlo.

Un sitio de prueba le permite transferir tareas mundanas y potenciales que rompen el sitio a una copia de su sitio. El sitio web en vivo permanecerá en línea y sin errores. Mientras tanto, puede trabajar en lo que necesite y aplicar los cambios cuando esté listo.

Esta publicación explorará los sitios de preparación de WordPress y algunas formas fáciles de configurarlos.

¿Emocionado? ¡Empecemos!

¿Qué es un sitio de prueba de WordPress?

Un sitio de ensayo es una copia exacta de su sitio en vivo que no es visible para el público. Es muy parecido a un área de organización de eventos o fiestas: le brinda una manera de configurar su sitio como lo desea en un entorno de bajo estrés. A partir de ahí, puede tomar esos elementos y trasplantarlos al sitio en vivo, a menudo con un solo clic.

En un sitio web, el proceso de trasplante es sencillo cuando dispone de las herramientas adecuadas. Muchos servidores web le brindan una forma con un solo clic de organizar su sitio y hacer retroceder los cambios nuevamente:

Es posible que ya utilice un entorno de desarrollo local y hay algunas similitudes. Para empezar, ambos son copias de su sitio en vivo. Sin embargo, a partir de ahí, divergen. Por lo general, un sitio de preparación suele ser más flexible con respecto a lo que puede tirar y empujar. También puede permitirle trabajar con elementos de sitios interactivos que necesitan un servidor activo.

Hablaremos más sobre estos elementos (y más) a continuación.

No probar los cambios en su sitio antes de publicarlo en vivo es una receta para el desastre 😬 Aprenda a evitar errores de última hora en esta guía 👇Haz clic para tuitear

¿Por qué configurar un sitio de prueba de WordPress?

Incluso si utiliza un entorno de desarrollo local, le recomendamos que utilice también un sitio de prueba. Hay muchas razones para hacerlo. En primer lugar, ya hemos explicado cómo puede trabajar en elementos específicos del sitio sin afectar su sitio en vivo.

Uno de los problemas importantes y esenciales de la puesta en escena es traer elementos específicos de su sitio sin tocar otro contenido dinámico.

Por ejemplo, considere los comentarios del sitio.

Los comentarios representan contenido dinámico basado en el tiempo que no desea «congelar». Si lo hiciera, la actividad en su sitio en vivo entre el momento en que lo organizó y el momento en que lo presionó desaparecería.

Además, su sitio de ensayo puede actuar como un banco de pruebas para la configuración de su servidor. Un excelente entorno de desarrollo local a menudo puede simular la configuración de un servidor.

Sin embargo, no hay sustituto para el servidor en vivo en sí. Un sitio de prueba puede mostrarle cómo reacciona su sitio y darle la oportunidad de cambiar las cosas si es necesario antes de que afecte a sus visitantes.

Esto se relaciona con otras buenas razones relacionadas para usar un sitio de prueba de WordPress:

• Puede probar nuevas funciones lejos del público. Esta función es vital para sus cifras de tráfico, tasa de rebote y análisis generales. En un nivel más fundamental, puede actualizar el núcleo de WordPress, sus temas y sus complementos mientras soluciona cualquier problema que surja.
• No hay tiempo de inactividad en su sitio en vivo cuando se usa un entorno de prueba. Nuevamente, mantener un alto tiempo de actividad no solo es bueno para su servidor, también es excelente para sus métricas.

Un efecto secundario de todos estos beneficios es que, en general, utilizará menos recursos potenciales. ¡También es genial para mantener felices a tus desarrolladores! A continuación, hablaremos más sobre cómo un sitio de preparación ayuda al estado de ánimo.

La importancia de desarrollar utilizando un sitio de preparación

En primer lugar, te daremos algunos consejos. Si es el propietario de un sitio que busca trabajar en su sitio sin la ayuda de un profesional, le pedimos que lo reconsidere. Al menos, piense en obtener información de terceros sobre el aspecto y el funcionamiento de su sitio.

Colaborar con un desarrollador lo ayudará de varias maneras. Una de las principales razones es que puede utilizar sus métodos probados y comprobados para obtener un sitio de su cerebro a Internet con el menor esfuerzo.

Un desarrollador a menudo tendrá algunos puntos críticos de su proceso, algunos de los cuales es posible que no haya considerado:

• A menudo hay una etapa de planificación pesada, en lugar de simplemente improvisar en el sitio en vivo.
• La pila de software es esencial, ya que determina la funcionalidad a la que puede acceder. Se reduce en cascada al rendimiento y la escalabilidad de su sitio.
• Habrá una etapa de revisión y corrección de errores, que puede ser tediosa pero crucial para mantener alta la calidad de su sitio.

Un sitio de preparación es una parte vital de cada paso del proceso. El primer aspecto será poner en escena su sitio en vivo para realizar algunas «pruebas de estrés». Saber esto le da margen para el desafío que se avecina.

Además, el desarrollador puede migrar aspectos a otras opciones de software. Por ejemplo, puede sustituir jQuery con JavaScript vanilla, o puede probar el cambio a React. La puesta en escena le brinda al desarrollador una forma de probar lo que es posible en un entorno casi en vivo.

La corrección de errores y el pulido del diseño también son excelentes usos para un sitio de ensayo. El desarrollador puede enviarle versiones del sitio y solucionar cualquier problema evidente, mientras que usted puede comentar aspectos que pueden haber pasado desapercibidos.

Un entorno de desarrollo local trabaja para profundizar en los aspectos prácticos de un sitio sin utilizar ningún recurso del servidor. Un sitio de preparación es un punto crucial en la cadena entre los sitios locales y en vivo. También le brinda información que no puede obtener en ningún otro lugar.

Cuándo usar un sitio de preparación

Teniendo en cuenta lo que hemos dicho hasta ahora, no es de extrañar que la puesta en escena sea algo que querrá utilizar la mayor parte del tiempo al desarrollar su sitio. Llevar su sitio en vivo a la puesta en escena es algo que debería convertirse en un hábito para que nunca realice ningún cambio en su sitio en vivo.

Aun así, hay algunas situaciones específicas en las que querrá utilizar un entorno de prueba de WordPress:

• Las actualizaciones simples, como temas, complementos y el núcleo de WordPress, deben intentarse en la puesta en escena primero si presentan algún problema que rompa el sitio.
• La instalación de complementos y temas debe realizarse en la etapa de prueba para que pueda probar la funcionalidad y las características sin afectar a los usuarios en vivo. Además, te da el tiempo y el espacio para jugar con las minucias antes de hacer públicos los cambios.
• Si tiene cambios significativos basados ​​en código, siempre deben aplicarse primero al sitio de ensayo. Como hemos señalado, un sitio de preparación actúa como el «intermediario» entre su sitio en vivo y el entorno local, lo que evita confusión y estrés para usted y sus visitantes activos.

Vale la pena señalar que a menudo puede salirse con la suya actualizando temas, complementos y el propio WordPress directamente en su sitio en vivo. Sin embargo, no lo recomendamos. También es doblemente importante organizar su sitio si tiene la intención de actualizar complementos «inusuales» conocidos o instalar una versión importante de WordPress.

Cuidar y tener cuidado con la estabilidad de su sitio es primordial. En general, organice su sitio cada vez que su trabajo pueda afectar o confundir a los usuarios.

Qué considerar al usar un sitio de ensayo

Decidir utilizar un sitio de preparación de WordPress no es una decisión impulsiva en la mayoría de los casos, independientemente de si hay una opción de preparación de un clic disponible a través de su host.

Sería útil si se hiciera muchas preguntas sobre cómo planea usar su sitio de ensayo. Éstos son solo algunos:

• ¿Puede utilizar todas las funciones de su sitio en vivo en el sitio de ensayo?
• ¿Puede impulsar elementos específicos en vivo mientras mantiene otros aspectos intactos (por ejemplo, comentarios del sitio)?
• ¿Puede llevar esos elementos específicos a su entorno local y trabajar fuera de su servidor?

Estas son preocupaciones generales que todo propietario de un sitio debería plantearse. Es posible que tenga preguntas específicas relacionadas con su configuración. Por supuesto, debe hacer que encontrar las respuestas sea una prioridad. El bloguero de WordPress Chris Lema tiene un gran artículo de reflexión y un tutorial sobre cómo decidir el enfoque adecuado para usted.

También puede tener preguntas específicas sobre un nicho sobre el uso de un sitio de ensayo. Por ejemplo:

• Sitios de comercio electrónico: ¿Puede utilizar todo el proceso de pago en su sitio de ensayo? Este factor será esencial para determinar cómo se mueven los usuarios a través de su sitio.
• Complementos y temas: ¿Cómo funcionan los complementos como Jetpack en la puesta en escena? sitios? Además, Jetpack, en particular, tiene funciones limitadas dentro de los entornos locales porque necesita acceso al servidor.
• Video y streaming: ¿Obtienes funcionalidad completa en tu sitio de ensayo? ¿Cómo puede determinar si el video que ve en su sitio de ensayo representa su sitio en vivo?

Como señalamos, estas preguntas serán específicas de su entorno, sitio y necesidades. Por lo tanto, es otra buena razón para trabajar con un desarrollador, al menos en la etapa de planificación. Pueden aportar su experiencia a su proyecto y hacer algunas de estas preguntas antes de saber que necesita las respuestas.

Cómo configurar un sitio de prueba de WordPress (3 formas)

En las siguientes secciones, veremos cómo configurar un sitio de prueba de WordPress utilizando algunos métodos diferentes. Hemos ordenado del más fácil al más difícil, pero la definición es imprecisa.

Puede gravitar hacia una solución en particular más que las otras. Siéntete libre de saltar y echar un vistazo al método que más te guste.

1. Cree un sitio de ensayo con su host web

Nuestro primer método es uno que no todos los servidores web ofrecen. La funcionalidad de preparación dedicada a menudo es el dominio de los hosts de WordPress de alta calidad porque conocen el valor de un sitio de preparación. Por ejemplo, Kinsta ofrece puesta en escena con un solo clic, y lo mostraremos con más detalle más adelante.

Cuando un host ofrece una puesta en escena incorporada, a menudo hay dos elementos en su lugar:

• Como hemos señalado, la puesta en escena con un clic es popular porque representa la forma más rápida de poner en escena su sitio en vivo.
• Un sitio de prueba de WordPress residirá en un subdominio de su dominio principal. Discutiremos esto de varias maneras a lo largo del artículo.

Si es cliente de Kinsta, hemos analizado la puesta en escena de WordPress en detalle en nuestra base de conocimientos. Consulte esa pieza para ver los detalles de cómo hacer esto. Dicho esto, vale la pena resumir todo el proceso:

1. Elija su sitio de la lista en MyKinsta.
2. Cambie el entorno de «En vivo» a «Puesta en escena».
3. Haga clic en el botón para implementar su sitio de ensayo de WordPress.
4. Espere hasta 15 minutos para que se complete el sitio de ensayo.

Su entorno de ensayo tendrá su propio subdominio y también transferirá la configuración de Secure Sockets Layers (SSL).

Incluso puede restaurar una copia de seguridad de un sitio a la etapa de prueba y enviar su sitio de prueba en vivo desde el panel de MyKinsta:

Creemos que nuestra funcionalidad de puesta en escena es insuperable. Aun así, hay glaseado para colocar en el pastel de tres niveles, cortesía de DevKinsta, que discutiremos a continuación.

Cómo DevKinsta puede ayudarlo a crear un sitio de prueba

El panel de MyKinsta tiene casi todas las características y funcionalidades que necesita para crear y administrar su sitio en vivo. Si prefiere trabajar en un entorno local, puede utilizar DevKinsta.

DevKinsta es nuestro entorno de desarrollo local para todos los desarrolladores web y propietarios de sitios, aunque tiene una funcionalidad específica para los clientes de Kinsta:

Es una aplicación con todas las funciones (y gratuita) para ayudarlo a crear nuevos sitios de WordPress con un mínimo de clics. Además, tiene mucho en la caja para ayudarlo a preparar las cosas para un servidor real. Hemos cubierto esto en otra parte del blog de Kinsta, pero hay una configuración en la que queremos centrarnos un poco más: la opción Push to staging:

Esta función le permite elegir un sitio de destino y transferir su sitio local a su entorno de ensayo. También significa que tiene una forma de permanecer completamente dentro del ecosistema de Kinsta durante todo el proceso de desarrollo.

El primer paso en el proceso es importar su sitio desde Kinsta dentro de DevKinsta:

Una vez que su sitio esté alojado en DevKinsta, puede tomarse su tiempo para realizar los cambios que necesita. Desde allí, hará clic en el Empuje a la puesta en escena y envíelo de vuelta a su servidor de alojamiento. Cuando esté listo para dar rienda suelta a su sitio en el mundo, el Empuje para vivir dentro del panel de MyKinsta hará el trabajo.

2. Instale un complemento para ayudarlo a crear un sitio de prueba de WordPress

Mencionamos que algunos hosts no le permitirían crear un sitio de prueba de WordPress. Por supuesto, recomendamos cambiar de proveedor si esto se aplica a usted, pero todavía hay formas de crear un entorno de prueba si no puede.

Dado que el ecosistema de complementos de WordPress es sólido, no es de extrañar que también existan complementos de prueba. Para los que no lo saben, un complemento de prueba le brinda casi paridad en la funcionalidad como lo hace un host, pero se maneja desde su panel de WordPress. Dicho esto, vale la pena señalar que existen algunas diferencias entre los complementos de preparación y otros complementos de duplicación de sitios como Duplicator.

Para empezar, Duplicator no es una prueba. Es un complemento poderoso para clonar un sitio web, pero no tiene la seudo control de versiones que tiene un entorno de ensayo.

Hemos visto que los complementos de duplicación de sitios se recomiendan como una forma ideal de crear un sitio de prueba. ¡No lo recomendamos! Es discutible si el uso de un complemento como Duplicator está a la par con una herramienta de desarrollo local dedicada como DevKinsta.

En cambio, existen soluciones más robustas como WP Stagecoach y WP Staging:

Los beneficios de utilizar una solución como WP Staging son numerosos:

• Puedes clonar tu sitio rápidamente.
• Todo sucede dentro de un panel de control de apariencia familiar.
• Puede excluir tablas y carpetas de bases de datos específicas.
• Puede elegir qué archivos y tablas se envían en vivo.

Todo el proceso de uso de un complemento le resultará familiar. Con respecto a WP Staging, instalará el complemento en su sitio de la forma habitual. Tenga en cuenta que hay una versión gratuita con funcionalidad limitada y una versión premium que ofrece la gama completa de funciones.

Una vez que el complemento esté en su sitio, se dirigirá al WP Staging> Sitios / Inicio página y haga clic en el Crear nuevo sitio de ensayo botón:

Al hacer clic en esto, llegará al Exploración sección. Aquí hay tres partes que debe considerar, además de ingresar un nombre para su sitio de ensayo:

• Tablas de base de datos: Esta es una lista de todas las tablas de su base de datos y puede seleccionar las que desee organizar.
• Archivos: Puede elegir qué carpetas copiar aquí, junto con los directorios adicionales que le gustaría copiar.
• Configuración avanzada / Pro: Hay muchas configuraciones aquí. Por ejemplo, puede copiar su sitio de ensayo en una base de datos separada, en un directorio personalizado, y también puede «enlazar simbólicamente» las cargas de su sitio de producción.

Una vez que haga clic para continuar, comenzará el proceso de clonación y preparación:

Cuando el complemento haya finalizado, verá los detalles que necesita para trabajar en su sitio de ensayo:

Cuando acceda a su sitio de ensayo, la barra de herramientas será de color naranja brillante, un elemento disuasorio en caso de que haga lo impensable:

Desde aquí, puede enviar sus cambios a producción y administrar su sitio de ensayo desde el panel de WordPress.

3. Cree un sitio de ensayo de WordPress manual

Nuestro método final para configurar un sitio de prueba de WordPress es el más difícil y no tan funcional. Estamos en apuros para recomendarlo en todos los casos, excepto en los casos de uso más extremos y especializados.

Crear un sitio de preparación manual de WordPress es lo que parece: creará todos los componentes que necesita e implemente su sitio sin automatización en su mayor parte. Hay algunos inconvenientes graves con este enfoque:

• Un enfoque manual significa que hay una mayor probabilidad de que se produzcan errores en su flujo de trabajo.
• No hay forma de sincronizar los datos del sitio entre instalaciones.
• No puede enviar datos, tablas o archivos seleccionados entre instalaciones.

En otras palabras, está creando una versión manual de un complemento como Duplicator. Aun así, podría ver algunos beneficios si utiliza el enfoque a su favor.

Por ejemplo, puede configurar un sitio de prueba para probar una gama limitada de características y funcionalidades (como una actualización del núcleo de WordPress). Una vez que esté satisfecho de que funcione en su sitio de ensayo, puede aplicar los cambios a su sitio en vivo.

Por supuesto, está duplicando el trabajo que necesita hacer, y este es otro inconveniente del proceso.

A pesar de esto, su situación y necesidades determinarán si un sitio de preparación manual es para usted. Si es así, necesitará lo siguiente:

• Un proveedor de alojamiento que te permite crear subdominios.
• Acceso de administrador a su backend de alojamiento.
• Conocimiento práctico del lenguaje SQL (no es tan crítico como los demás).

Una vez que los tenga en su lugar, asegúrese de haber realizado una copia de seguridad completa de su sitio. Crear un sitio de preparación manual de WordPress está plagado de peligros, y agradecerá su copia de seguridad si sucede lo peor.

Hay siete pasos generales que necesitará para configurar un sitio de preparación manual:

1. Cree un nuevo subdominio en el panel de control de su proveedor de alojamiento web.
2. Configure una cuenta de Protocolo de transferencia segura de archivos (SFTP) dedicada para su sitio de ensayo.
3. Sube tus archivos de WordPress al servidor de ensayo. La mejor manera es instalar una versión nueva de WordPress y luego cargar su temas, complementos, y cargas carpetas.
4. Exporta tu base de datos desde tu sitio en vivo.
5. Cree una nueva base de datos para su sitio de ensayo dentro de su panel de control de alojamiento.
6. Importe la base de datos a su servidor de ensayo utilizando un administrador de SQL como Adminer.
7. Actualizar wp-config.php para reflejar su sitio de ensayo.

La forma de lograr algunos de estos aspectos depende de usted y de su anfitrión. A pesar de la complejidad involucrada, cada método está dentro del alcance incluso de un usuario principiante. Dicho esto, es posible que el tiempo que lleva implementarlo no valga la pena.

Implemente su sitio de ensayo manual

Por supuesto, si configura un sitio de preparación manual de WordPress, también debe implementarlo usted mismo. A menudo hay una opción de un clic con un enfoque automatizado, que no está disponible en este caso.

Si es un desarrollador de backend con gran experiencia en PHP y SQL, es posible que pueda implementar la implementación automática, aunque apostamos a que esta no es su situación aquí. Como tal, recomendamos replicar los cambios que realiza en su sitio de ensayo en lugar de intentar «implementarlos».

💡 PSA: utilice siempre un sitio de preparación para probar los cambios de su sitio antes de publicarlo en vivo. Esta guía tiene todo lo que necesita para comenzar 💪Haz clic para tuitear

Resumen

¡La puesta en escena no es solo para bodas y fiestas! Su sitio web también puede beneficiarse de la puesta en escena. Un sitio de prueba de WordPress puede ser una herramienta invaluable cuando necesita trabajar en aspectos que potencialmente pueden romper el sitio. Además, será más fácil para un desarrollador ayudarlo con cualquier funcionalidad, ya que el sitio de ensayo estará bien alejado de cualquier elemento en vivo.

A lo largo de esta publicación, hemos discutido la configuración de un sitio de prueba de WordPress a través de algunos métodos diferentes. Si bien podría crear un sitio de ensayo manual, es una posible pesadilla administrativa. Un complemento como WP Staging es bueno, pero un entorno de ensayo basado en host le proporciona mucha integración. Agregar una solución local como DevKinsta a su flujo de trabajo le brinda una manera estelar de pasar de lo local a la puesta en escena antes de lanzar su nuevo sitio en vivo.

¿Conoce el valor de un sitio de prueba de WordPress y, si no es así, es algo que va a implementar en el futuro? ¡Comparta sus pensamientos y opiniones con nosotros en la sección de comentarios a continuación!