Cómo crear y usar un sitio de prueba de WordPress

¿Alguna vez ha realizado cambios en su sitio web y se bloqueó por completo? ¡Es horrible! A veces, su sitio puede interrumpirse debido a una actualización de rutina de un tema o complemento. O un sitio puede colapsar sin que tengas idea de lo que hiciste. Por eso es importante tener un sitio de ensayo. Los sitios provisionales le permiten probar esas actualizaciones y cambios de antemano, para que su sitio no se bloquee inesperadamente.

Crear un sitio de prueba para WordPress no es tan difícil como podría pensar. En esta publicación, cubriremos los conceptos básicos de un sitio de prueba de WordPress: qué es, diferentes formas de crear uno, administrarlo y por qué necesita uno en su vida en este momento. En serio, lo haces.

¿Qué es un sitio de prueba de WordPress?

Un sitio de prueba de WordPress es una copia exacta de su sitio web en vivo. Le permite realizar cambios en su sitio en un entorno seguro sin tener que preocuparse por poner su sitio en modo de mantenimiento. Mientras usa un sitio de prueba, su sitio en vivo está funcionando para usted, ganando dinero o brindando a los usuarios el excelente contenido que esperan de usted. Además, puede utilizar un sitio de ensayo para jugar con su sitio al contenido de su corazón. No tendrás que preocuparte por alterar nada en la versión en vivo del sitio que ve el resto del mundo. Una vez que haya terminado de realizar las actualizaciones en su sitio provisional y haya confirmado que todo funciona correctamente, puede enviar esos cambios al sitio en vivo  sin ninguna interrupción.

Finalmente, un sitio de prueba de WordPress puede permitirle probar nuevas funcionalidades, sin romper nada. Bueno, es posible que rompas algo, pero es una copia de tu sitio, ¡así que rompe!

¿Quién necesita un sitio de prueba de WordPress?

Los sitios de prueba son para cualquier persona que quiera evitar el riesgo de tiempo de inactividad en su sitio en vivo mientras realiza actualizaciones. Podría ser un desarrollador web, un escritor de contenido, un sitio web corporativo grande, el propietario de una pequeña empresa o un bloguero que quiere mantener su propio sitio web. Un sitio de prueba es IMPRESCINDIBLE para cualquier persona que tenga un sitio web que desee mantener actualizado y que funcione correctamente.

La diferencia entre un sitio de prueba y un sitio de desarrollo

Un sitio de desarrollo es una nueva instalación de WordPress donde puede probar diferentes temas, diseños, complementos o funciones personalizadas. Es un sitio que está en las etapas de desarrollo (planificación). Un sitio provisional, por otro lado, es un sitio que ya ha lanzado y necesita actualizar. Estas actualizaciones generalmente incluyen agregar nuevas páginas, complementos o realizar actualizaciones del sistema de manera segura.

Con un sitio de prueba de WordPress, haces una copia de tu sitio en vivo para probar algunas cosas nuevas. Puede agregar contenido nuevo o solucionar cualquier problema que pueda haber surgido desde la última vez que trabajó en él.

Cómo configurar un sitio de prueba de WordPress

Antes de que aprendamos a configurar un sitio de prueba, repasemos las formas en que puede crear uno. Hay tres formas de crear un nuevo sitio de ensayo.

  1. Con un complemento : puede crear un sitio de prueba con un complemento como WP Staging .
  2. Con un proveedor de alojamiento : puede usar un entorno de ensayo proporcionado por el host en Bluehost , Flywheel, WPEngine u otros que le permitan crear sitios de ensayo con solo unos pocos clics.
  3. Manualmente : siempre puede crear un sitio de ensayo manualmente. Esto requiere más experiencia técnica, por supuesto, pero no tanto como podría pensar.

Cada uno de estos métodos varía en la experiencia requerida, así que repasemos cada uno. Luego, puede tomar una decisión informada sobre qué opción se adapta mejor a usted.

Creación de un sitio de prueba de WordPress con un complemento

Para este ejemplo, le mostraremos cómo crear un sitio de preparación de WordPress con WP Staging . WP Staging es un complemento versátil que le permitirá crear un sitio de ensayo en un corto período de tiempo. Crea una carpeta o subcarpeta en su instalación principal de WordPress, luego coloca todas las tablas de la base de datos, medios, páginas, publicaciones y complementos en la nueva carpeta creando una copia de su sitio.

WP Staging es un excelente complemento para usar con pasos sencillos para poner en funcionamiento su sitio de prueba en muy poco tiempo. Veamos los pasos para crear un sitio de prueba con el complemento WP Staging.

1. Instale y active el complemento WP Staging

Instale WP Staging en su sitio web de WordPress. Una vez instalado, busque la pestaña WP Staging en el lado izquierdo de su panel de administración de WP. Haga clic en Sitios provisionales y luego cree un nuevo sitio provisional .

2. Asigne un nombre a su nuevo sitio de ensayo

Querrá nombrar su nuevo sitio de prueba (puede ser cualquier cosa que desee), luego haga clic en el botón Iniciar clonación .

3. Clona tu sitio web

El proceso de clonación puede llevar algún tiempo dependiendo del tamaño de su sitio. Durante el proceso de clonación, WP Staging copiará las tablas y los archivos de su base de datos y cambiará todos los enlaces al nuevo nombre del sitio que usó en el paso 2. Una vez que finalice el proceso, tendrá la opción de abrir su nuevo sitio de ensayo que requiere que inicie sesión (usando su nombre de usuario y contraseña de WordPress).

WP Staging hace que sea fácil darse cuenta de que está trabajando en su sitio de prueba porque lo alertan con un panel de color naranja brillante en la parte superior de la pantalla.

