Cómo configurar un entorno de ensayo o desarrollo de WordPress










  • No es necesario ser un desarrollador empedernido para beneficiarse de la configuración de un entorno de ensayo o desarrollo de WordPress. Si agrega nuevos complementos o realiza personalizaciones de temas, un entorno de desarrollo le permite experimentar sin un efecto negativo en su sitio en vivo.

    Todo el mundo puede, y debe, usar una copia de su sitio de WordPress para realizar pruebas, especialmente ahora que es tan fácil de configurar (más sobre esto en un minuto).

    «Entorno de desarrollo» es solo una forma elegante de decir «una copia de su sitio». Cuando crea una copia exacta, puede ver los efectos de cualquier cambio antes de aplicarlos a su sitio en vivo. También usaremos el término «puesta en escena» para referirnos a una copia de su sitio de WordPress.

    En los círculos de desarrollo profesional, existe una diferencia entre un entorno de desarrollo y un ensayo, pero para los fines de este tutorial, usaremos ambos términos indistintamente.

    ¿Por qué necesita una puesta en escena de WordPress o un entorno de desarrollo?

    Si su sitio de WordPress ha existido por un tiempo, probablemente haya hecho mucha personalización y experimentación en él. Cuantos más complementos use y más personalizaciones haya realizado, mayores serán las posibilidades de que una actualización de WordPress o una nueva instalación de complemento rompa parte o incluso la totalidad de su sitio.

    Tal vez hayas tenido la mala suerte de experimentarlo de primera mano. Si es así, probablemente no necesites que te convenzan. Te das cuenta de lo valioso que puede ser un entorno de desarrollo.

    Pero incluso si nunca ha roto su sitio en vivo, cuando experimenta con los cambios, corre el riesgo de que los visitantes encuentren páginas rotas o lo atrapen en medio de algún cambio que hace que el sitio se vea o funcione de una manera extraña.

    Lo que es aún peor es si Google, o cualquier motor de búsqueda, está rastreando su sitio cuando algo no funciona. Pueden eliminar las URL de esas páginas rotas de su índice. Por lo tanto, un período de experimentación de 30 minutos puede eliminarlo de un índice de búsqueda durante semanas.

    Finalmente, si está trabajando en el desarrollo de sitios web para un tercero, un entorno de desarrollo es una necesidad. Le permite demostrar cambios y actualizaciones exactamente como aparecerán en el sitio del cliente antes de publicarlos.

    Vamos a cubrir un par de métodos diferentes para configurar y usar la puesta en escena de WordPress. El primero es rápido y fácil, pero puede no estar disponible para todos. El segundo es un método manual que cualquiera puede usar.

    El primer paso para cualquier entorno de desarrollo

    Mencioné que los motores de búsqueda podrían rastrear su sitio en vivo mientras está probando los cambios y por qué desea evitar esa posibilidad. Lo mismo se aplica a su entorno de desarrollo.

    No desea que los motores de búsqueda lo encuentren porque lo ven como contenido duplicado. Y técnicamente lo es, ya que es una copia de su sitio en vivo. El contenido duplicado es un gran no-no en el mundo de los motores de búsqueda , y puede dar lugar a sanciones en los motores de búsqueda.

    Cuando crea un entorno de desarrollo, desea que los motores de búsqueda sepan que no deben rastrearlo. Lo haces con un archivo robots.txt .

    Si está organizando un subdirectorio, como https://ggexample.com/staging/, agregue estas líneas a un archivo robots.txt en el directorio raíz de su sitio:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]User-agent: *

    Disallow: /staging/[/ht_message]

    Si está organizando un subdominio, como https://dev.ggexample.com, agregue un archivo robots.txt al directorio raíz del subdominio y configúrelo para que no permita el rastreo de todo en el subdominio:

    [ht_message mstyle=”info” title=”” show_icon=”” id=”” class=”” style=”” ]User-agent: *

    Disallow: /[/ht_message]

    Normalmente, los motores de búsqueda solo buscan un archivo robots.txt en el directorio raíz del dominio. Pero cuando configura un subdominio, normalmente se crea un directorio en public_html con su nombre. La mayoría de los motores de búsqueda obedecerán los archivos robots.txt en los directorios de subdominios.

    directorio de subdominio creado en public_html

    Método 1: configurar la puesta en escena de WordPress con Softaculous

    Si tu sitio web usa cPanel y usaste Softaculous para instalar WordPress, estás de suerte. Configurar la puesta en escena de WordPress no podría ser más fácil.

    Si tiene acceso a Softaculous pero no lo usó para instalar WordPress, todavía tiene suerte. Puede importar su instalación de WordPress existente a Softaculous con unos pocos clics.

    Inicie sesión en cPanel.

    En la sección «Softaculous Apps Installer», haga clic en el enlace o icono «WordPress».

    haga clic en el enlace o icono "WordPress"

    En la sección «Instalaciones actuales», haga clic en el icono «Crear ensayo».

    haga clic en el icono "Crear puesta en escena"

    puesta en escena de las opciones de WordPress

    La URL de instalación en vivo es la instalación de WordPress que se copiará.

    Elija la URL de instalación

    • Elija el protocolo

      Puede elegir HTTP o HTTPS, con o sin www.
      Elija lo que coincida con el sitio en vivo.
    • Elija el dominio

      Si tiene varios dominios, elija el mismo dominio que el sitio en vivo.
      También puede seleccionar un subdominio si tiene uno configurado.
    • En Directorio

      Ingrese el nombre del directorio donde desea que se configure su sitio de desarrollo/prueba.
      Si el directorio no existe, se creará automáticamente.

    Nombre de la base de datos : puede dejar cualquier valor predeterminado que se ingrese aquí a menos que necesite nombrar la base de datos de cierta manera.

    Haga clic en el botón «Crear puesta en escena».

    haga clic en el botón "Crear puesta en escena"

    Verá un mensaje de éxito.

    puesta en escena mensaje de éxito

    Eso es todo. Su sitio de prueba está listo para funcionar.

    Uso de la puesta en escena Softaculous

    Cuando crea un sitio de prueba con Softaculous, inicia sesión en /wp-admin con el mismo nombre de usuario y contraseña que el sitio en vivo. Realice sus cambios en el sitio de ensayo y, cuando esté satisfecho de que todo funciona correctamente, puede «empujar» el sitio de ensayo al sitio en vivo.

    “Empujar desde el escenario” significa reemplazar el sitio en vivo con la versión del área de ensayo. Pero hay un par de maneras diferentes de hacerlo.

    Primero, en la sección «Instalaciones actuales» de Softaculous, haga clic en el ícono «Push to Live» en la línea del sitio de prueba.

    haga clic en el icono "pulsar para vivir"

    El primer método es utilizar las opciones predeterminadas. Las opciones predeterminadas reemplazan todo en el sitio en vivo, los archivos y la base de datos, con las versiones que existen en la plataforma de ensayo.

    Eso puede sonar aterrador, pero el sistema Staging crea una copia de seguridad de su sitio en vivo antes de reemplazarlo. Entonces, si algo saliera mal, tendrías una copia de seguridad.

    ir en vivo con opciones predeterminadas

    Hacer clic en la pestaña «Personalizar» le permitirá enviar solo ciertas tablas de la base de datos. Solo debe elegir esta opción si está seguro de lo que está haciendo y se siente cómodo presionando cambios incrementales o parciales.

    La mayoría de nosotros deberíamos usar las opciones predeterminadas.

    ir en vivo con opciones personalizadas

    Según Softaculous, el botón «Establecer esta instalación como en vivo» también debería llevar el sitio de ensayo al sitio en vivo. Pero en mis pruebas, no fue así. Sin embargo, eliminó el ícono «Push to live» de la instalación de la versión de prueba, lo que esencialmente hizo que la versión de prueba fuera inutilizable.

    No estoy seguro si eso es un error o algo más que sucedió de mi parte. Por ahora, recomendaría evitar el botón «Establecer esta instalación como activa».

    Cómo eliminar el sitio de ensayo

    Dado que es tan fácil crear un sitio de prueba, no hay ninguna razón para dejarlo activo cuando termine de usarlo. Suponiendo que solo use la puesta en escena ocasionalmente, por supuesto.

    Para eliminar el sitio de ensayo y la base de datos, vaya a la sección «Instalaciones actuales» de Softaculous y haga clic en el icono «X» en la línea del sitio de ensayo.

    haga clic en el icono "X" para eliminar el sitio de ensayo

    Para eliminar por completo el sitio de ensayo, deje todas las opciones seleccionadas.

    deje todas las opciones seleccionadas para la eliminación completa

    Haga clic en el botón «Eliminar instalación».

    haga clic en el botón "Eliminar instalación"

    Método 2: puesta en escena de WordPress usando complementos de WordPress

    Si no tiene acceso a Softaculous, aún puede configurar un sitio de prueba de WordPress. Es un poco más complicado, pero si alguna vez ha roto un sitio al hacer cambios en vivo (y creo que es seguro decir que la mayoría de nosotros lo hemos hecho), puede considerar que es un tiempo bien empleado.

    Hay varios complementos de preparación disponibles para WordPress. Aunque como la mayoría de las cosas en la vida, las versiones completas y fáciles de usar tienen un costo. Muchos de los complementos pagos tienen niveles o versiones gratuitas, y vamos a usar uno de ellos.

    Se llama Duplicador .

    Antes de comenzar, debo señalar que, si bien este método funciona perfectamente bien, cuando activa el sitio de prueba para que funcione, está sobrescribiendo la base de datos de WordPress del sitio en vivo . Así que el potencial de errores está ahí.

    Como siempre, haga una copia de seguridad de su sitio y de los archivos de la base de datos antes de hacer algo potencialmente destructivo. Si este tipo de cosas lo ponen nervioso, podría considerar pagar por un complemento de preparación profesional o encontrar un host que ofrezca el método cPanel/Softaculous .

    Muy bien, dicho esto, profundicemos en la configuración de un sitio de ensayo con Duplicator. Esto es lo que vamos a hacer:

    1. Cree una base de datos vacía para el sitio de ensayo.
    2. Instale el complemento Duplicator en el sitio de WordPress en vivo.
    3. Exporte una copia del sitio de WordPress en vivo.
    4. Instale la copia del sitio en vivo en un directorio vacío para crear el sitio de ensayo.
    5. Realice cambios en el sitio de ensayo.
    6. Exporte una copia del sitio de ensayo.
    7. Instale la copia del sitio de prueba en el sitio en vivo.

    Crear una base de datos MySQL vacía

    El método para hacer esto varía según su anfitrión. Pero debe crear un nombre de base de datos MySQL, un nombre de usuario y una contraseña para continuar. Puede hacerlo accediendo a las bases de datos MySQL desde cPanel.

    La versión gratuita de Duplicator copiará su base de datos existente, pero no puede crear una nueva.

    Instalación del complemento duplicador

    Inicie sesión en el panel de administración de WordPress para su sitio en vivo.

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Complementos» y haga clic en el enlace «Agregar nuevo».

    mouseover-duplicator-plugin.png

    En el cuadro «Buscar complementos…», ingrese «Duplicador».

    busque el complemento WordPress Duplicator

    Una vez que haya localizado el complemento, haga clic en el botón «Instalar ahora».

    haga clic para instalar el complemento WordPress Duplicator

    Cuando se haya instalado el complemento, haga clic en el botón «Activar».

    haga clic para activar el complemento WordPress Duplicator

    Creación de una copia del sitio web en vivo

    En la navegación de la columna izquierda, pase el mouse sobre el enlace «Duplicador» y haga clic en el enlace «Paquetes».

    haga clic en el enlace "Paquetes"

    Haga clic en el botón «Crear nuevo» en la esquina superior derecha.

    haga clic en el botón "Crear nuevo"

    Nombra el paquete.

    Deje todos los valores en «Almacenamiento», «Archivo» e «Instalador» como están.

    Haga clic en el botón «Siguiente» en la parte inferior de la página.

    haga clic en el botón "Siguiente"

    Se escaneará el sitio y llegará a la página «Escaneo completo». Si todos los controles son «Bueno» (verde), haga clic en el botón «Construir».

    si todos los cheques son "buenos"

    haga clic en el botón "Construir"

    En la página «Paquete completado», haga clic en el enlace «Descarga con un clic».

    haga clic en el enlace "Descarga con un clic"

    Cree un directorio vacío en su sitio. Este será el directorio de ensayo. Cargue los dos archivos del paquete Duplicator en ese directorio.

    cargue los archivos del paquete Duplicator en el directorio vacío

    Vaya a la URL del archivo del instalador.

    En este ejemplo, estoy copiando un sitio de ggexample.com/ blog / a ggexample.com/ staging /, por lo que la URL del archivo de instalación es https://ggexample.com/ staging /installer.php

    Verá una página de «Paso 1 de 4: Implementación». Las secciones «Archivo» y «Validación» deben decir «Aprobado» (verde). Haga clic en el cuadro «He leído y acepto todos los términos y avisos» y haga clic en el botón «Siguiente».

    haga clic en el botón "Siguiente"

    Se extraerán los archivos de almacenamiento, lo que llevará un momento.

    Ingrese el nombre de la base de datos, el nombre de usuario y la contraseña de la base de datos en blanco que creó.

    ingrese las credenciales de la base de datos

    Haga clic en el botón «Probar base de datos».

    haga clic en el botón "Probar base de datos"

    En la sección «Validación», «Requisitos» y «Avisos» deben decir «Aprobado» y «Bien» (ambos en verde).

    Haga clic en el botón «Siguiente».

    haga clic en el botón "Siguiente"

    Aparecerá un cuadro de «Confirmación de instalación». Verifique que la información sea correcta y haga clic en el botón «Aceptar».

    haga clic en el botón "Aceptar"

    Eso lo llevará al «Paso 3 de 4: Actualizar datos». Verifique que la información de «Nueva configuración» sea correcta.

    verificar que la información de "Nuevas configuraciones" sea correcta

    Haga clic en el botón «Siguiente».

    haga clic en el botón "Siguiente"

    Se abrirá la página «Paso 4 de 4: sitio de prueba». Haga clic en el botón «Inicio de sesión de administrador» para completar la instalación.

    haga clic en el botón "Iniciar sesión de administrador"

    Su sitio provisional ahora está en funcionamiento con el mismo nombre de usuario y contraseña de administrador que su sitio en vivo.

    Empujando el sitio de prueba de WordPress para vivir

    Una vez que haya realizado los cambios en el sitio de ensayo y verificado que todo funciona correctamente, puede exportar el sitio de ensayo.

    Los pasos para importar los archivos del paquete de ensayo al sitio en vivo son casi los mismos que los pasos anteriores, pero hay algunas diferencias (señaladas aquí en negrita ).

    1. Cree y asigne un nombre a un nuevo paquete en el sitio de ensayo.
    2. Haga clic en el botón «Siguiente» en la parte inferior de la página.
    3. Si todos los controles son «Bueno» (verde), haga clic en el botón «Construir».
    4. Haga clic en el enlace «Descarga con un clic».
    5. Cargue los dos archivos del paquete en el sitio en vivo.
    6. Copie el nombre de la base de datos MySQL, el nombre de usuario y la contraseña del archivo wp-config.php en el sitio en vivo .
    7. Elimine o cambie el nombre del archivo wp-config.php en el sitio en vivo .
    8. Vaya a la URL del archivo del instalador en el sitio activo (para nuestro ejemplo, sería https://ggexample.com/blog/installer.php).
    9. Haga clic en el cuadro «He leído y acepto todos los términos y avisos» y haga clic en el botón «Siguiente».
    10. Ingrese el nombre de la base de datos MySQL, el nombre de usuario y la contraseña que copió del archivo wp-config.php en el sitio en vivo .
    11. Haga clic en el botón «Probar base de datos».
    12. Haga clic en el botón «Siguiente».
    13. Verifique que la información de «Confirmación de instalación» sea correcta y haga clic en el botón «Aceptar».
    14. Verifique que la información de «Nueva configuración» sea correcta y haga clic en el botón «Siguiente».
    15. Haga clic en el botón «Inicio de sesión de administrador» para completar la instalación.

    Ahora su sitio en vivo debe actualizarse con los cambios que realizó en el sitio de ensayo.

    Notas sobre cómo enviar los archivos de ensayo al sitio en vivo

    Es posible que haya notado las advertencias de que el directorio de destino debe estar vacío, excepto por los dos archivos del paquete Duplicator. Es posible que también haya notado que no vaciamos el directorio del sitio en vivo antes de impulsar el sitio de prueba para que esté en vivo.

    Eso no fue un error o un descuido. Lo hice para minimizar el tiempo de inactividad del sitio en vivo durante el impulso desde la preparación.

    En mis pruebas, no tuve ningún problema al dejar los archivos de WordPress en el directorio del sitio en vivo, pero de todos modos puede ser conveniente tomar precauciones .

    Si su sitio de WordPress está en el directorio raíz de su cuenta, descargue o copie los archivos del sitio en vivo a otro directorio para su custodia. Luego, elimine todos los archivos de WordPress, cargue los archivos del paquete Duplicator y ejecute el script de instalación.

    Si su instalación de WordPress está en un subdirectorio, como /blog en nuestros ejemplos aquí, puede cambiar el nombre del directorio en vivo a /blog2. Luego cree un nuevo directorio /blog vacío, cargue los archivos del paquete Duplicator y ejecute el script de instalación.

    Copia de seguridad, copia de seguridad, copia de seguridad

    Hagas lo que hagas, haz una copia de seguridad de los archivos y la base de datos de tu sitio de WordPress antes de hacer algo con Duplicator (o con cualquier otra cosa que altere tu sitio o base de datos). Nunca se arrepentirá de hacer una copia de seguridad de su sitio web y de los archivos de la base de datos. Pero puedo garantizar que tarde o temprano te arrepentirás de no haber retrocedido.

    ¡Todos hemos estado allí, por eso les recuerdo que retrocedan, retrocedan, retrocedan!

    Hay varios complementos de copia de seguridad de WordPress que harán el trabajo. También es posible que desee echar un vistazo a los servicios de copia de seguridad en la nube que realizarán una copia de seguridad automática de su sitio web y base de datos todos los días.

    Los servicios de respaldo en la nube varían en costo y complejidad. Me gusta DropMySite porque es económico y no me ha fallado ni una vez en cinco años de uso.

    Eso no es un anuncio o un enlace de afiliado, solo una recomendación personal.

    Mantener seguro su sitio en vivo

    Ya sea que esté desarrollando código o experimentando con un nuevo complemento, usar la puesta en escena para WordPress es una excelente manera de experimentar. La capacidad de ver el efecto de sus cambios en un sitio que refleja exactamente su sitio en vivo es invaluable.

    ¿Qué tipo de cambios ha realizado en WordPress para los que podría haber utilizado un área de ensayo? ¿Con qué frecuencia realiza cambios de diseño o funcionalidad en su sitio en vivo?