Come creare un sito di staging WordPress (3 modi)

Pubblicato: 2024-12-06

Apportare modifiche al tuo sito Web WordPress può essere spaventoso. Perché potrebbe danneggiare il tuo sito. Anche piccole modifiche, come modificare un design o aggiornare WordPress, a volte possono rovinare le cose.

Ecco perché hai bisogno di un sito di staging WordPress . È come una versione di prova del tuo sito web. Puoi usarlo per provare le modifiche in sicurezza senza influenzare il sito reale. Quindi unisci le modifiche al tuo sito live.

Se ti stai chiedendo come creare un sito di staging, non preoccuparti. In questo tutorial passo passo, ti mostreremo come creare un sito di staging WordPress in 3 metodi diversi:

  • Utilizzo dell'hosting web
  • Utilizzando un plug-in
  • Creazione manuale del sito di staging

Sei entusiasta di esplorare di più? Fantastico, cominciamo!

Cos’è un sito di staging WordPress?

Prima di passare al tutorial principale, lascia che ti dica cos’è un sito di staging WordPress!

Un sito di staging di WordPress è una copia privata del tuo sito web in cui puoi testare le modifiche in sicurezza. È come un ambiente sandbox in cui puoi provare aggiornamenti, plugin WordPress nuovi e popolari o modifiche di progettazione senza influire sul tuo sito live.

Questo sito di staging appare e funziona proprio come il tuo sito web reale, ma è nascosto ai visitatori e ai motori di ricerca.

Solo tu (o il tuo team) potete vederlo. Dopo aver testato le modifiche e esserti assicurato che tutto funzioni perfettamente, puoi applicare tali modifiche al tuo sito live.

Perché è necessario creare un sito di staging per WordPress?

Gestire un sito Web WordPress significa apportare modifiche di volta in volta. Potrebbe essere l'aggiornamento dei plugin, l'installazione di nuovi temi o l'aggiunta di codice personalizzato.

Ma il punto è questo: anche un piccolo errore può mandare in crash il tuo sito. Può rendere il tuo sito inaccessibile ai tuoi visitatori. È qui che un sito di staging diventa il tuo migliore amico.

Ecco perché ne hai bisogno:

(i) Ambiente di test sicuro

Un sito di staging ti offre uno spazio privato per provare le modifiche. Puoi sperimentare nuovi plugin, testare layout diversi o risolvere bug senza mettere a rischio il tuo sito live.

(ii) Prevenire i tempi di inattività

Immagina che il tuo sito web si rompa mentre i tuoi visitatori lo utilizzano: frustrante, vero? Un sito di staging garantisce che tutti gli aggiornamenti vengano testati e perfezionati prima di essere pubblicati, in modo che i tuoi utenti non subiscano mai tempi di inattività.

(iii) Evitare errori costosi

A volte, un aggiornamento potrebbe causare conflitti tra plugin o temi. Testare in un ambiente di staging ti aiuta a individuare e risolvere tempestivamente questi problemi, risparmiandoti grossi mal di testa (e potenziali perdite).

(iv) Aggiornamenti senza stress

Gli aggiornamenti di WordPress sono essenziali per la sicurezza e le prestazioni. Con un sito di prova, puoi prima testare questi aggiornamenti per assicurarti che non interrompano nulla prima di applicarli al sito live.

Metodo 01: Come creare un sito di staging WordPress utilizzando il web hosting

Creazione di un sito di staging utilizzando il server di hosting

Ora ti mostreremo come creare un sito di staging WordPress utilizzando il tuo hosting web. Useremo-

  • Hostinger e
  • Bluehost

Per preparare questo segmento. Entriamo nei dettagli!

I. Crea un sito di staging per WordPress utilizzando Hostinger

Hostinger fornisce uno dei modi più convenienti per creare un sito di staging. Segui questi passaggi se sei un utente Hostinger per portare a termine il tuo lavoro:

  • Accedi al tuo account Hostinger, noto anche come hPanel.
  • Fai clic sull'opzione Siti Web e scegli per quale sito Web desideri creare uno staging (se disponi di più siti Web in esecuzione utilizzando lo stesso servizio di hosting).
  • Quindi fare clic sull'opzione Dashboard .