Aunque WP Staging simplifica la creación de un sitio de prueba de WordPress, existen algunas limitaciones en lo que puede hacer. Para poder fusionar su sitio provisional con su sitio en vivo con un solo clic, necesitará la versión Pro del complemento . Además, solo podrá clonar sitios más pequeños con WP Staging (versión gratuita) porque existe una limitación de tamaño de archivo con la versión básica del complemento.

Si elige no actualizar a la versión Pro de WP Staging, puede impulsar su sitio de prueba en vivo, pero requerirá pasos adicionales para lograrlo. A continuación, encontrará los pasos necesarios para poner en marcha su sitio de prueba con la versión básica de WP Staging. Tenga en cuenta que si continúa con el proceso manual de publicar su sitio provisional, su base de datos se sobrescribirá durante el proceso. Si tiene errores, deberá restaurar su sitio provisional desde una copia de seguridad o crear uno nuevo.

1. Haga una copia de seguridad de sus sitios en vivo y de ensayo

Lo primero que querrá hacer es completar las copias de seguridad de sus sitios en vivo y de prueba, preferiblemente con un complemento , antes de enviar su sitio clonado al entorno en vivo. Este es un paso importante que garantiza que pueda recuperar uno o ambos en caso de que ocurra un error. Precaución: si tiene un sitio grande, podría facilitarle las cosas comprar la versión Pro de WP Staging . Si te sientes como un superhéroe de WordPress y quieres continuar, sigamos adelante.

2. Copie sus archivos

Para este paso, deberá tener acceso FTP . Puede usar un programa FTP como FileZilla para copiar las carpetas wp-content/uploads, wp-content/plugins y wp-content/themes desde su sitio de ensayo a su sitio en vivo.

3. Migre su base de datos

La versión Pro de WP Staging es la ruta más fácil de tomar aquí. Pero, si desea utilizar la versión gratuita del complemento para realizar este paso, puede realizar operaciones manuales de búsqueda y reemplazo en su base de datos provisional. Para hacer esto, necesitará usar un complemento como Better Search Replace . Instale y active Better Search and Replace. Una vez activado, vaya a Herramientas/Mejora de búsqueda Reemplazar en el panel de administración de WordPress.

Para este ejemplo, usemos esta estructura de sitio para ilustrar: https://yoursite.come/staging .

Escriba lo siguiente en el campo de entrada Buscar: yoursite.com/staging .

A continuación, ingrese lo siguiente en el campo de entrada Reemplazar con: yoursite.com .

Asegúrese de ingresar su información cuidadosamente.

Deberá evitar el uso de prefijos (HTTP) en su búsqueda. Si lo hace, seguramente se producirán errores. Revise su ortografía cuidadosamente antes de continuar. Y si aún no lo ha hecho, asegúrese de tener un complemento activo para la optimización de la base de datos y las copias de seguridad por si acaso.

Asegúrese de seleccionar todas las tablas de la base de datos que comienzan con wpstg0_ (el prefijo que aparece en la pantalla de descripción general de WP Staging). Para encontrar el prefijo de base de datos correcto, puede consultar la descripción general del sitio de ensayo en la pantalla principal de WP Staging. Asegúrese de no copiar ninguna otra tabla, excepto las que comienzan con el prefijo de la tabla de la base de datos de su sitio que se encuentra en la pantalla de descripción general de WP Staging.

Una vez que haya seleccionado todas las tablas de la base de datos con el prefijo adecuado, haga clic en el botón Ejecutar búsqueda/reemplazo para iniciar la operación de búsqueda y reemplazo.

Nota: Es una buena idea hacer una prueba antes de continuar con este paso. Esto le alertará sobre cualquier posible error que pueda ocurrir durante la operación.

Una vez que haya realizado una ejecución en seco y todo parezca haber procedido con éxito, haga clic en el botón Ejecutar búsqueda/reemplazo para comenzar a reemplazar sus tablas. Asegúrese de anular la selección de la casilla de verificación «ejecución en seco» esta vez.

4. Use phpMyAdmin para eliminar el último valor del entorno de prueba

Lo siguiente que hará es reemplazar el valor de la base de datos, que le dice a WordPress si su sitio está activo o en etapa de prueba. Este es el valor especial que usa WP Staging para mostrar la pantalla de autenticación al iniciar sesión. Para lograr esto, deberá usar herramientas de administración de bases de datos como phpMyAdmin para eliminar este valor: wpstg_is_staging_site .

Para encontrar el valor, inicie sesión en CPANEL , navegue hasta PHPMyAdmin, luego haga clic en él para iniciar la herramienta:

Haga clic en la pestaña «BUSCAR», luego ingrese wpstg_is en el campo de búsqueda:

Puede eliminar el valor o configurarlo como falso.

5. Cambie su archivo wp-config.php:

Este es el último paso requerido para copiar con éxito su entorno de prueba en su sitio en vivo usando la versión básica del complemento WP Staging. Para ello, volveremos al programa FileZilla. Vuelva a iniciar sesión en su programa de cliente FTP y abra el archivo wp-config.php en su sitio en vivo. Este archivo se encuentra en su carpeta principal de WordPress. Abra el archivo con FileZilla haciendo clic derecho sobre él y haciendo clic en «ver/editar». Cambie el valor del prefijo de la tabla de wpstg0_ a wp_ para decirle a WordPress que use todas las tablas de la base de datos de su sitio de ensayo.

Una vez que guarde los cambios en su archivo wp-config.php, puede abrir su sitio en vivo en su navegador para ver que su sitio ahora muestra el contenido de su sitio de prueba de WordPress.

Finalmente, una vez que haya confirmado todos los cambios que realizó en su sitio de prueba, puede volver a FileZilla de manera segura y eliminar la subcarpeta de su sitio de prueba si decide no conservarla.

