Cómo crear un entorno de ensayo para un sitio de WordPress

A medida que los principiantes de WordPress progresan en su carrera, su sitio también crece. Cuando se ejecutan sitios web profesionales y estables, editar todo en vivo no es la mejor opción. Varios de nuestros usuarios nos pidieron un tutorial que explica el proceso de creación de un entorno de ensayo. En este artículo, le mostraremos cómo crear un entorno de prueba para su sitio de WordPress.

Nota: Este artículo es más adecuado para los usuarios que desean pasar del desarrollo de WordPress de nivel principiante a un desarrollo un poco más avanzado. Este artículo lo ayudará con la codificación de cow-boy y aprenderá las mejores prácticas. Esto es lo que vas a aprender al final de este artículo..

• Creación de un sitio de ensayo
• Usando Git y BitBucket
• Empujando los cambios del servidor local a BitBucket
• Implementación de cambios de BitBucket al sitio de ensayo

¿Qué es un entorno de ensayo??

Para trabajar en un sitio de WordPress, recomendamos a nuestros usuarios que instalen WordPress localmente en sus computadoras Windows o Mac. Una vez que haya terminado y satisfecho con su sitio web, puede subirlo de localhost al servidor en vivo.

Hay un problema con este enfoque. ¿Qué sucede si algo que funcionó en su host local no funciona en el servidor en vivo? Esto causaría errores que pueden ser un problema para los sitios establecidos porque pueden afectar los rankings de los motores de búsqueda, las ventas, la primera impresión en los usuarios, etc..

En lugar de cargar los cambios en el sitio en vivo, puede cargarlos en un sitio de almacenamiento en el mismo servidor. Un sitio de preparación es un área de desarrollo independiente en su sitio (generalmente un subdominio) con acceso restringido. Aquí es donde puede probar sus cambios o usarlos para todo su desarrollo. Una vez que haya probado a fondo su sitio, puede subirlo a su sitio en vivo.

Si usted es un principiante y no desea aprender el complicado proceso que se destaca en el artículo a continuación, le recomendamos que seleccione un proveedor de alojamiento de WordPress administrado como WPEngine que ofrezca una funcionalidad de almacenamiento de información incorporada. Nuestros amigos en SiteGround también ofrecen la funcionalidad de puesta en escena en su plan grow-geek, que es mucho más asequible..

Configuración del entorno de ensayo utilizando cPanel

Lo primero que debes hacer es crear un subdominio en tu dominio principal. Un subdominio le permitirá ejecutar su sitio web en una carpeta separada, sin afectar su base de datos principal, sus archivos o sus cargas..

Para hacer esto, inicie sesión en su cPanel (los otros paneles de control serán similares, busque Dominios o Subdominios), Bajo la Dominios Secciones, necesitas hacer click en Subdominios..

En la siguiente pantalla, ingrese el nombre que le gustaría usar para su subdominio (generalmente puesta en escena o dev) y luego elija su dominio principal del menú desplegable.

En cPanel, esto debería completar automáticamente el Raiz del documento cuadro de texto con una ubicación basada en el nombre de su subdominio. Puede cambiar esto si lo desea, pero normalmente el valor predeterminado estará bien (public_html / staging).

Ahora solo tienes que hacer clic Crear Cuando acabes. Debe confirmar y mostrar el subdominio en la tabla a continuación..

Puede verificar que su subdominio ha sido configurado visitándolo en su navegador web. Debería mostrar algo similar a esto:

Ahora necesita crear una cuenta FTP separada para su entorno de prueba. Una cuenta FTP dedicada solo tendrá acceso a su directorio de pruebas previniendo cambios accidentales en su entorno en vivo.

En cPanel, navega a la Cuenta FTP sección. Completa los campos en el Añadir cuenta de FTP sección.

los Directorio debe coincidir con el directorio que especificó al crear su subdominio. Hacer clic Crear una cuenta FTP para crear tu nueva cuenta. Esta cuenta solo tendrá acceso al directorio que especificó, no a todo el servidor..

Copia de datos del sitio en vivo al entorno de ensayo

Ahora que ha configurado su subdominio, el siguiente paso es copiar los datos de su sitio en vivo a su sitio de ensayo. Esto le permitirá probar los cambios en su entorno de ensayo con los mismos datos sin afectar su sitio en vivo.

La forma más fácil de hacerlo es a través de phpMyAdmin. Iniciar sesión en phpMyAdmin vía cPanel, y seleccione su actual base de datos en vivo. Una vez que haya seleccionado su base de datos en vivo, haga clic en Operaciones pestaña en la barra de menú.