Questa immagine mostra l'elenco dei siti Web su hPanel
  • Verrai reindirizzato a una nuova interfaccia. Da questa schermata, vai a WordPress -> Staging -> Crea staging.
Questa immagine mostra l'opzione Crea staging in Hostinger
  • Inserisci un nome di sottodominio e premi il pulsante Crea . Saranno necessari fino a 15 minuti per completare il processo. Premi il pulsante Chiudi per eliminare il messaggio di conferma.
Questa immagine mostra l'opzione per creare un sottodominio
  • Una volta terminato, scorri verso il basso fino all'elenco dei siti di staging e fai clic su Gestisci staging accanto all'ambiente appena creato.
Questa immagine mostra l'elenco dei siti di staging
  • Nella dashboard di staging, seleziona Pannello di amministrazione di staging per accedere all'area di amministrazione di WordPress e iniziare ad apportare modifiche.
Pulsante per accedere alla dashboard del sito di staging

Congratulazioni! Hai creato con successo un sito Web di staging per il tuo sito WordPress.

Come distribuire le modifiche al sito live

Dopo aver apportato tutte le modifiche necessarie, segui questi passaggi per distribuirle sul sito Web live:

  • Nell'elenco dei siti di staging, fai clic sull'icona dei tre punti accanto al sito di staging modificato di recente e premi Pubblica.
  • Leggi il disclaimer e premi Pubblica per confermare. Il completamento del processo potrebbe richiedere circa 15 minuti.
Distribuisci le modifiche al sito live

Nota: Hostinger esegue automaticamente il backup dell'intero sito Web WordPress. Fai clic sull'icona dei tre punti e premi Ripristina per tornare alla versione di pre-staging, se necessario.

II. Crea un sito di staging per WordPress utilizzando Bluehost

Bluehost offre il modo più semplice per creare un sito di staging. Segui questi passaggi per creare un sito di staging per te se sei un utente Bluehost:

  • Accedi al tuo sito WordPress e poi vai su Bluehost -> Staging nel pannello di amministrazione.
  • Fare clic su Crea sito di staging .
Questa immagine mostra l'opzione di creazione del sito di staging Bluehost
  • Ci vorranno alcuni istanti per creare il tuo sito di staging. Una volta terminato, premi il pulsante “ Vai al sito di staging ” per accedere al tuo sito di staging.
Questa immagine mostra l'URL di accesso del sito di staging

Dopo aver fatto clic sul pulsante Vai al sito di staging, verrai reindirizzato al sito di staging dove potrai apportare le modifiche che desideri al tuo sito mentre la versione live è visibile ai tuoi utenti.

Dopo aver apportato le modifiche, Bluehost semplifica la distribuzione del tuo sito di staging per sovrascrivere il tuo sito live. Ci sono alcune opzioni tra cui scegliere. Distribuisci solo file , Distribuisci file e database o Distribuisci solo database . Scegli la tua opzione e fai clic sul pulsante corrispondente.

Questa immagine mostra come distribuire le modifiche al sito live utilizzando Bluehost

Il processo potrebbe richiedere alcuni minuti a seconda delle dimensioni del tuo sito e dei suoi contenuti. Una volta completato il processo, hai distribuito con successo il tuo sito di staging in produzione, sovrascrivendo il tuo sito live.

Metodo 02: Come creare un sito di staging WordPress utilizzando un plugin

Puoi creare facilmente un sito di staging WordPress utilizzando un plugin. Esistono diversi plugin per svolgere questo lavoro. Tuttavia, per questo tutorial, utilizzeremo-

  • Plug-in WP Staging e
  • Backup e migrazione WPvivid

Cominciamo con il plugin WP Staging!

I. Crea un sito di staging per WordPress utilizzando il plugin WP Staging

Il plugin WP Staging è uno dei plugin più popolari in questa categoria. È un plug-in tutto in uno per backup, gestione temporanea e duplicazione. Ora controlliamo come creare un sito di staging WordPress utilizzando il plugin WP Staging!

  • Innanzitutto, devi installare e attivare il plugin WP Staging. Per installare il plugin, vai sulla dashboard di WordPress e vai su Plugin -> Aggiungi nuovo plugin . Quindi digita il nome del plug-in, installa e attiva il plug-in.