Como puede ver, hay algunos pasos para crear un sitio de prueba de WordPress con un complemento, pero no es complicado siempre que siga los pasos de cerca y se tome su tiempo para publicar el sitio.

A continuación, veremos cómo crear un sitio de prueba de WordPress con un host como Bluehost , Flywheel o WPEngine.

Creación de un sitio de prueba de WordPress con el host de su sitio

Muchas empresas que alojan sitios de WordPress ofrecen la opción de un entorno de prueba. Los buenos hosts administrados como Bluehost, Flywheel y WPEngine son excelentes opciones para usar si desea tener la capacidad de crear un sitio de prueba de WordPress en solo unos pocos pasos. Echemos un vistazo en profundidad a cada uno de estos proveedores de alojamiento para aprender a crear un sitio de prueba dentro de cada plataforma.

host azul

Recientemente, Bluehost comenzó a ofrecer la posibilidad de crear un entorno de prueba dentro de su panel de administración de WordPress. Este es un desarrollo muy importante que muchos usuarios de Bluehost pueden no conocer. Los pasos para crear un entorno de prueba con Bluehost son ridículamente fáciles. Echemos un vistazo a lo que es necesario para crear con éxito un sitio de prueba con Bluehost.

1. Iniciar sesión

Inicie sesión en su sitio de WordPress y haga clic en Bluehost , luego en Staging (beta) en el panel de administración. Nota: La función de puesta en escena con Bluehost aún se encuentra en las etapas de desarrollo, pero funciona bastante bien.

2. Haga clic en Crear sitio de ensayo

Haga clic en Crear sitio de ensayo . Puede tomar unos minutos crear su sitio.

Su pantalla se actualizará cuando el sitio de prueba se haya configurado correctamente. Tendrá la oportunidad de iniciar sesión en su sitio de ensayo haciendo clic en Ir al sitio de ensayo .

Una vez que haga clic en el botón Ir al sitio de prueba, se le redirigirá al sitio de prueba donde podrá realizar los cambios que desee en su sitio mientras la versión en vivo está visible para sus usuarios.

Después de realizar los cambios, Bluehost facilita la implementación de su sitio de prueba para sobrescribir su sitio en vivo. Hay algunas opciones para que elijas. Implementar solo archivos , implementar archivos y base de datos o implementar solo base de datos . Elija su opción y haga clic en el botón correspondiente.

El proceso puede tardar unos minutos dependiendo del tamaño de su sitio y su contenido. Una vez que se completa el proceso, ha implementado con éxito su sitio de prueba en producción, sobrescribiendo su sitio en vivo. Sencillo, ¿verdad? Ahora que hemos aprendido lo fácil que es crear e implementar un sitio de prueba con Bluehost, echemos un vistazo a los pasos para crear uno con Flywheel .

Volante

Crear un sitio de ensayo es un poco diferente a Flywheel. Para crear un sitio provisional, primero querrá ubicar el sitio en el que desea trabajar buscando sus sitios si tiene más de uno. Utilice el área de búsqueda en la parte superior de su tablero Flywheel para ubicar el sitio para el que desea crear un entorno de ensayo.

Desde allí, haga clic en la pestaña Avanzado , luego desplácese hacia abajo y busque Opciones del sitio . Cambie Puesta en escena a Activado .

Una vez que encienda su puesta en escena, se le pedirá que haga clic en el botón de opción «Sí, activar un sitio de prueba» e ingrese su contraseña de Flywheel. Finalmente, haga clic en el botón HABILITAR ESCENARIO .

El proceso para crear su sitio provisional llevará algún tiempo, según el tamaño de su sitio. Una vez que su sitio de ensayo esté completo, puede hacer clic en el botón STAGING WP ADMIN para iniciar sesión en su sitio de ensayo desde el panel de Flywheel.

Cuando haya realizado los cambios que desea completar en su sitio, es fácil iniciar su sitio provisional. Vuelva al panel de Flywheel, navegue a la pestaña de etapas y haga clic en el botón LANZAR CAMBIOS DE ESCENARIO .

¡Eso es todo! Su sitio de ensayo ya está activo. Un paso opcional adicional es vaciar el caché de su sitio, pero no es necesario hacerlo.

A continuación, echemos un vistazo al proceso de creación de un sitio de prueba con WPEngine.

WPEngine

Al igual que Bluehost y Flywheel, WPEngine facilita la creación de un sitio de prueba. Primero, iniciará sesión en su panel de control de WPEngine, luego haga clic en Sitios . Localice el sitio para el que desea crear un entorno de prueba y haga clic en el nombre del sitio. Desplácese hacia la parte inferior de la página y haga clic en Agregar preparación .

La nueva pantalla le dará varias opciones para elegir. Puede comenzar con un sitio en blanco , comenzar con una experiencia guiada , copiar un entorno existente a este sitio o mover un entorno existente a este sitio . Para este ejemplo, vamos a copiar un entorno existente en este sitio.

WPEngine le pedirá que elija el entorno que desea copiar. Deberá seleccionar su entorno de producción, luego elegir la copia de seguridad más reciente y luego hacer clic en siguiente .

El siguiente paso es darle un nombre a su sitio de prueba y luego hacer clic en Agregar entorno .

WPEngine le notificará que se está construyendo su sitio de prueba. Por lo general, solo llevará unos minutos crear un sitio provisional, pero puede llevar más tiempo según el tamaño de su sitio. Una vez que se completa el proceso, puede iniciar sesión en su sitio de prueba y realizar los cambios necesarios.

