Quando si tratta di apportare aggiornamenti o modifiche significative al proprio sito WordPress, farlo direttamente può essere rischioso. È qui che entra in gioco un sito di staging.
Si tratta di un clone perfetto del vostro sito web live, dove potete testare in sicurezza le modifiche, risolvere i problemi e perfezionare gli aggiornamenti prima di distribuirli al sito principale. La creazione di un sito di staging può salvare da potenziali tempi di inattività, caratteristiche non funzionanti e altre complicazioni.
Noi di WPBeginner utilizziamo siti di staging per testare gli aggiornamenti del sito web prima di pubblicarli sui nostri siti live.
In questa guida passo passo, vi mostreremo come creare facilmente un ambiente di staging per il vostro sito WordPress. Verranno illustrati diversi metodi, la maggior parte dei quali richiede solo pochi clic.
Che cos’è un sito di staging?
Un sito di staging è un clone del vostro sito web live, utilizzato per testare le modifiche prima di renderle effettive. I siti di staging aiutano a individuare gli errori, in modo da non danneggiare il sito web live.
In passato era molto difficile configurare un sito di staging di WordPress, ma ora le cose sono cambiate e anche una persona non tecnica può farlo.
Molti utenti installano WordPress in locale sui loro computer Windows o Mac per testare le modifiche. Una volta terminati gli aggiornamenti, caricano semplicemente le modifiche da localhost al server live.
Il problema più grande di questo approccio è: cosa succede se qualcosa che ha funzionato sul localhost non funziona sul server live?
Spesso i siti locali e i server di hosting WordPress non sono in esecuzione nello stesso ambiente.
Dal momento che il sito di staging vive sul vostro server di web hosting, potete facilmente evitare tutti questi errori perché esegue la stessa configurazione del server del vostro sito live.
Detto questo, vediamo come impostare un sito di staging per WordPress.
Come creare facilmente un sito di staging di WordPress
Esistono diversi modi per creare un sito di staging per WordPress. Il più semplice è quello di utilizzare la funzione di sito di staging integrata del vostro provider di hosting.
Alcune delle migliori società di hosting WordPress offrono già siti di staging con un solo clic. Se il vostro sito web è ospitato presso una di esse, potete creare facilmente un sito di staging senza alcun problema.
Se non disponete di una di queste popolari soluzioni di host, abbiamo anche una soluzione per aiutarvi a creare un sito di staging di WordPress utilizzando un plugin (o anche manualmente).
Per una navigazione più rapida, è possibile utilizzare la navigazione sottostante per passare alla sezione più pertinente:
Creare un sito di prova su Bluehost
Bluehost è una delle migliori società di hosting WordPress. Offre una soluzione rapida di sito di staging in 1 clic con tutti i suoi piani.
Per prima cosa, è necessario accedere al cruscotto di Bluehost e visitare la sezione “I miei siti”.
Quindi, passare alla scheda “Plugin” e attivare l’interruttore accanto all’opzione “Plugin Bluehost”.
Dopodiché, accedere alla dashboard del sito WordPress e visitare la pagina Bluehost ” Staging”.
A questo punto, fare clic sul pulsante “Create Staging Site”.
Bluehost preparerà ora l’ambiente di staging per il vostro sito web.
Una volta fatto ciò, verrà visualizzata la sezione “Sito di prova”, dove si dovrà selezionare la casella “Non in fase di modifica”.
A questo punto si aprirà un prompt che chiede di passare al sito di staging.
Da qui, fare clic sul pulsante “Cambia”.
Una volta attivata, sullo schermo apparirà un pulsante che indica che si sta lavorando sul sito web di staging.
Potete continuare a lavorare sul vostro sito web senza preoccuparvi che ciò influisca sul vostro sito live.
Distribuire le modifiche da un sito in fase di allestimento a un sito live su Bluehost
Una volta pronti a trasferire le modifiche dallo staging al sito live, basta andare alla pagina Bluehost ” Staging dalla barra laterale dell’amministrazione di WordPress.
Da qui, si vedrà il menu a discesa delle opzioni di distribuzione accanto al sito web di staging. È possibile distribuire solo i file, solo il database o tutte le modifiche.
Se non si è sicuri, fare clic sul pulsante “Distribuisci tutte le modifiche” per continuare.
Successivamente, fare clic sul pulsante “Deploy Site” accanto al menu a discesa.
Si aprirà un popup in cui si chiederà di confermare che si vuole distribuire il sito di staging al sito di produzione. Fare clic sul pulsante “Distribuisci” per continuare.
Bluehost inizierà ora a distribuire il sito di staging al sito live. A seconda delle dimensioni del sito, questa operazione potrebbe richiedere un po’ di tempo.
Ora è possibile tornare al sito web live per vedere le modifiche in azione, facendo clic sul pulsante Radio sotto l’opzione Sito di produzione.
Clonazione del sito di produzione in quello di staging
Ora, quando si torna al sito di produzione, le modifiche apportate non vengono sincronizzate automaticamente con il sito di staging.
In futuro, se si desidera testare più cose sul sito di staging, sarà necessario duplicare il sito.
Per farlo, è necessario visitare la pagina Bluehost ” Staging e cliccare sul pulsante “Clona in staging”.
Bluehost clonerà quindi le ultime modifiche apportate al sito web live sul sito web di staging. Dopodiché, è possibile passare al sito web di staging per i test e lo sviluppo.
Creazione di un sito di prova su SiteGround
SiteGround è un’altra delle migliori società di hosting WordPress che offre una funzione di staging in un clic con i suoi piani GrowBig e GoGeek.
Se il vostro sito web è ospitato da SiteGround, allora è così che si configura un sito web di staging.
Per prima cosa, è necessario accedere alla dashboard di SiteGround e passare alla scheda Siti web. Da qui è necessario scegliere gli Strumenti del sito sotto il proprio sito web.
Nella schermata successiva, dovete fare clic sul menu WordPress ” Staging dalla colonna di sinistra.
Da qui, selezionate il vostro sito web e fornite un nome per la vostra copia di staging.
Fare clic sul pulsante “Crea” per continuare e Siteground creerà una copia di staging del sito web.
Successivamente, è necessario fare clic sul pulsante “Vai agli URL protetti” per proteggere con una password il sito di staging e mantenerlo privato.
Nella schermata successiva, Siteground inserirà automaticamente l’URL e il percorso del sito di staging.
È necessario inserire il nome utente e la password che si desidera utilizzare per proteggere il sito di staging.
Fare clic sul pulsante “Proteggi” per salvare le impostazioni.
Ora potete tornare alla pagina WordPress ” Staging e fare clic sul pulsante “Accedi al pannello di amministrazione” accanto al vostro sito web di staging.
SiteGround aprirà ora l’area di amministrazione di WordPress del sito web di staging. È possibile testare le modifiche su questo sito web di staging.
Distribuzione delle modifiche al sito web live
Una volta provate le modifiche sul sito web di staging, è possibile unirle al sito web live.
SiteGround rende facile anche questo.
È sufficiente fare clic sul menu WordPress ” Staging dalla colonna di sinistra. Quindi fate clic sul menu a tre puntini accanto al vostro sito di staging nella sezione “Gestisci copie di staging”.
Il menu mostra due opzioni di distribuzione. È possibile scegliere l’opzione “Distribuzione completa” o “Distribuzione personalizzata”.
L’opzione “Distribuzione completa” unisce tutto dal sito web di staging al sito web live. L’opzione “Distribuzione personalizzata” consente di selezionare i file o i dati che si desidera unire.
Se non siete sicuri, scegliete l’opzione “Distribuzione completa”.
SiteGround copierà quindi il sito di staging sul vostro sito web live.
Unire il Live al vostro sito web di staging
Le modifiche apportate al sito web live non vengono copiate automaticamente sul sito web di staging.
Ogni volta che si deve lavorare sul sito web di staging, ripetere la procedura sopra descritta per creare un nuovo sito web di staging.
Creazione di un sito di prova su WP Engine
WP Engine è la migliore società di hosting gestito per WordPress al mondo. L’hosting WordPress gestito è un servizio di portineria per il vostro sito WordPress in cui il provider di hosting si occupa di aggiornamenti, backup, sicurezza e prestazioni.
WP Engine offre una soluzione di staging con un solo clic con tutti i suoi piani. Se utilizzate WP Engine per ospitare il vostro sito web, ecco come impostare un ambiente di staging per il vostro sito.
Per prima cosa, è necessario accedere al cruscotto di WP Engine. Quindi, andate alla pagina “Siti” e selezionate il vostro sito web facendo clic su di esso.
In questo modo si accede alla dashboard del sito web.
A questo punto, è necessario fare clic sul link “Add Staging” nella colonna di sinistra o selezionarlo sotto il nome del sito in alto.
Si accede così alla schermata “Aggiungi ambiente”.
Vi verrà chiesto di scegliere come procedere con l’ambiente di staging.
Ecco cosa fa ciascuna di queste opzioni:
- Inizia con un nuovo sito vuoto” crea un nuovo sito vuoto.
- Inizia con un’esperienza guidata” crea un nuovo sito con un’esperienza guidata e contenuti dimostrativi.
- Copia un ambiente esistente in questo sito” copia l’ambiente di produzione o di sviluppo in questo sito (ad esempio, copia il sito live in questo ambiente).
- Sposta un ambiente esistente” sposta un ambiente in questo sito (ad esempio, sposta l’ambiente di sviluppo nello Staging).
- Inizia con un sito WooCommerce” crea un nuovo sito WordPress con WooCommerce preinstallato.
Poiché si vuole creare una copia di staging del nostro sito web live, è necessario fare clic sull’opzione “Copia un ambiente esistente in questo sito”.
Dopo aver scelto un ambiente, selezionare l’ultimo backup da cui si desidera copiare e fare clic sul pulsante “Avanti” per continuare.
Ora è necessario fornire un nome per il sito di staging. Questo nome sarà usato nell’URL del sito di staging. Successivamente, scegliere STG (staging) come tipo di ambiente.
Fare clic sul pulsante “Crea ambiente” per continuare.
WP Engine creerà un sito di staging per voi. Successivamente, sarete reindirizzati alla dashboard del vostro ambiente di staging.
Successivamente, è necessario fare clic sul pulsante Lucchetto per attivare la protezione con password per il sito di staging.
Successivamente, è necessario passare alla scheda ‘Utilità’ per copiare il nome utente e la password del sito di staging.
Ora è possibile fare clic sul pulsante “WP Admin” in alto per accedere al sito di staging.
Sentitevi liberi di apportare modifiche e provare le funzionalità sul sito di staging, proprio come fareste con un tipico sito WordPress che installate altrove.
Distribuire le modifiche da un sito web in fase di allestimento a un sito web live su WP Engine
Volete unire le modifiche apportate al sito web di staging al vostro sito web live?
È sufficiente fare clic sul pulsante “Copia ambiente” per iniziare la distribuzione.
Si accede così alla pagina delle opzioni. Da qui è necessario scegliere gli ambienti di origine e di destinazione per la copia.
Qui si selezionerà il sito web di staging come ambiente di origine e il sito web di produzione o live come ambiente di destinazione.
È possibile scegliere ciò che si desidera copiare. Ad esempio, è possibile copiare tutte le tabelle e i file del database, file e tabelle del database specifici o solo il file system.
Nota: se si copia tutto, si perderanno i dati memorizzati sul sito web live dopo averlo utilizzato per creare l’ambiente di staging. Ciò può includere dati importanti come nuovi post, pagine, clienti e ordini. È quindi consigliabile eseguire un backup del sito live prima di distribuirlo dall’ambiente di staging.
Quindi, fare clic sul pulsante “Rivedi e conferma” per iniziare la distribuzione. Ci vorrà un po’ di tempo per copiare tutto sul vostro sito web live.
Riceverete una notifica via e-mail quando il processo sarà completato.
Creazione di un sito di staging con il plugin di WordPress
Se la vostra società di hosting WordPress non fornisce una funzione di sito di staging, potete comunque creare un sito di staging utilizzando un plugin di WordPress.
Questo metodo presenta alcuni svantaggi.
Innanzitutto, un plugin ha un controllo limitato sul vostro server di hosting. Per questo motivo potrebbe non dare sempre i risultati migliori.
In secondo luogo, il plugin che utilizzeremo memorizzerà il vostro sito di staging sui propri server. Se siete preoccupati per la privacy e la protezione dei dati, questo potrebbe non essere l’ideale per voi.
Infine, il plugin presenta diverse incompatibilità note. Controllare la pagina delle incompatibilità per assicurarsi che il proprio sito web sia compatibile.
Detto questo, vediamo come creare un sito WordPress di staging utilizzando un plugin WordPress.
La prima cosa da fare è installare e attivare il plugin WP Stagecoach. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.
Dopo l’attivazione, il plugin aggiunge alla barra di amministrazione una nuova voce di menu denominata WP Stagecoach. Facendo clic su di essa si accede alla pagina delle impostazioni del plugin.
Dovrete inserire il vostro nome utente WP Stagecoach e la chiave API, che potete trovare nel vostro account sul sito web del plugin.
Successivamente, è necessario visitare la pagina WP Stagecoach ” WP Stagecoach e scegliere un nome per il sito di staging. Questo nome sarà utilizzato anche come sottodominio del vostro sito WordPress di staging.
Non dimenticate di selezionare la casella accanto all’opzione “Proteggi con password il sito di staging”. Questo proteggerà il vostro sito di staging dalla vista pubblica e dai motori di ricerca.
Cliccate sul pulsante “Ride the Stagecoach” per continuare.
Il plugin creerà ora un backup dei file e del database di WordPress per esportarli nel sito di staging.
Potrebbe essere necessario un po’ di tempo, a seconda delle dimensioni del vostro sito WordPress.
Una volta terminato, verrà visualizzato il link al sito di staging e alla sua area di amministrazione.
È possibile fare clic sul link per visitare il sito di staging e iniziare a lavorarci.
Si noterà un messaggio arancione nella barra di amministrazione in alto che indica che si sta lavorando sul sito di staging.
Distribuire il sito di staging al sito live usando WP Stagecoach
Una volta pronti a importare le modifiche nel sito live, andate alla pagina WP Stagecoach ” Importa modifiche e cliccate sul pulsante Controlla modifiche.
Il plugin controllerà ora le modifiche sul sito di staging e mostrerà le opzioni per importarle.
È possibile scegliere tra tutte le modifiche, le modifiche ai file o le modifiche al database.
Il plugin mostra l’avanzamento dell’importazione e notifica il completamento della stessa.
Ora è possibile testare il sito live per verificare se tutte le modifiche sono state importate con successo.
Creare manualmente un sito di staging per WordPress
Questo metodo vi insegnerà a creare manualmente un sito di staging per la vostra installazione di WordPress. È destinato agli utenti avanzati e richiede più lavoro rispetto agli altri metodi descritti in precedenza.
Un altro svantaggio di questo metodo è che il sito web sarà temporaneamente indisponibile quando le modifiche vengono riportate dallo staging al server live.
Detto questo, vediamo come creare manualmente un ambiente di staging per il vostro sito WordPress.
Per prima cosa, è necessario creare un sottodominio per il sito di staging. Se utilizzate Bluehost, andate nella dashboard del vostro account di hosting e passate alla scheda “Avanzate”.
Quindi, fare clic sul pulsante “Gestisci” accanto all’opzione “cPanel”.
In questo modo si aprirà il cPanel in una nuova scheda, dove si dovrà scorrere fino alla sezione “Dominio”.
Da qui, fare clic sull’opzione “Domini”.
Si aprirà un elenco di tutti i domini presenti sul vostro account di hosting. Qui è necessario fare clic sul pulsante “Crea un nuovo dominio”.
Una volta fatto ciò, si aprirà una nuova pagina nella quale dovrete scrivere il vostro sottodominio seguito dal nome del dominio nel campo “Dominio”, come in questo caso:
sottodominio.example.com
A questo punto, è sufficiente fare clic sul pulsante “Invia” per memorizzare le impostazioni.
Nota: nelle nostre schermate di esempio stiamo usando Bluehost, quindi la vostra schermata potrebbe apparire diversa.
Il pannello di controllo del vostro hosting aggiungerà ora il vostro sottodominio, che potrete utilizzare per importare il vostro sito WordPress dal vivo.
Successivamente, è necessario installare e attivare il plugin gratuito Duplicator sul sito live. Se avete bisogno di funzioni complete, potete acquistare la versione premium di Duplicator qui.
Dopo l’attivazione, è necessario fare clic sul menu Duplicator nella barra laterale dell’amministrazione di WordPress e fare clic sul pulsante “Crea nuovo” sotto Backup.
Successivamente, è possibile inserire un nome per il backup e fare clic sul pulsante “Avanti” per continuare.
Duplicator eseguirà quindi la procedura guidata per la duplicazione del sito web.
Innanzitutto, vengono eseguiti alcuni test per verificare se tutto è in ordine. Se tutti gli elementi sono contrassegnati come “buoni”, fare clic sul pulsante “Costruisci”.
Il plugin inizierà a creare un pacchetto di backup Duplicator per il vostro sito WordPress. Questo processo potrebbe richiedere alcuni minuti, a seconda delle dimensioni del sito.
Una volta terminato, verranno visualizzate le opzioni di download per il programma di installazione e per l’archivio. È necessario fare clic sul pulsante “Scarica entrambi i file” per scaricare entrambi i file sul computer.
Dovrete caricare entrambi i file nella directory dei file del sottodominio appena creato. Per maggiori dettagli, consultate la nostra guida su come usare l’FTP per caricare i file sul vostro sito WordPress.
Successivamente, il nuovo sito WordPress di staging avrà bisogno di un nuovo database. Creiamone uno.
Accedete al pannello di controllo del vostro account di hosting WordPress e passate alla scheda “Avanzate”.
Successivamente, scorrere fino alla sezione “Database” e fare clic sul pulsante “Gestisci” accanto ad essa.
Se non utilizzate Bluehost, il vostro ambiente di hosting WordPress potrebbe apparire un po’ diverso. Non preoccupatevi e cercate la sezione Database.
Si accede così alla pagina “Database MySQL”, dove è possibile iniziare a fornire un nome per il database.
Quindi, fare clic sul pulsante “Crea database”.
Successivamente, è necessario creare un utente MySQL per il database.
Scorrete fino alla sezione Utenti MySQL e fornite un nome utente e una password per il nuovo utente del database.
Ora bisogna dare a questo utente il permesso di accedere e modificare il database creato in precedenza.
Basta scorrere la sezione “Aggiungi utente al database” e selezionare il database e l’utente appena creato.
Quindi, fare clic sul pulsante “Aggiungi” per continuare.
Verrà chiesto di selezionare i privilegi per l’utente. Selezionare la casella di controllo “Tutti i privilegi” e fare clic sul pulsante “Apporta modifiche”.
Ora il database è pronto per essere utilizzato per il sito web di staging.
Successivamente, è necessario aprire una nuova scheda del browser e inserire il sottodominio del sito di staging in questo modo:
https://yoursubdomain.example.com/installer.php
Non dimenticate di sostituire yoursubdomain
con il sottodominio effettivo e example.com
con il vostro nome di dominio.
In questo modo si avvia l’installazione guidata di Duplicator.
Nella sezione “Impostazione”, il programma di installazione vi chiederà di inserire le informazioni sul database di WordPress.
Il vostro host sarà probabilmente localhost. Dopodiché, si inseriranno i dettagli del database creato per il nuovo nome di dominio nel passaggio precedente.
Fare clic sul pulsante “Convalida” per assicurarsi che Duplicator possa connettersi al database.
Una volta fatto, fare clic sul pulsante “Avanti” per continuare.
Duplicator scompatta il database e i file di WordPress e li importa nel sito di staging.
Al termine, verrà visualizzato un messaggio di successo.
È possibile fare clic sul pulsante “Admin Login” per accedere all’area di amministrazione di WordPress del proprio sito web sul nuovo sito di staging.
Ora il sito di staging è stato configurato. È possibile proteggerlo aggiungendo una password di protezione al sottodominio.
Accedere alla dashboard del proprio account di hosting e passare alla scheda “Avanzate”.
Dopodiché, scorrere fino alla sezione “cPanel” e fare clic sul pulsante “Gestisci” accanto.
In questo modo si aprirà il cPanel in una nuova finestra, dove si dovrà scorrere fino alla sezione “File”.
Da qui, fare clic sull’icona “Directory Privacy”.
Successivamente, è necessario selezionare la cartella del sottodominio e poi selezionare l’opzione “Protezione con password di questa directory”.
Verrà richiesto di assegnare un nome a questa impostazione e di fare clic sul pulsante “Salva”.
Il vostro sito di staging sarà ora nascosto dietro una password di protezione, in modo da tenerlo lontano dalle mani dei motori di ricerca e dagli occhi del pubblico.
Ora è possibile lavorare sul sito di staging e apportare qualsiasi modifica.
Distribuire manualmente il sito di staging al sito live
Una volta pronti a distribuire le modifiche dal sito di staging al server live, si seguirà la stessa procedura descritta sopra.
È sufficiente creare un nuovo pacchetto Duplicator sul sito di staging e scaricare i file dell’installatore e dell’archivio sul computer (vedere le istruzioni sopra).
Successivamente, è necessario andare sul proprio sito live e creare un backup completo di WordPress (è possibile utilizzare anche Duplicator per creare un backup completo).
Una volta terminato, dovrete eliminare tutti i file e le cartelle di WordPress dal vostro sito web live. Ciò significa che il vostro sito WordPress sarà inattivo per un po’ di tempo.
Infine, seguire le istruzioni precedenti per eseguire l’installazione guidata di Duplicator per importare il sito di staging sul server live.
Come si può notare, l’ultimo metodo non è affatto il migliore. Durante il processo ci sono molte cose che possono danneggiare il vostro sito.
Suggeriamo di evitare assolutamente questo metodo, a meno che non abbiate altra scelta. Si consiglia di utilizzare un provider di hosting affidabile come Bluehost, SiteGround o WP Engine con funzioni di sito di staging integrate.
Speriamo che questo articolo vi abbia aiutato a capire come creare facilmente un ambiente di staging per il vostro sito WordPress. Se doveste riscontrare dei problemi, date un’occhiata alla nostra guida definitiva per risolvere gli errori più comuni di WordPress. Potreste anche voler imparare a utilizzare WordPress Playground nel vostro browser per i test.
Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.
Beulah Wellington
If I download WAMP on my computer and use the localhost, couldn’t install the UpdraftPlus plugin and let that be my staging site? Isn’t this another alternative?
WPBeginner Support
Rather than UpdraftPlus, we would recommend taking a look at our guide here for using local for staging: https://www.wpbeginner.com/wp-tutorials/how-to-move-wordpress-from-local-server-to-live-site/
Admin
Jan Stetson
I’m trying to set up a staging environment on my WordPress site hosted by Bluehost. I’m stopped at step one! when I go to the WordPress admin area, I don’t see bluehost at the top of the page. The topmost option in the nav menu on the left is “Dashboard”. No sign of “Staging” anywhere. Help?
WPBeginner Support
You likely removed the BlueHost plugin, if you reach out to BlueHost’s support they should be able to let you know their current methods available
Admin
Shashank Sachan
Hello
I tried but did not succeed. Getting error ” this site can’t be reached”.
I am on Godaddy and using Cloudflare. And I have not created a separate FTP account.
WPBeginner Support
To start troubleshooting that you could try the steps in our article here: https://www.wpbeginner.com/wp-tutorials/how-to-fix-the-403-forbidden-error-in-wordpress/
or reach out to your hosting provider for them to take a look.
Admin
simona
thank you for the article. one question: If I update Wordpress ONLY on the staging site, will it affect also my live-site?
thank you for your answer. regards, s.
WPBeginner Support
No, if you update one site it should not affect the other.
Admin
oshibiko
Thank you for this article.
Do you know of a way to test membership (loginlogoff ) functionality without going live on the actual site. In the staging environment or developing. TIA
WPBeginner Support
You would likely need to create a test user for you to log in with to test that.
Admin
Mark E
Great article, with one step missing for the manual instructions.
After downloading the duplicator files to your computer, you then have to upload the installer file and archive file to your newly created subdomain directory.
Otherwise when you try to run the installer you get a 404 page.
Otherwise great guide!
Thanks….
WPBeginner Support
Thank you for pointing that out
Admin
Charlene Marsh
No option to try the staging feature on Bluehost yet. Message says “Please contact support to find out how to enable staging.” I was just on the phone with Bluehost about another issue and the rep I was speaking with never heard of this new feature.
WPBeginner Support
It would depend on what rep you were talking to as it is a new feature so not all reps may be knowledgeable yet
Admin
Matt Stephen
To be able to use the staging feature provided by Bluehost, you must install and activate the Blushost plugin.
Sean
Thank you for this great info, as always. Now is this something I could use to play around with a new page builder? I want to test out Thrive Architect but want to do so without messing anything up. Or, suppose I wanted to play around with a new theme. These may be 2 different questions.
WPBeginner Support
You could certainly test those changes with a staging environment without having to worry about what people see on the site.
Admin
Vanessa
Thanks for the info. I currently use Bluehost but don’t have the staging site option I would love to test it out for a new theme I’d like to try before purchasing it. I contacted BH tech support the rep told me the feature is in development. Thanks again for the info.
WPBeginner Support
Glad we could bring this feature to your attention even if it is currently being developed
Admin
Vanessa
I was able to access the feature today. I’m excited to use it. Thanks again for the info. I’m excited to try out the staging feature.
Ani Chijioke
this is a great information, I have two websites, but I don’t feel like having both look the same.
pls, I need help.
is there any code I can add on >dashboard >customize >additional css,,, for the font color of my site to be pure black in color..
I have this theme that I am using, it gives me everything I want. but the font color of my blog posts are light black. I will like to change the color to pure black
any solution?
thank you.
WPBeginner Support
For finding the CSS you need to change, you would want to take a look at our article on how to use inspect element here: https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
alykhan
Great article but the push back to live is a little brief. I have a WooCommerce site that needs a theme change. I used Duplicator Pro to make a copy on a staging server. I’ve made all the changes to the site including adding a couple of new plugins.
Now I want to push the site back but I can’t do the same thing as there are new orders on the live site. How do I copy the site back without affecting the orders etc..?
WPBeginner Support
Sadly, the safest method for that would be to prevent orders while updating from staging.
Admin
Jennifer Verdin
I haven’t read the comments yet, but I’ve been at this all day. The reason why is because this page does not tell you how to create a database user and assign privileges to the said user.
Thankfully, I was able to figure it out, but that’s a KEY step that is missing to connect the site and database.
WPBeginner Support
Apologies about the confusion, we will certainly look into clarifying that. If you reach out to your hosting provider they normally have a user already created.
Admin
Max
Hi guys,
Thanks for your awesome post. I like the idea that the provider has the staging, productive and a test environment out of box.
But I have two questions:
1. Can write a little bit how it works by your suggested providers?
2. Have you also providers which are located in the EU or better in Germany? And offer staging environment out of box?
Kind regard
Chris
Thank you so much for this information! And if anyone’s wondering, yes, it’s still relevant 4.5 years later.
Jess
Hi there
I am in the process of setting up a new Wordpress site but I was planning to start building everything in my staging environment because I would like my live site to have a “under construction” landing page.
What I am not sure of is how to push my changes from the staging site to my live site when I am ready. Would you mind describing this process please?
Thank you
Jess
Johnny
If it’s simply a matter of wanting a “Under Construction” page while keeping the rest of the sight off limits to the public, there are plugins that will do that. Search “under construction.”
Russell
How does this process compare to using a plugin like wp-staging.
Fernando Lisboa
Hi, my question is, i created a staging environment, work there make some updates on structure of pages, layouts, new categories, new pluig-in.
Ok, but in real live, my site is growing with new posts, comments, images, videos, etc…
When i push stage back to life, i will lost thes new itens that were create in real live ??? I test this in sitegroud, and i loose ever with advanved “push to live”
tks
WPBeginner Support
Hi Fernando,
The solution described above only syncs your website files not the database.
Admin
Ravindra
Hi,
Thank you very much. This article was very helpful.
Chris
Hi, thanks for such a useful article,
I’m having a small issue when I give it a go,
I have got as far down as
“Once WordPress has connected to your staging database, it should detect that WordPress has been installed, and prompt you to login” and I am stuck – it autoredirected to the wp-login and gave me a blank page. Not a 404, just a clean white screen.
On the main page the login has been renamed so I try to navigate to that instead and again just a clean white screen.
Can anyone give me any pointers on where I’m going wrong?
WPBeginner Support
Please see our guide on how to fix white screen of death in WordPress.
Admin
Smitha
Hi,
Thanks for this article!
I followed all the steps but I think I have missed one
I created a staging environment and checked site url in wp-options and updated wp-config file but the staging site is being redirected to the primary site.
Do I need to change any other setting?
Ruth
Hi! Thanks for the useful article!
Question, is it necessary to create a new database for your subdomain? Can’t you just use your root domain’s database?
Same for the FTP account, is it necessary to create a new one? I can now access my subdomain easily through my main FTP.
Thanks!
Best,
Ruth
WPBeginner Support
Hi Ruth,
Yes, it is necessary to create a separate database and a separate FTP account.
Admin
Courtney
Hello!
Perhaps this was already covered. Do I need a child theme on my sub-domain serving as my staging site? I am adding custom code and modifications to the new theme on my subdomain with the intention of switching all of this over to the live site when finally ready. Would this complicate things when switching from the staging site to replacing what is currently the live site?
Thank You!
Lee Perry
Hi, this article is super helpful. I have encountered one problem though, when I go to visit my staging URL, I have the following message appear ‘server DNS address could not be found’. I have also cleared my cache and browser history as someone wrote this might help, but it hasn’t worked. I’m wondering what I am doing wrong. Any help would be great.
Lee
Georgia
I’m having the same problem – did you manage to resolve this issue?
Thanks, Georgia
Adrien
While I appreciate the detailed instructions (I don’t like installing plugins to accomplish such tasks), I don’t see any advice concerning keeping the staging and live sites in sync. Wordpress sites are generally edited live with respect to content—posts, products, media, etc. Once you follow these directions, the two content sets will diverge as users add content to the live site while the developer’s staging version remains an old copy. I don’t see a good solution for this save a cron rsync job. Any tips?
Jason
After you create the staging subdomain and ftp account.
Skip all the other copying and database junk.
Install duplicator on your live site. Make a duplicate backup, which includes a zipped copy and an install. Php file.
Upload both to your staging area. (Maybe go in and create a database and user for the staging site in cpanel while you wait for the two fingers to upload)
Point your browser to staging.domain.com/install.php and follow the prompts.
Then go back to the rest of this tutorial for locking it down.
Gus Reyes
Hi, I followed another tutorial before I found this one and I installed Wordpress BEFORE copying files over and running the SQL queries. My staging site does not populate with live site’s data. Any help you can offer about what to do at this point would be appreciated…
Martin
The staging site does not look exactly like my primary site. The default banner is there instead of my uploaded media (even though that file has transfered) and rather than a nav bar with drop down menus, I have a list of all of my site’s webpages. Is this normal? If not, could you point me where to sort it out?
Thanks for this article!
BLZ
I keep getting this error when I try to run SQL queries ” #2013 – Lost connection to MySQL server during query”
Stefan
Thank you for the great tutorial! I followed it thourgh and created a staging site. However, the staging site seems to be missing some settings from the original site (where I am working with a template), e.g. the font is different, the menu and logo is missing and some other settings are just off. Are there additional files I need to copy?
Thanks a lot!
Lynn Fontaine
Very thorough instructions! We currently have WordPress 4.3.6 version. I think there is a newer version 4.7; however, I am not updating due to past problems with my theme and child after an update. If I follow your instructions to install WordPress on computer, it most likely will affect the existing site as well which will cause a problem. Do you agree? and how do I proceed? thanks.
WPBeginner Support
Hi Lynn,
You can safely install WordPress on your computer and import content from your live site. This way you will be able to test drive new WordPress version with your current theme and child theme.
Admin
Mike
Couple years later, is there an easier way to do this?
Sandy
Lol, Mike, you’re my kinda person! And although you’ve probably sped ahead to something easier by now, I thought I would mention something that I saw but haven’t tried: Backup Buddy. I don’t know how thorough it would be for this purpose. Since my site is pretty static, I used a subdomain to reconstruct my site – just copied and pasted my content as ascii text. Bluehost said they could make it my main site (not subdomain with redirect – make it a domain) when I’m done. Of course you have to set up the widgets, plugins, etc. Still working on it because I’m definitely a beginner. This would be really laborious for a more sophisticated site.
Luke Marshall
I like the well documented article but maybe it’s just me but I can’t find anything anywhere which starts a github repository with a site that’s only on your live server! How do I pull it down to the repository and why does Cloudway s have all the addressing options. What all do I need to pull down do I need to use My SQL Work Bench?
David Borrink
Well done tutorial. I gave up on a staging plug-in after several attempts failed, and found this one to be easy to follow and implement.
One issue to mention and that’s the need to have a database user set up. I had to redo the process and choose the database wizard on CPanel in order to be able to set that up. That allowed my wp-config file to be set up with the info and then it worked. (My first attempt resulted in “unable to establish a database connection.” Once I established a database user, it went through.
And thank you for the the note to check the URL, with the notes to look at site URL and home on the wp-options table. That allowed to me to confirm and get going on a re-design.
Martin Klasson
I guess I found an easier way – that works for me in a project right now!
1. I just clone the files in the ftp to a /staging/ site,
2. clones the database to a dbname_stage
3. Changes the wp-config.php in /staging/ – by changing database to dbname_stage
4. Adds in wp-config in /staging/ the new WP_HOME and WP_SITEURL
define(‘WP_HOME’,’http://example.com’);
define(‘WP_SITEURL’,’http://example.com’);
Then it is super-easy to just copy the dbname_stage back to the live database called dbname
Super easy.
And if you like, you can also in the wp-config change default uploads directory to the same as the live one.. as long as you just dont have the need to “delete” media files that is.
And your changes in the theme files are easily moved back to the live site.
What about that?
Mike
I love the article – so clear instructions and well written. I’m having problems getting it working though.
I followed the instructions to get from production (www.) to test (test.) and dev (dev.)
I’ve tried all this several times in dev … two things happen
dev.example.com … goes to http://www.example.com
test.example.com … goes to test.example.com
On test when I open a post form the menu as a user – it does not show the post but a reference to the post which when I click on it, it takes me back to the same page
I’m wondering if you have any ideas on what may not have worked?
Thanks
Julio
The problem is in your DB, maybe you did left some original (www.example.com) URL’s on your dev.example.com database
sat
Thanks for the great article. It helped me to set up a staging website for testing my new theme. But you have omitted one critical information, after copying the database the MySQL user setup for the wp to access the database needs to be given permission to access the database through the CPanel -> Mysql databases -> add a user to the database option. Otherwise, you will get “cannot connect to the database” when trying to access the admin page through the URL.
Hesli Brito
I am getting lost here:
After copying your database, you need to copy your WordPress files, plugins, themes, and uploads. First download a fresh copy of WordPress from WordPress.org. Upload the contents of WordPress to your staging site. Note, do not run the WordPress install yet.
Once you have uploaded WordPress, the next thing you need to copy is media files, plugins, and themes. The following folders will need to be copied :
Could you guys be more detailed here? Cause I don’t know the right way to upload Wordpress without installing… I am missing something here, cause I can’t get it right…
Please, could you guys update this article with more information in this part?
Thanks
WPBeginner Support
Please see our guide on how to upload WordPress files using FTP.
Admin
Sion
Thank you for this amazing guide! I’ve successfully created a staging site with this.
What steps do you recommend to do from Staging to Live?
Right now, I’m just writing down every changes I make and repeat it on the live site.
I’m not sure I know the appropriate method to copy Stage site to Live.
Barbara
I have set up the staging site as outlined above – but now how do I get it to the live site?
I’ve been looking here, but can’t seem to find the answers. Help please?
Peter
What about using Git to track the changes made in DB ? with wordpress, there is a very high likelihood that changes made are in DB instead of in files on hosting server
Rajit
Hi, got stuck at the first step itself. I followed the steps but for some reason not being able to set up a staging environment through cpanel. When I type the link i get the message ‘This site can’t be reached’.
Rajit
I removed it and created again. Now I am getting 403 Forbidden error.
Hesli Brito
Same here
Mike
Thank you for this! What process do you suggest for going live with the staging site?
Craig Watson
Hi, I have followed your steps as above but for some reason the staging URL is redirecting to the normal live URL.
I have ran the queries in the database and copied the files including updating the wp-config.php
Do you have any idea what may be going on here as the staging URL was not redirecting yesterday when I put a small test HTML page up there..
Hope you can advise
Craig
Craig Watson
OK so I was inpatient and didn’t clear cache…. However now I’m on the staging site the database has clearly not moved well…
Lots of setting seem to have been lost.
Glauber Oak
Hi there,
Thank you so much for the detailed instructions.
Does this work for MU site?
Multi-site is at the root, and I would like to copy only the root to an especial folder. Server has other sites as subdirectories. Do not need to be copied at this point (in the futures, a couple of sites will be cloned as well)
Root should go to a subdomain for testing purposes.
Thank you in advance!
Gemma
HI. I am following your tutorial and i got stuck in media files has been copied section. Checking with my FTP and Cpanel files are existing but is not showing in my media library . How can i rectify this? Thanks and your tutorial is very helpful for noobs . 5 thumbs up.
WPBeginner Support
While your media files are stored on server. WordPress can’t show them unless you import data and database. Information about your media files is stored in WordPress posts table as attachment post type.
Admin
Serhan
Thank you for this article; very helpful.
I’d like to add one more point; as it might help other readers too.
After you make a copy of your database, you may need to add the user from previous database to the newly created one.
Otherwise, while setting up your wp-config, you might face with authentication problem.
sam
How do i set-up the staging environment on AWS?
Guvenc Kaplan
Very nice and helpful article. However;
Replacing all the references in the DB (example.com with staging.example.com) will most likely break all the serialized values and you will have BIG issues on the staging site. You need to use a replacer that has serialization support.
Sina
Can you please suggest one with this serialization feature?
Mohammad
Thank you for this great article!
Kris Parker
Excellent article, helped in great detail. thank you