Come installare il plugin WP Staging da una dashboard di WordPress
  • Dopo aver attivato il plugin, otterrai una nuova opzione sulla barra laterale sinistra denominata " WP Staging ". Ora da questa interfaccia, fai clic sul pulsante “ Crea sito di staging ”.
Questa immagine mostra l'opzione "Crea sito di staging".
  • Da questa interfaccia è necessario inserire il nome del sito di staging anche se non è obbligatorio. Se non si immette il nome, verrà invece assegnato un valore cifra casuale. Per usi più avanzati, puoi anche scegliere di clonare solo determinati file o tabelle di database.
Questa immagine mostra le opzioni per inserire il nome del sito di staging e clonarlo.

Nota: non dimenticare di " Verifica spazio libero su disco ", soprattutto se disponi di un sito Web live di grandi dimensioni.

  • Dopo aver premuto il pulsante Avvia clonazione, potrebbero essere necessari alcuni minuti per completare l'intero processo a seconda delle dimensioni del tuo sito web.
Mostra l'avanzamento della clonazione del sito.
  • Una volta terminato, puoi accedere al tuo sito di staging effettuando il login con le credenziali del tuo sito. Quindi sei libero di iniziare a testare!
Questa immagine mostra l'opzione di accesso al sito di staging
  • Sarai sempre in grado di capire quando ti trovi sul tuo sito di staging guardando la barra di amministrazione arancione.
Sito di staging WP con barra di amministrazione arancione

Nota: solo gli utenti con account amministratore possono accedere al tuo sito di staging. Né Google né i visitatori del tuo sito web potranno visualizzarlo.

II. Crea un sito di staging per WordPress utilizzando il plugin WPvivid Backup & Migration

WPvivid è un altro popolare plugin di staging che puoi utilizzare per eseguire backup e migrare il tuo sito con facilità. Controlliamo come creare un sito di staging per il tuo sito Web WordPress utilizzando il plug-in WPvivid.

  • Vai su Plugin -> Aggiungi nuovo plugin per installare e attivare il plugin WPvivid.
Questa immagine mostra come installare il plugin WPVivid
  • Dopo aver attivato il plug-in, vai su WPvivid Backup -> Staging e premi il pulsante " Crea un sito di staging ".
Questa immagine mostra il pulsante "Crea un sito di staging" nel plugin WPvivid

Nota: si consiglia di disattivare temporaneamente i plug-in della cache prima di creare un sito di staging per escludere possibilità di errori sconosciuti.

  • Innanzitutto, seleziona una directory in cui verrà salvato il sito di staging nell'installazione di WordPress e assegna un nome alla directory di staging, che è anche il nome del sito di staging.

Se utilizzi il plug-in gratuito, non puoi utilizzare la funzionalità del sottodominio per creare il tuo sito di staging.

  • Scegliere quindi un database per il sito di staging e denominare il prefisso della tabella di staging.

Successivamente, puoi personalizzare il contenuto del sito live che desideri copiare sul sito di staging.

  • Per impostazione predefinita, il plug-in copierà l'intero database e i file WordPress sul sito di staging, tuttavia, hai la possibilità di escludere determinate tabelle o file/cartelle che non desideri copiare:
  • Per escludere tabelle, espandi l'opzione "Il database verrà copiato" e deseleziona le tabelle che non desideri copiare.

Tuttavia, non puoi escludere file o cartelle utilizzando la versione gratuita di questo plugin.

Configurazione del plugin WPvivid prima di creare un sito di staging
  • Una volta terminata la configurazione, fare clic sul pulsante Crea ora per iniziare a creare il sito di staging.
Questa immagine mostra l'avanzamento della creazione del sito di staging
  • Una volta terminato, vai alla scheda Siti di staging dove vengono visualizzati tutti i tuoi siti di staging.
  • Puoi quindi accedere all'area di amministrazione del sito di staging dall'URL di accesso visualizzato nell'elenco, le tue credenziali di accesso per la dashboard WordPress del tuo sito di staging saranno le stesse del tuo sito live.
Dettagli del sito di staging
  • Sarai sempre in grado di capire quando ti trovi sul tuo sito di staging guardando la barra di amministrazione arancione.
Barra arancione nella dashboard di WordPress

Metodo 03: Come creare manualmente un sito di staging WordPress

Se sei una persona più tecnica, puoi utilizzare questo metodo per creare il tuo sito di staging. Segui i passaggi seguenti per portare a termine il tuo lavoro!