Para iniciar su sitio de prueba en WPEngine, navegará a su sitio de prueba haciendo clic en su nombre en su lista de sitios. Desde allí, haga clic en el botón Copiar entorno en la parte superior derecha de la pantalla.

Copiando el entorno

La siguiente pantalla le pedirá que elija su entorno de origen. Este es el sitio provisional donde ha creado nuevos cambios. A continuación, elegirá su entorno de destino. Este suele ser su entorno de producción. Lo siguiente es elegir si desea incluir todas las tablas de bases de datos y sistemas de archivos, tablas de bases de datos y sistemas de archivos específicos o solo el sistema de archivos . Para este ejemplo, elegiremos todas las tablas de base de datos y sistemas de archivos. Una vez que haya hecho sus selecciones, haga clic en el botón Revisar y confirmar en la parte inferior izquierda de la página.

Una vez que se complete ese proceso, su sitio de prueba sobrescribirá su sitio en vivo. WPEngine simplifica el proceso y solo lleva poco tiempo completarlo.

Ahora que hemos repasado algunos ejemplos de anfitriones que brindan una opción de entorno de prueba a sus clientes, profundicemos en la creación manual de un sitio de prueba.

Creación manual de un sitio de prueba

Nuestra última opción para crear un sitio provisional es la más complicada, por lo que podría no ser la mejor opción para el principiante de WordPress. Dicho esto, si está bastante familiarizado con el uso de clientes FTP , phpMyAdmin, MySQL y el núcleo de la estructura de WordPress, este paso no será demasiado difícil. La creación manual de un sitio de prueba tiene ventajas y desventajas.

Uno de los beneficios de crear un sitio de prueba manualmente es tener más control práctico sobre su entorno. Le permite controlar cada paso a medida que avanza en el proceso, lo que puede eliminar los posibles problemas al usar un complemento o un host. Al crear el sitio de prueba usted mismo, no tiene que preocuparse por ningún problema que pueda ocurrir al usar un complemento o un host. Por otro lado de este argumento, crear el sitio de prueba manualmente aumentará la probabilidad de un error si no está acostumbrado a trabajar en programas cPanel o FTP.

Analicemos los pasos que deberá seguir para tener éxito con la creación manual de un sitio web de prueba de WordPress.

1. Configurar un subdominio

Usando su plataforma de alojamiento, diríjase a cPanel y haga clic en Subdominios . Este paso garantizará que nadie pueda acceder a su sitio provisional desde su sitio en vivo. También le permitirá mantener las cosas separadas de su sitio en vivo. Asigne un nombre a su subdominio , elija el dominio en el que se alojará su subdominio, elija la carpeta raíz (o déjela en blanco), luego haga clic en crear .

2. Crea una subcarpeta en tu instalación de WordPress

Este paso es bastante simple siempre que esté familiarizado con la estructura general de las carpetas de WordPress. Esta es una forma muy confiable de comenzar el proceso para su nuevo sitio web provisional. Hay dos métodos disponibles para usted para este paso.

  1. Cree una subcarpeta utilizando el Administrador de archivos en cPanel
  2. Utilice un cliente FTP como FileZilla para crear una nueva subcarpeta.

Para crear la subcarpeta usando el Administrador de archivos en cPanel, primero, inicie sesión en su cPanel y navegue hasta el Administrador de archivos . Cree la subcarpeta en su carpeta principal de WordPress y asígnele el nombre .

El segundo método implica el uso de FTP para crear su subcarpeta. Abra Filezilla y conéctese a su sitio web usando sus credenciales de FTP. Una vez en la carpeta principal de WordPress, haz clic derecho y elige crear directorio . Asigne un nombre a su nueva carpeta.

Para este tutorial, procederemos con el uso de FTP, ya que es la forma más confiable de lograr nuestro objetivo de instalar manualmente un sitio de prueba.

3. Cree un usuario de FTP para su sitio de ensayo

Deberá crear un usuario de FTP para su nuevo sitio de ensayo. Para hacer esto, inicie sesión en cPanel y busque Cuentas FTP . Para este ejemplo, estamos usando el cPanel de GoDaddy , pero incluso los proveedores de alojamiento más económicos tienen una configuración muy similar. Cree una nueva cuenta FTP creando un nombre, una contraseña, especifique un directorio y luego haga clic en el botón Crear cuenta FTP .

4. Descargue archivos de su sitio en vivo

Deberá descargar la carpeta raíz o la carpeta public_html que alberga todos sus archivos de WordPress. Haga clic derecho en public_html y seleccione Descargar .

Una vez que se hayan descargado sus archivos, el siguiente paso es iniciar sesión en su cPanel de alojamiento y navegar a phpMyAdmin para exportar su base de datos. Vaya a Exportar , seleccione la opción rápida y haga clic en Ir .

5. Cargue sus archivos en la carpeta de ensayo mediante FTP

Con la cuenta de FTP que creó en el paso 3, inicie sesión en el servidor del sitio de prueba a través de FTP. Cargue los archivos que descargó en el paso 4 a su carpeta provisional.

6. Cree una nueva base de datos, un usuario de la base de datos y cargue su base de datos desde el sitio en vivo

Dirígete al Asistente de base de datos MySQL en cPanel para crear una nueva base de datos para tu sitio de ensayo. Asigne un nombre a su nueva base de datos, luego haga clic en Crear base de datos .

Una vez que haya creado su nueva base de datos, haga clic en el botón de paso siguiente .

Lo siguiente es crear un nuevo usuario de base de datos. Agregue un nombre de usuario y una contraseña, luego haga clic en Crear usuario . Asegúrese de usar una contraseña segura y un nombre de usuario único. Anote esta información en algún lugar para que recuerde lo que ingresó aquí. Lo necesitará en los siguientes pasos.