Aquí tienes que buscar el Copiar la base de datos a caja. En el cuadro de texto, ingrese el nombre de su base de datos provisional (si aún no la ha creado, asegúrese de CREAR BASE DE DATOS antes de copiar se marca y le da un nombre como example_staging). Debe copiar la estructura y los datos, así como asegurarse de mantener la configuración restante como predeterminada. Hacer clic Ir para ejecutar la copia. Recuerde que para bases de datos más grandes esto puede llevar algún tiempo..

Una vez que haya copiado su base de datos, debe seleccionarla en la barra lateral de la izquierda. phpMyAdmin ahora abrirá su base de datos recién copiada. Necesitas hacer click en SQL pestaña en la barra de menú de phpMyAdmin.

Ahora reemplazaremos todas las referencias de nuestro sitio en vivo al sitio de preparación para asegurarnos de que todo funciona bien cuando usamos esta base de datos para la preparación. Para ello necesitas ejecutar las siguientes consultas SQL..

 ACTUALIZAR wp_options SET option_value = REPLACE (option_value, 'ORIGINAL_URL', 'NEW_URL'); ACTUALIZAR wp_postmeta SET meta_value = REPLACE (meta_value, 'ORIGINAL_URL', 'NEW_URL'); ACTUALIZAR wp_posts SET guid = REPLACE (guid, 'ORIGINAL_URL', 'NEW_URL'); ACTUALIZAR wp_posts SET post_content = REPLACE (post_content, 'ORIGINAL_URL', 'NEW_URL'); 

Ingrese las consultas anteriores en el cuadro de consulta SQL, reemplazando los siguientes valores:

• ORIGINAL_URL: la URL original del sitio, por ejemplo, http://example.com. Puede encontrar esto en su administrador de WordPress en Configuración> General> Dirección de WordPress (URL)
• NEW_URL: ingrese su nueva URL, esta será la de su sitio de preparación creado anteriormente (asegúrese de incluir http: // - por ejemplo, http://staging.example.com)
• wp_: si su sitio web tiene un prefijo personalizado en las tablas de la base de datos, asegúrese de reemplazar wp_ con eso.

Hacer clic Ir para ejecutar las consultas. Se mostrará un mensaje de confirmación cuando se complete..

Después de copiar su base de datos, debe copiar sus archivos de WordPress, complementos, temas y cargas. Primero descargue una copia nueva de WordPress de WordPress.org. Sube los contenidos de WordPress a tu sitio de ensayo.. Nota, no ejecutar la instalación de WordPress todavía.

Una vez que haya cargado WordPress, lo siguiente que debe copiar es archivos multimedia, complementos y temas. Las siguientes carpetas necesitarán ser copiadas:

• / wp-content / uploads
• / wp-content / temas
• wp-content / plugins

Si son pequeños, puede descargarlos de su sitio en vivo a través de su cliente FTP y subirlos a su carpeta de almacenamiento. Sin embargo, para carpetas más grandes, esto puede llevar mucho tiempo. El administrador de archivos de cPanel le permite copiar carpetas directamente en el servidor haciendo que el proceso sea mucho más rápido.

Inicie sesión en el panel de control de cPanel y haga clic en Administrador de archivos en la sección de archivos.

cPanel lanzará el administrador de archivos. Necesitas navegar a tu sitio en vivo wp-contenido directorio (normalmente / public_html / wp-content) donde podrá ver sus carpetas de temas, complementos y subidas.

Para cada carpeta, debe hacer clic derecho y seleccionar Dupdo. Aparecerá un cuadro de diálogo, elija la ubicación donde desea copiar la carpeta. Queremos copiarlo en el directorio que hemos creado para el subdominio provisional. También es el directorio donde subiste WordPress en el paso anterior. / public_html / staging / wp-content /

Esto copiará cada carpeta en su puesta en escena. wp-contenido directorio.

Debe repetir esto para cada uno de los directorios anteriores (complementos, temas y subidas).

Nota: En algunos entornos de alojamiento de WordPress es posible que no pueda usar un administrador de archivos, en cuyo caso tendrá que descargar manualmente estos directorios en su computadora y luego cargarlos de nuevo en el sitio de almacenamiento o usar SSH.

Una vez que haya copiado estos directorios, estará listo para conectar su instalación provisional de WordPress a la base de datos que copió anteriormente.

Acceda a su sitio de ensayo, a través del subdominio que creamos anteriormente. Si su directorio de ensayo no contiene una wp-config.php expediente, WordPress intentará crear uno pidiendo los detalles de conexión de su base de datos. Si tiene un archivo wp-config.php, asegúrese de editarlo para usar los nuevos detalles de conexión de la base de datos provisional..

Una vez WordPress se ha conectado a su base de datos provisional, debe detectar que WordPress se ha instalado y solicitarle que inicie sesión. Sus datos de inicio de sesión serán los mismos que en su sitio en vivo actual.

Cualquier cambio que realice en su entorno de prueba ahora será independiente de su entorno en vivo. Esto significa que puede cambiar la configuración, instalar nuevos complementos, editar archivos de temas y más sin afectar la experiencia de sus clientes.

Configuración y solución de problemas de su entorno de ensayo

Una vez hayas iniciado sesión en tu puesta en escena. WordPress instalación, hay una serie de ajustes que deben configurarse antes de continuar.

Asegúrese de que su dominio es correcto

Mira la URL de tu pantalla de administrador. Si es su subdominio, entonces ha detectado la nueva configuración. De lo contrario, las consultas de SQL ejecutadas anteriormente no habrán cambiado la URL de su sitio dentro de la base de datos provisional. Busca el Sitio URL y casa option_name está dentro de la tabla wp_options.

Asegúrese de que sus medios han copiado

Visite la sección de medios de su Administración de WordPress y verifique si sus imágenes / videos / etc. están en su lugar. Si es así, entonces su directorio de subidas se habrá copiado correctamente. De lo contrario, asegúrese de que el directorio de las subidas esté en el lugar correcto (normalmente / public_html / staging / wp-content / uploads).

Deshabilitar XML Sitemaps en WordPress SEO

Si está ejecutando WP SEO, debe asegurarse de que la opción XML Sitemaps esté deshabilitada. Esto ayudará a evitar que los motores de búsqueda indexen su entorno de prueba..

Acceso restringido al sitio

Para evitar que los usuarios visiten accidentalmente su sitio de almacenamiento provisional, debe instalar y activar, Acceso restringido al sitio. Después de la instalación, vaya a Ajustes> Lectura para configurar el plugin.

También quieres ir en el Ajustes »Lectura sección y asegúrese de deshabilitar la indexación de este sitio por los motores de búsqueda. Desea asegurarse de hacer esto para evitar cualquier contenido duplicado.

También puede proteger con contraseña todo el directorio con htpassword. El método que se muestra en el tutorial es para / wp-admin / pero puede modificarlo para cualquier carpeta del sitio.

Actualizar Permalinks

Visitar Configuraciones> Permalinks y haga clic en Guardar para asegurarse de que su estructura de enlace permanente esté actualizada. Si está obteniendo 404 errores en su sitio de ensayo, entonces esta es la causa.

Impulsando los cambios a la puesta en escena de GitHub o BitBucket

A la mayoría de los desarrolladores profesionales les gusta usar un sistema de control de versiones como SVN o Git para rastrear su progreso de desarrollo. El uso de un sistema de control de versiones le permite retroceder en el tiempo si algo sale mal porque todo el historial de su código se almacena en una ubicación central. También facilita la colaboración ya que todos los cambios se almacenan en una ubicación central, los desarrolladores tienen acceso a todos los cambios realizados en un proyecto.

GitHub o BitBucket, cual deberías usar

Tanto GitHub como BitBucket son servicios de hospedaje de proyectos y ambos le permiten usar Git para sus proyectos. GitHub es más popular entre los desarrolladores de proyectos de código abierto y tiene una comunidad más grande de desarrolladores. Si el proyecto en el que está trabajando es un plugin de WordPress de código abierto o un tema, entonces puede alojarlo en GitHub. Su proyecto será visible públicamente y otros usuarios podrán ver su código fuente. Para crear un repositorio privado en GitHub necesitarías actualizar a su plan pagado.

Por otro lado, BitBucket te permite crear repositorios privados de forma gratuita. Si está trabajando en el sitio de un cliente o en su propio sitio personal, es probable que desee mantener su trabajo en privado. BitBucket hace que sea más fácil para usted hacerlo.

Empezando con BitBucket

Paso 1. Instalando Git

Lo primero que debes hacer es descargar e instalar Git en Windows (o Mac).

Paso 2. Creando tu primer repositorio

Ahora que ha instalado Git, el siguiente paso es registrarse para obtener una cuenta gratuita de BitBucket. Una vez que se haya registrado, ingresará al panel de control de BitBucket donde deberá hacer clic en Crear nuevo repositorio botón.

Ingrese un nombre y una descripción para su repositorio algo que le ayude a identificar su proyecto. Para que su repositorio sea privado, debe marcar la casilla junto a Nivel de acceso. Por último, asegúrese de que Git esté marcado como su tipo de repositorio. Puede dejar sin modificar el resto de las opciones y hacer clic en el botón crear repositorio para continuar. BitBucket ahora creará un repositorio en blanco para usted.

Ya que trabajará en la instalación de WordPress local, haga clic en Tengo un proyecto existente para subir.

Paso 3. Agregar directorio local a Git

Usted está listo para enviar su proyecto de WordPress local a BitBucket. Ejecuta Git Bash en tu computadora. Sí, es una herramienta de línea de comandos y tendrás que escribir comandos, pero no te preocupes, es muy fácil.

Si no desea usar la línea de comandos, puede usar interfaces GUI como Github para Windows (que también funciona para Bitbucket) y / o TortoiseGit.

Primero debe agregar su carpeta local de proyectos de WordPress como repositorio en Git. Recuerde, no necesita agregar todo el directorio de WordPress al proyecto. Si está trabajando en un tema, puede agregar ese directorio de temas como un repositorio Git.

En Git Bash, primero vaya al directorio de su proyecto escribiendo la ruta al directorio de su proyecto y luego agréguelo a Git:

 cd / C / xampp / htdocs / wordpress / wp-content / themes / myawesometheme git init 

Ahora que ha agregado su proyecto a Git, el siguiente paso es agregar todos los archivos en él..

 git añadir . 

Después de agregar todos sus archivos, el siguiente paso es hacer su primera confirmación.

 git commit -m "Agregando todos los archivos de proyecto como el primer commit" 

Paso 4. Sincronizar cambios con tu repositorio de Bitbucket.

Ahora el último paso es sincronizar sus archivos locales con su repositorio de BitBucket. Escriba esta línea en Git Bash para conectar su repositorio local a su repositorio de BitBucket.

 git remote add origin https: //[email protected]/bitbucketusername/repositoryname.git 

Empuje todos sus archivos al repositorio de BitBucket.

 git push -u origin - all # empuja el repositorio y sus referencias por primera vez 

Enhorabuena, ha sincronizado con éxito sus archivos de WordPress locales con su repositorio de BitBucket. Ahora vamos a hacer algunos cambios a los archivos en su repositorio local. Una vez que haya terminado de realizar cambios, debe confirmar esos cambios en Git..

 git añadir. git commit -m "Nuevas características agregadas" git push -u origen --todos 

Implementación de cambios de BitBucket al sitio de ensayo

Ahora que ha aprendido a usar Git con BitBucket, es hora de implementar cambios desde su repositorio de BitBucket a su sitio de almacenamiento. De esta manera, puede trabajar en su sitio localmente y probar sus cambios en su sitio de preparación sin afectar su sitio en vivo.

Para ello, te recomendamos utilizar Ftploy. La cuenta gratuita básica le permite configurar un proyecto. Supervisa los cambios realizados en su repositorio de BitBucket y luego los implementa en su servidor web. Primero necesitarías registrarte para una cuenta en Ftploy. Después de eso, necesitas agregar los detalles de tu servidor..

Para configurar un nuevo servidor, seleccione Servidores »Nuevo Servidor Desde la navegación en la parte superior..

Complete los campos correspondientes con la configuración que creó cuando configuró su cuenta FTP de prueba anteriormente.

Hacer clic Conexión de prueba para asegurarse de que FTPloy pueda conectarse a su servidor y luego haga clic en Guardar servidor.

Para crear un proyecto, seleccione Proyectos »Nuevo Proyecto desde el menú de navegación, seleccionando GitHub o BitBucket cuando sea apropiado.

Si ha definido previamente su servidor, puede seleccionarlo en el menú desplegable (de lo contrario, ingrese los detalles en los campos correspondientes). En el campo Ruta del servidor, ingrese la ruta al directorio de temas (esto cambiará dependiendo de la estructura de su repositorio, pero / wp-content / theme / your-theme será adecuado si su repositorio solo contiene su tema).

Cuando presiona un cambio en ese repositorio de BitBucket, FTPloy recogerá los archivos modificados y los enviará al servidor seleccionado.

Empujando cambios a Live

Si está utilizando FTPloy para implementar sus cambios desde un repositorio a su servidor de almacenamiento intermedio, puede configurar un proceso similar para su servidor en vivo. Sin embargo, si el código incorrecto o defectuoso se insertara en su repositorio, se enviaría automáticamente a su sitio en vivo.

Se recomienda ejecutar un sistema de implementación automatizado como FTPloy para un servidor de prueba y luego copiar manualmente los archivos requeridos a su sitio en vivo cuando esté satisfecho con los cambios y los haya probado exhaustivamente en su nuevo entorno de prueba..

Esperamos que este artículo le haya ayudado a aprender cómo crear un entorno de prueba para sus sitios de WordPress. Para solucionar problemas, consulte nuestra guía de errores de WordPress más comunes y cómo solucionarlos. Para comentarios y preguntas no dude en dejar un comentario a continuación.