Passaggio 01: crea un sottodominio

  • Accedi al tuo cPanel.
  • Passare a Dominio/Sottodominio per creare un sottodominio.

Il tuo cPanel potrebbe avere uno stile diverso, ma le opzioni effettive dovrebbero essere le stesse.

Opzione di gestione dei sottodomini nel cPanel
  • Crea un sottodominio dandogli un nome e poi premi l'opzione " AGGIUNGI SOTTODOMINIO ".
Inserisci il nome del sottodominio

Hai creato con successo un sottodominio per il tuo sito di staging.

Elenco dei sottodomini nel cPanel

Passaggio 02: copia tutti i file del tuo sito nel sottodominio

  • Ora vai su File Manager -> public_html e copia tutti i file.
  • Incolla questi file nella cartella corrispondente al tuo nuovo sottodominio (ad esempio, public_html/staging/ ).
  • Puoi anche impostare un nuovo percorso durante la copia di tutti i file per copiare e incollare facilmente i file nella nuova destinazione.
Copia tutti i file e incollali nella directory del sito di staging.

Passaggio 03: creare un database per il sito di staging

  • Quindi vai su phpMyAdmin e seleziona il database del tuo sito live.
  • Vai alla sezione Esporta , fai clic sul pulsante Esporta e salva il file sul tuo computer.
Questa immagine mostra come esportare il database da phpmyadmin
  • Crea un nuovo database per il tuo sito di staging accedendo a Database MySQL , Database o Procedura guidata database MySQL nel cPanel.
Questa immagine mostra come creare un nuovo database
  • Dopo aver creato il nuovo database, vai nuovamente su phpMyAdmin e seleziona il database appena creato.
  • Vai alla scheda Importa, carica il file del database scaricato e premi il pulsante Importa.

Ora il tuo sito di staging ha una copia del database del tuo sito live.

Passaggio 04: aggiornare la connessione al database

  • Nel File Manager , individua il file wp-config.php nella directory del tuo sito di staging.
  • Modifica il file per aggiornare il nome del database, il nome utente e la password in modo che corrispondano al nuovo database di staging appena creato.
  • Salva le modifiche.
Aggiorna la connessione al database

Il tuo sito di staging è ora connesso al proprio database, separato dal sito live.

Passaggio 05: garantire l'URL separato per il sito di staging

  • Torna a phpMyAdmin e seleziona il database del sito di staging.
  • Trova la tabella delle opzioni .
Trova la tabella delle opzioni
  • Aggiorna i campi URL del sito e home per riflettere il nuovo sottodominio (ad esempio, https://staging.yourwebsite.com ).
Aggiorna le informazioni sul sito

Ora il tuo sito di staging utilizzerà l'URL del sottodominio anziché l'URL del sito live, garantendo che non vi siano sovrapposizioni tra i due ambienti.

Passaggio 06: invia le modifiche al tuo sito live

Se configuri manualmente il tuo sito di staging, dovrai copiare i file WordPress ed esportare/importare i database dall'ambiente di staging al sito live. Questo può essere fatto tramite il File Manager del cPanel e gli strumenti phpMyAdmin che abbiamo appena mostrato sopra.

Come creare un sito di staging WordPress – Nota finale

Un sito di staging WordPress è necessario se prendi sul serio il tuo sito. Ti offre uno spazio sicuro per testare aggiornamenti, risolvere problemi e provare nuove funzionalità senza preoccuparti di danneggiare il tuo sito live.

La creazione di un sito di staging potrebbe sembrare un passaggio in più, ma ti farà risparmiare tempo, stress e potenziali mal di testa a lungo termine. Inoltre, ti aiuta a mantenere il tuo sito web funzionante senza intoppi per i tuoi visitatori.

Vuoi creare un tema figlio per il tuo sito web? Consulta la nostra guida per principianti per creare un tema figlio per un sito Web WordPress!

Ora, se hai domande relative al sito di staging di WordPress o affronti complicazioni durante la creazione di un sito di staging, sentiti libero di condividerle con noi utilizzando la casella dei commenti qui sotto. Ci piacerebbe aiutarti. Buona messa in scena!

Iscriviti al blog weDevs

Inviamo newsletter settimanali, niente spam di sicuro