En la siguiente pantalla, marque la casilla de verificación TODOS LOS PRIVILEGIOS , luego desplácese hacia abajo para hacer clic en Siguiente paso .

Luego, regrese a phpMyAdmin para cargar su archivo de base de datos desde su sitio en vivo a su nueva base de datos para su sitio de prueba. Seleccione el nombre de la base de datos en el lado izquierdo del panel phpMyAdmin , luego haga clic en la pestaña Importar . Desde allí, haga clic en Elegir archivo para importar el archivo sql que exportó en el paso 4. Una vez que haya adjuntado su archivo SQL, haga clic en IR .

7. Modifique su archivo wp-config.php

Este paso requiere que modifique su archivo wp-config para conectar su nueva base de datos a su sitio de ensayo. Usando FileZilla, navegue a los archivos de su sitio de preparación y busque el archivo wp-config.php. Haga clic derecho en el archivo y seleccione editar. Una vez abierto, verá que su archivo wp-config.php todavía apunta a su sitio en vivo. Para cambiar esto, deberá reemplazar el nombre de la base de datos con el nuevo que acaba de crear, luego asignar el nuevo nombre de usuario y contraseña. Una vez que haya realizado los cambios necesarios, haga clic en guardar .

Una vez que haya cambiado su archivo wp-config, ¡debería poder ver su nuevo sitio de ensayo! Navegue a yoursite.com/staging/wp-admin (o como sea que haya llamado su subdominio de ensayo) e inicie sesión con las credenciales de su sitio en vivo.

Un paso adicional que debe tomar es ocultar su sitio provisional de los motores de búsqueda mientras trabaja en él. Para hacer esto, inicie sesión en su panel de administración de WordPress, luego navegue a la configuración. Desde allí, active la casilla de verificación Disuadir a los motores de búsqueda de indexar este sitio y, a continuación, haga clic en Guardar cambios .

Ta-da! Ha creado con éxito un sitio provisional de forma manual.

Empujando su sitio de prueba de WordPress en vivo manualmente

Para realizar esta tarea, repetirá los pasos, moviendo sus archivos y base de datos de la etapa de prueba a la activa:

  1. Descargue todos los archivos de su sitio de prueba usando FileZilla.
  2. Descargue el archivo de la base de datos de su sitio de prueba en phpMyAdmin.
  3. Usando Filezilla, cargue los archivos del sitio de ensayo a su sitio en vivo.
  4. Con phpMyAdmin, seleccione la base de datos de su sitio en vivo, haga clic en Importar, luego elija el archivo SQL de su sitio provisional y luego haga clic en IR.
  5. Usando FileZilla, navegue hasta el archivo wp-config.php de su sitio en vivo y edite el nombre de la base de datos, el usuario de la base de datos y la contraseña de la base de datos usando las credenciales del sitio de prueba.
  6. En el panel de administración de WordPress de su sitio en vivo, vaya a configuración/lectura y asegúrese de que la opción Disuadir a los motores de búsqueda de indexar este sitio no esté habilitada.

Cómo crear un entorno de WordPress de desarrollo local manualmente

Una de las mejores cosas que puede hacer es configurar un entorno local para su sitio web y usarlo como un entorno de prueba. Esta es una excelente manera de realizar cambios en su sitio en vivo en su máquina local y luego cargarlo en su host mediante FTP.

Básicamente, hay dos formas en las que puede establecer un entorno local para trabajar.

  1. Usando un software de servidor local como MAMP .
  2. Utilice un entorno virtualizado como Desktop Server, WP Stagecoach o Local by Flywheel .

Para este tutorial, usaremos MAMP para configurar un entorno local de WordPress en una computadora Apple, pero los pasos para Windows son casi idénticos.

Configuración de un servidor local con MAMP

MAMP es un entorno de servidor local gratuito para usuarios de Mac OS y Windows. Le permite configurar un entorno de WordPress en su disco duro local para que pueda probar e implementar funciones sin tener que interferir con su sitio en vivo. Para usar MAMP, deberá usar su cliente FTP, como FileZilla para descargar los archivos de su sitio web. Repasemos los pasos para configurar un servidor local usando MAMP.

  1. Descargue e instale MAMP.
  2. Navegue a su carpeta de aplicaciones (Mi PC en Windows) y haga doble clic para ejecutar el programa.
  3. Haga clic en la pestaña Puertos para ver la configuración del puerto.

Elija Establecer puertos Web y MySQL en 80 y 3306 para poder ver su sitio local en su navegador web escribiendo localhost en el navegador. Esto eliminará la necesidad de instalar localhost:8888 cada vez que desee ver su sitio.

4. Haga clic en el botón Iniciar servidores en la pantalla de inicio/detención de MAMP.

5. Visualización de su sitio

Para ver su sitio, escriba localhost en su navegador. Verás algo como Index of/ . Esto le indicará que MAMP funciona correctamente, pero que el directorio está vacío.

6. Descarga y Descomprime WordPress

Si desea instalar una nueva versión de WordPress, descargue y descomprima WordPress en la carpeta htdocs en su directorio MAMP. Si desea instalar una copia de su sitio en vivo, mueva los archivos que descargó en FileZilla a la carpeta htdocs .

7. Establecer una base de datos

A continuación, deberá configurar una base de datos. Para hacer esto, abra localhost en su navegador y coloque el cursor sobre Herramientas , luego seleccione phpMyAdmin .

8. Haga clic en Nuevo para agregar una nueva base de datos para su instalación.

Asigne un nombre a la base de datos y haga clic en crear .

9. Ver su instalación de WordPress

Para hacer esto, haga clic en WebStart en la pantalla de inicio de la aplicación MAMP. Luego haga clic en Mi sitio web en la parte superior de la pantalla. Si WordPress está instalado correctamente, debería ver la pantalla de instalación de WordPress (si eligió hacer una nueva instalación). Si desea tener una copia de su sitio en vivo, omita el paso 12.

10. Elija inglés para su idioma.

A continuación, le pedirá que ingrese la información de la base de datos que creó en los pasos anteriores. Escriba el nombre de su base de datos, luego raíz para el nombre de usuario y raíz para la contraseña. El nombre de host se ingresa de forma predeterminada, al igual que el prefijo de la base de datos.

11. WordPress ahora pasará por el proceso de instalación.

Una vez completado, tendrá un entorno de prueba local completamente funcional para jugar.

12. Copiar su sitio en vivo en MAMP

Si desea copiar su sitio en vivo en MAMP, arrastre los archivos de su sitio a la carpeta que creó en su máquina local, luego importe el archivo SQL de la base de datos de su sitio en vivo a la nueva base de datos que creó en el paso 8.

13. Modifique su archivo Wp-Config

Se necesitará un paso adicional para que su sitio se muestre correctamente. Deberá modificar su archivo wp-config.php al que se hace referencia en la última sección, Creación manual de un sitio de prueba.

¡Eso es todo! Has instalado correctamente WordPress en tu máquina local. Aquí puede realizar cambios en su sitio, diseñar uno nuevo sin tener que estar conectado a Internet o correr el riesgo de errores en su sitio en vivo.

Ahora que hemos repasado cómo crear un sitio de prueba con un complemento, el host de su sitio o utilizando el método manual, analizaremos cómo debe administrar su sitio de prueba.

Administrar y usar un sitio de prueba de WordPress

Una vez que haya dominado la creación de un sitio de prueba de WordPress, querrá poder mantener tanto su sitio de prueba como su sitio en vivo para usarlos con éxito. Responderemos algunas preguntas sobre un sitio de prueba de WordPress. ¿Cuáles son las mejores prácticas para usar un sitio de prueba? ¿Cuándo debería impulsar su sitio de prueba en vivo? ¿Con qué frecuencia debe hacer una copia de seguridad de su sitio? Por último, ¿cómo puede usar GitHub como herramienta de colaboración para administrar múltiples entornos?

Razones para usar un sitio de ensayo

Hay algunas razones por las que le gustaría usar un sitio de prueba para su sitio web. En primer lugar, mejora su flujo de trabajo general. Esto es especialmente cierto si tiene un sitio con mucha información, administra varios sitios o recibe mucho tráfico. Su sitio no puede generar dinero para usted si los visitantes ingresan al sitio solo para encontrar una pantalla de mantenimiento. Esto puede hacer que las personas abandonen su sitio y nunca regresen, lo que le cuesta tráfico al sitio e ingresos potenciales si tiene una plataforma de comercio electrónico instalada en su sitio.

Usas actualizaciones automáticas

Otra ventaja de un sitio de prueba es reducir la cantidad de errores potenciales que pueden surgir después de realizar cualquier actualización. Quizás tenga un plan de alojamiento con actualizaciones automáticas habilitadas. Su sitio está ocupado trabajando para usted hasta que su host actualice sus complementos, lo que provoca una incompatibilidad con otro complemento instalado. Si tiene habilitado un sitio de ensayo, puede activarlo rápidamente para restaurarlo. A partir de ahí, puede solucionar problemas en el sitio de preparación para averiguar qué salió mal sin causar una costosa cantidad de tiempo de inactividad.

Usar un desarrollador

Tal vez le pague a alguien para que mantenga su sitio, realice actualizaciones o agregue nuevas funciones. Los sitios provisionales garantizan la tranquilidad de que el desarrollador en el que confía está tomando medidas para mostrar a sus visitantes un sitio web pulido y sin errores. Esto es especialmente importante al ejecutar campañas publicitarias, lanzar un nuevo producto o servicio o crear publicaciones que desea promocionar en múltiples plataformas de redes sociales. Es mucho más fácil hacer estas cosas en un entorno de prueba donde puede ver el progreso y hacer revisiones antes de que el sitio entre en funcionamiento.

Cometer un error costoso

Finalmente, ¿qué sucede si ha pasado incontables horas diseñando y desarrollando su sitio web solo para que algo salga mal en el proceso de lanzamiento? Con un sitio de prueba habilitado, si hay un problema durante la puesta en marcha, incluso si sus archivos están dañados o se pierden, tiene ese entorno de prueba al que recurrir.

Revisemos:

  • Los sitios provisionales mejoran su flujo de trabajo al garantizar que sus visitantes no obtengan la molesta pantalla de «Modo de mantenimiento».
  • Protegen las actualizaciones de complementos que salieron mal.
  • Los sitios provisionales garantizan que los visitantes de su sitio vean la iteración más reciente de su sitio web.
  • Un sitio de prueba puede ayudarlo a protegerse contra fallas al lanzar su nuevo sitio web.

Ahora que le hemos dado algunas razones para tener un sitio de ensayo, repasemos algunas de las mejores prácticas al utilizar su entorno de ensayo.

Cuándo NO usar un sitio de prueba:

Ahora que tenemos una buena comprensión de las situaciones en las que le gustaría usar un sitio de prueba, analicemos algunas situaciones en las que no es necesario usar un sitio de prueba. Si tiene un sitio web en el que rara vez actualiza el contenido, probablemente no sea necesario utilizar un sitio web provisional. Si tiene una tienda en línea y desea actualizar un par de precios de productos, probablemente no necesite habilitar su entorno de ensayo.

Por lo general, no es necesario utilizar un sitio provisional para realizar algunos cambios de texto. La razón de esto es simple. Si solo agrega contenido de texto nuevo a su sitio o blog con regularidad, el proceso de usar un sitio provisional puede volverse tedioso. Deberá seguir los pasos para implementar su sitio de prueba cada vez que realice un cambio de texto o agregue una publicación de blog. Eso parece desalentador y requiere mucho tiempo, ¿no?

Bien, entonces, si no necesita usar un sitio de preparación para cambios de texto, ¿cuándo debería usar uno? Idealmente, si está actualizando su contenido constantemente, es una buena idea hacer copias de seguridad semanales en lugar de utilizar un sitio de prueba. Un sitio provisional es más beneficioso para los cambios técnicos que para los cambios de texto. Además, agregar o editar publicaciones de blog generalmente no requiere una razón para habilitar un sitio de prueba.

Aquí hay algunas razones adicionales por las que no necesitaría usar un sitio de ensayo:

  • Agregar un nuevo usuario a su sitio web.
  • Eliminar algunos productos, publicaciones o páginas.
  • Haciendo pequeños cambios de texto.

Mejores prácticas a seguir al usar un sitio de prueba

Dado que hemos determinado que los sitios de prueba deben utilizarse para realizar tareas técnicas, como cambios o actualizaciones de complementos, repasemos una lista de prácticas recomendadas si va a utilizar un entorno de prueba. En primer lugar, es importante tener en cuenta que un entorno de prueba solo debe habilitarse cuando se vayan a implementar cambios importantes.

Algunos de esos cambios importantes pueden incluir situaciones como las siguientes:

  • Hacer cambios importantes en el diseño o la funcionalidad de las páginas.
  • Cambiar tu tema por uno diferente.
  • Agregar o eliminar complementos.
  • Actualizaciones de complementos o temas.
  • Realización de una actualización del núcleo de WordPress.
  • Creación de nuevas plantillas de temas, como una plantilla de 404 páginas, una plantilla de resultados de búsqueda, una plantilla de archivo de publicaciones de blog u otras plantillas de página relacionadas.

Describamos algunos escenarios en los que le gustaría usar un sitio de prueba.

Escenario de caso de uso del sitio de prueba n.º 1

Tiene un sitio web que tiene funcionalidad de comercio electrónico. Ha notado que las ventas están un poco estancadas y que la tasa de rebote de la página de su tienda es más alta que en el pasado. Le gustaría probar un nuevo diseño de página de tienda, así como un nuevo diseño de página de producto para aumentar sus ventas.

Factores a considerar: necesitará un nuevo diseño, así como dos nuevas plantillas de página (una para productos y otra para la página de su tienda).

Proceso: para empezar, primero querrá pasar por el proceso de diseño de estas páginas. Ya sea que diseñe en tiempo real o simule un diseño en un programa como XD o Photoshop, cuando llegue el momento de implementar estos nuevos diseños de página, querrá hacerlo en un sitio provisional. Con un sitio que tiene habilitada la funcionalidad de comercio electrónico, no desea realizar cambios en un producto o en la página de la tienda en tiempo real en un sitio en vivo. En este caso, tener un sitio de prueba habilitado le permitirá jugar con sus nuevas páginas hasta que las obtenga de su agrado, luego pasarlas de su sitio de prueba a su sitio en vivo.

Escenario de caso de uso del sitio de prueba n.º 2

Eres un desarrollador web cuyo cliente desea actualizar el contenido del texto en dos páginas existentes: sobre nosotros y servicios. Los cambios en la página acerca de nosotros no son extensos, solo reemplazan algunos párrafos de texto. Los cambios en la página de servicios son un poco más complicados. Su cliente le ha pedido que agregue nuevas ofertas de servicios a la página, así como nuevos anuncios de servicios, y que aplique algunos efectos animados. La página de servicios requerirá cierta reestructuración para cumplir con el requisito de este cliente.

Factores a tener en cuenta: solo necesitará realizar algunos cambios en una página, pero la otra página requiere alguna animación que su tema actual no ofrece de forma nativa, por lo que deberá implementar JavaScript para lograr el resultado deseado.

Proceso: deberá explorar el uso de javascript para la animación y cambiar el diseño a la página de servicios. Además, agregará contenido nuevo a través de ofertas de servicios que requerirán que modifique el diseño. Para este escenario, parece bastante simple hacerlo en el sitio en vivo, pero ¿qué pasa si implementa el javascript y hace que el contenido en algunas de sus otras páginas se muestre incorrectamente? En este caso, parece ser la opción más segura llevar el sitio en vivo a la puesta en escena, probar su javascript, desarrollar su nueva apariencia para la página de servicios y luego publicar el sitio cuando todo se ve como debería y funciona correctamente.

Escenario de caso de uso del sitio de ensayo n.º 3

Ha decidido que desea instalar un nuevo complemento en su sitio que le permitirá chatear con los visitantes de su sitio. El complemento que ha elegido es compatible con su versión actual de WordPress y tiene excelentes críticas en WordPress.org. ¿Debería instalar y activar el complemento en su sitio en vivo o poner su sitio en escena para probar el nuevo complemento de manera exhaustiva?

Factores a considerar: La instalación de un nuevo complemento puede ser impredecible. Puede instalarlo y configurarlo con poco esfuerzo y estar feliz, o podría causar un conflicto con otro complemento que usa en su sitio y hacer que reciba el temido mensaje «este sitio ha experimentado un error crítico».

Proceso: al instalar nuevos complementos que habilitarán una nueva funcionalidad, deben instalarse en un entorno de prueba para garantizar que no se produzcan conflictos con otros complementos actualmente instalados. Además, es posible que desee probar algunos de los principales complementos de chat de WordPress para encontrar el complemento que mejor se adapte a sus necesidades. En este caso, es mejor habilitar su entorno de prueba para evitar cualquier conflicto de complementos que pueda surgir.

Cuándo impulsar su sitio de prueba en vivo

Cuando haya creado su nuevo contenido o implementado sus nuevas funcionalidades con éxito, y esté seguro de que no necesita realizar ningún cambio adicional, es seguro impulsar su sitio de prueba en vivo. Es importante tener en cuenta que desea hacer una copia de seguridad tanto de su sitio en vivo como del sitio de prueba antes de continuar. Una vez que haya activado su sitio de prueba, es una buena práctica deshabilitar su sitio de prueba. Si deja habilitado su sitio de ensayo, será susceptible a errores humanos. Si olvida desactivar la opción «Disuadir a los motores de búsqueda de indexar este sitio» , se vuelve vulnerable a contenido duplicado en Internet, lo cual no es una buena idea para fines de SEO.

Con qué frecuencia hacer una copia de seguridad de su sitio

Si no actualiza su contenido con regularidad, es posible que solo sea necesario realizar una copia de seguridad una vez cada pocas semanas o un mes. Sin embargo, si tiene un host que realiza actualizaciones automáticas, la frecuencia de las copias de seguridad debería aumentar. Cada vez que se actualiza un complemento, corre el riesgo de un problema de incompatibilidad. Por lo tanto, debe realizar una copia de seguridad periódicamente, ya sea diariamente o semanalmente.

Si está actualizando el contenido varias veces a la semana, es posible que deba realizar una copia de seguridad todos los días para estar seguro. De lo contrario, corre el riesgo de perder contenido valioso en caso de que se produzca un error. No quiere estar en la situación en la que ha publicado varias publicaciones de blog durante la semana y luego se entera de que hay un problema que lo obligará a restaurar desde un punto de restauración mucho anterior, eliminando todo su contenido nuevo y emocionante. .

Si tiene muchas funciones instaladas con las que requiere que sus usuarios interactúen diariamente, eso también debe tenerse en cuenta. Las copias de seguridad diarias mantendrían todas las entradas de formularios, comentarios de publicaciones, compras de productos o reseñas de productos a salvo de que se pierdan para siempre si realiza una copia de seguridad diaria. Tenga en cuenta que cuando tiene estas funcionalidades habilitadas, la base de datos de su sitio web cambia para reflejar ese nuevo contenido. Es imperativo realizar copias de seguridad periódicas para que nada se pierda en el abismo de Internet.

¿Qué es Git y cómo puedo usarlo con mi sitio web?

Git es un sistema de control de código abierto gratuito que se puede utilizar para manejar cualquier proyecto web en el que esté trabajando, independientemente de su tamaño. Git le permite realizar un seguimiento de cualquier cambio que realice en cualquier archivo dentro de su sitio web. Si está buscando un control más práctico o está solucionando los cambios que realizó en su sitio y no desea comenzar de nuevo por completo, Git puede ser una herramienta muy útil para usted.

Si tiene Git instalado en su servidor, puede mantener un historial total de cada archivo instalado en su servidor. Esto significa que si realiza cambios en un archivo, Git le ayudará y guardará la versión anterior de ese archivo y registrará todos los cambios realizados a partir de entonces.

Esto le permitirá volver a cualquier punto en el que haya encontrado un problema en su sitio web. Es un activo muy útil, especialmente si está haciendo las cosas de forma manual con sus entornos en vivo y de escenario. Esta herramienta puede evitar que tenga que desechar todo su sitio de prueba y le permite volver a una versión anterior de un archivo modificado cuando funcionaba como debería.

Usando Git para probar

Aquí hay un escenario donde Git es útil en la fase de prueba. Supongamos que decide implementar una nueva funcionalidad en su sitio. Crearía una rama de su sitio web principal en la que puede realizar cambios. Si fueras la estrella del desarrollo que sabías que podrías ser, una vez que hayas completado las pruebas, simplemente fusionarías la nueva iteración de tu sitio con la anterior. Por otro lado, si no hizo un trabajo tan estelar en sus pruebas, simplemente puede eliminar la rama que creó y crear otra rama para someterse a más pruebas. Sin daño, sin falta.

Git también puede ser útil si está trabajando en un entorno de equipo donde más de un desarrollador está trabajando en un sitio. Si eres un desarrollador que con frecuencia tiene que hacer cambios en un sitio en el que otra persona ha trabajado, Git puede salvar tu cordura y hacer que sea mucho más fácil averiguar quién hizo qué y cuándo.

Para obtener más información sobre Git, lea nuestra publicación Git y GitHub: una guía para principiantes para principiantes completos . Para saber cómo implementar su sitio de prueba en su entorno en vivo, lea nuestra publicación: Git Push: Implementación de WordPress desde GitHub a su servidor web .

Envolviendo las cosas

Los sitios provisionales son una herramienta importante para implementar cuando realiza más que unos pocos cambios de texto en su sitio web. Garantizan que pueda evitar el costoso tiempo de inactividad al realizar actualizaciones, lo ayudan a habilitar nuevas características o funcionalidades para que su sitio web siga funcionando para usted y su empresa, y hacen que su vida sea realmente más fácil cuando desea cambiar la apariencia de su sitio. . ¿Línea de fondo? Un sitio provisional es una forma inteligente de asegurarse de que su sitio web continúe funcionando bien para usted, ya sea que sea propietario de una pequeña empresa, bloguero o tenga un sitio web con mucho tráfico que es crucial para el éxito de su empresa.

Foto principal cortesía de Campaign Creators: Unsplash

Imagen cortesía de:
Igor Miske: Unsplash, KOBU Agency: Unsplash, Charanjeet Dhiman: Unsplash