Come spingere un sito di sviluppo WordPress dal vivo

Sapere come inviare un sito di sviluppo (sviluppo) WordPress in tempo reale è fondamentale per mantenere i tempi di attività durante l'aggiornamento del sito. Ciò è particolarmente utile per le agenzie che gestiscono e aggiornano un gran numero di siti Web, nonché per i proprietari di siti Web che desiderano apportare un aggiornamento significativo al loro sito Web attuale. L'utilizzo di un sito di sviluppo consente di apportare modifiche a un sito senza influire sul sito live. Quando hai effettuato le modifiche, puoi semplicemente inviarle in tempo reale.

In questo articolo, ti mostreremo tre metodi (in dettaglio) per rendere live un sito di sviluppo o staging. Ma prima, chiariamo alcuni termini.

Sebbene possano esserci sicuramente differenze tra questi termini, useremo "sito di sviluppo" (o "sito di sviluppo"), "sito di staging" e "sito locale" come sinonimi. Questi sono tutti ambienti di test che consentono agli utenti di apportare modifiche ai loro siti Web WordPress in un modo che non influirà sul sito live. Allo stesso modo, un "sito live" o "sito di produzione" è un sito Web che si desidera che i visitatori vedano sul Web.

Cosa fare prima di andare in diretta

Ci sono alcune cose che puoi fare per prepararti al successo prima di iniziare ufficialmente a portare in produzione il tuo sito di sviluppo.

Immagine di Vector Stock Pro / shutterstock.com

1. Assicurati che il sito di sviluppo sia completamente funzionante : vorrai assicurarti che il tuo sito di sviluppo sia completamente funzionante prima di inviarlo al tuo sito live. Questo è lo scopo principale del lavoro in una sandbox o in un ambiente di staging: puoi assicurarti che le modifiche che stai apportando funzionino correttamente prima di lasciarle perdere su un sito Web live.
2. Esegui il backup di entrambi i siti Web : vorrai eseguire il backup dei tuoi siti Web. È più sicuro andare avanti e fare il backup sia del tuo sito di sviluppo che del tuo sito live, sebbene il sito live sia il più importante dei due poiché è il sito che stai cercando di proteggere. Ci sono alcune opzioni del plug-in di backup di WordPress per aiutarti se necessario. Oltre ai backup dei plug-in, il tuo provider di hosting potrebbe offrire una sorta di servizio per i backup. Vai alla knowledge base del tuo host per vedere cosa offrono in termini di backup.
3. Determina il metodo giusto. – Una volta che il tuo sito di sviluppo è funzionante ed è stato eseguito il backup dei tuoi siti, puoi iniziare a decidere quale opzione per spingere il sito di sviluppo live funziona meglio per te. Tratteremo tre metodi in dettaglio di seguito.

Come spingere il sito di sviluppo dal vivo

Ci sono tre modi in cui esploreremo il push di un sito di sviluppo/staging WordPress su un sito Web live. Le opzioni tra cui scegliere sono:

• Usa un plugin per la migrazione di WordPress
• Spingi manualmente il tuo sito di sviluppo
• e utilizzare uno strumento di migrazione del provider di hosting

Tutti i principali plugin di staging/migrazione sul mercato utilizzano un modello di prezzo freemium in cui alcune opzioni non sono utilizzabili a meno che tu non le paghi. Vale la pena guardare ciò che viene offerto nelle versioni gratuite dei principali plug-in di migrazione e staging per vedere se soddisfano le tue esigenze. In questo articolo, utilizzeremo il plug-in WP Migrate Lite di Delicious Brains. La versione Pro rende questo processo molto più semplice e spinge più del semplice database del sito di sviluppo ( la versione Lite non spinge i file Plugin, Media o Theme al sito live ).

Il metodo Manuale è per coloro che hanno familiarità con phpMyAdmin e cPanel. Questo approccio è molto pratico e ci sono molti passaggi. Vale davvero la pena dedicare del tempo se stai cercando di saperne di più su come funziona WordPress sul back-end. Ma ti ci vorrà un bel po' per completarlo.

Abbiamo scoperto che i provider di hosting che dispongono di strumenti di staging integrati nella loro piattaforma offrono l'opzione più semplice per inviare un sito di sviluppo a un sito live. Tratteremo come gli strumenti di gestione temporanea di Siteground lo rendono un gioco da ragazzi.

Push Dev Site to Live con WP Migrate (plugin – versione gratuita)

Per inviare un sito di staging al tuo sito Web live con un plug-in, utilizzeremo WP Migrate. È uno dei migliori plugin di migrazione in circolazione che ha una versione gratuita. Inoltre, la versione pro rende il processo ancora più semplice.

*Nota: la maggior parte dei plugin di staging/migrazione offre una versione gratuita ma fa di più con una versione a pagamento

Dopo aver scaricato e attivato WP Migrate sia sul tuo sito di sviluppo WordPress che sul tuo sito live, vai al tuo sito di sviluppo (mantieni entrambi aperti in schede separate). All'interno di Strumenti , fare clic su Migra DB .

Nella parte superiore, fai clic su Migra e poi in "Sostituisci un altro sito con questo sito" fai clic su Esporta database .

Quindi arriviamo a una schermata in cui sostituiremo le stringhe all'interno del nostro database in modo che corrispondano alle stringhe sul nostro sito live. Ciò garantisce che quando importiamo le informazioni migrate/trasferite dal sito di sviluppo al sito live, il sito non si disattiva.

Notare sul lato destro le due caselle di testo Sostituisci che dovranno essere compilate.

Successivamente, andremo alla scheda aperta che ha il nostro sito live . Stiamo andando nello stesso posto nello stesso plugin. Stiamo facendo riferimento e copiando ciò che il sito live ha nella colonna Trova . Questi verranno incollati di nuovo sul sito di sviluppo .

Dopo aver incollato gli elementi dal sito live sul sito di sviluppo (fare riferimento alle 2 immagini precedenti se si viene girati) siamo pronti per esportare il database sul sito di sviluppo. Questo scaricherà un file esportato dal database del sito di sviluppo (i file di temi, plug-in e multimediali non saranno inclusi in questo e richiedono la versione Pro di WP Migrate per eseguire facilmente il push e il pull tra i tuoi siti).

Dovresti vedere un prompt Esportazione completata .

Ora che abbiamo il file .sql esportato, dobbiamo fare qualcosa con esso. Passerai al pannello C del tuo sito live e nella sezione "Database" fai clic su phpMyAdmin .

Ora che abbiamo il file .sql esportato, dobbiamo fare qualcosa con esso. Passerai al pannello C del tuo sito live e nella sezione "Database" fai clic su phpMyAdmin .

Vicino al centro in alto fai clic su Importa . Nella pagina che viene caricata, cercherai il file che è stato scaricato sul tuo computer e quindi avvierai l'importazione facendo clic su Vai in basso a sinistra della pagina. Questo importerà i database dal sito di sviluppo al tuo sito live.

Una volta che ciò è accaduto, controlla il tuo sito live per assicurarti che sia attivo e funzionante e che le modifiche apportate al sito di sviluppo si riflettano sul sito live.

Push Dev Site to Live manualmente

È del tutto possibile inviare manualmente un sito di sviluppo al tuo sito live. Questo non è per i deboli di cuore, ma è davvero una buona conoscenza per coloro che cercano di familiarizzare con i database di WordPress e il cPanel. Questi passaggi funzionano con qualsiasi provider di hosting che utilizza ancora cPanel.

Scarica i file necessari dal sito di sviluppo

La prima cosa che faremo è accedere al tuo cPanel sul tuo sito di sviluppo. Da lì troveremo File Manager e apriremo la directory Document Root per il tuo Dev Site , quindi faremo clic su Vai .

Da lì vogliamo fare clic su wp-content e Comprimi quella cartella .

Questo crea un nuovo file compresso wp-content.zip . Fare clic sul nuovo file zip e selezionare download .

Successivamente, vogliamo trovare il file wp-config.php del sito di sviluppo e scaricarlo anche sul tuo computer.

Esporta database dal sito di sviluppo

Quindi, torna al tuo cPanel; sotto Database clicca su phpMyAdmin .

Nella barra laterale di sinistra, fai clic sul database che corrisponde al database del tuo sito di sviluppo WordPress. Fare clic su Verifica tutto e quindi su Esporta utilizzando il menu a discesa.

Nella schermata successiva, assicurati semplicemente che il metodo di esportazione sia impostato su rapido e che il formato sia SQL . Quindi fare clic su Vai .

Quello che abbiamo fatto è scaricare i file critici del tuo sito di sviluppo che caricheremo e configureremo sul tuo sito live. Questo darà al sito live la configurazione che hai impostato sul tuo sito di sviluppo mentre stavi testando e creando.

Importa database nel sito Live

Ora vai al cPanel del sito web live (NON il sito di sviluppo). Clicca su phpMyAdmin .

Nella barra laterale di sinistra seleziona il database per il tuo sito live . Quindi controlla tutte le righe della tabella. Nel menu a discesa, scegli "Rilascia" . Questo elimina le tabelle dal tuo sito live in modo che possiamo sostituirle con il database che abbiamo scaricato in precedenza.

Conferma la tua scelta per "eliminare" la tabella facendo clic su Sì .

Quindi, seleziona rapidamente Importa dal menu in alto e fai clic su Scegli file .

Quindi, segui la richiesta per caricare un file. Seleziona il file .sql che abbiamo scaricato in precedenza e fai clic su Apri .

Per completare il caricamento del database, fare clic su Vai .

In questo database appena caricato, dovrai prendere nota del prefisso dei file nella barra laterale di sinistra. Ne avremo bisogno in un passaggio futuro.

Aggiorna il database con l'URL del sito live

Nello stesso database, seleziona la tabella _options nella barra laterale di sinistra. Nell'elenco delle opzioni disponibili, seleziona Modifica sull'opzione con siteurl nella colonna option_name . *Inoltre, prendere nota del prefisso del database per dopo.

Nella scheda Inserisci all'interno delle opzioni siteurl della tabella del database, vogliamo aggiornare l'opzione_value del siteurl. Per fare ciò, sostituisci l'URL del sito di sviluppo esistente con l'URL del sito live all'interno della casella del valore a destra. Quindi scorri verso il basso e fai clic su Vai/Fatto .

Una volta terminato, torna allo stesso elenco di opzioni per la tabella _options . Nell'elenco delle opzioni disponibili, seleziona Modifica sull'opzione con home nella colonna option_name . Quindi ripeti la stessa procedura di prima (per siteurl ) e sostituisci l'URL del sito di sviluppo di home option_value con l'URL del sito live.

Aggiorna i file del sito (contenuto wp) sul sito live

A questo punto abbiamo finito di caricare e configurare il nostro database! Ma non siamo ancora fuori pericolo. Dobbiamo ancora sostituire alcuni dei file del sito live dal sito di sviluppo.

Per fare ciò, torna al cPanel del sito live, fai clic su File Manager, scegli il sito live e fai clic su Vai .

Fare clic sulla cartella wp-content e quindi eliminarla .

Quindi, fai clic su Carica nel menu in alto del file manager.

Fare clic su Scegli file . Quindi seleziona il file wp-content.zip e fai clic su Apri .

Aspetta che venga caricato. Se termina il caricamento ma non ti riporta alla struttura del file, fai clic sul collegamento Torna a....

Trova e fai clic sul file wp-content.zip che hai appena caricato e seleziona estrai dal menu a discesa.

Nel popup Estrai , fai clic su Estrai file . Una volta completata l'estrazione, puoi eliminare il file compresso wp-content.zip in quanto può creare confusione se lo fai spesso.

Aggiorna il file wp-config.php per il sito live

Una volta posizionata la cartella wp-content, seleziona il file wp-config.php e fai clic su modifica .

Cerca nel documento table_prefix e sostituisci table_prefix con il prefisso delle tabelle del database del sito di sviluppo annotate in precedenza. Quindi, scorri verso il basso e fai clic su Salva .

Questo è tutto! Visualizza il sito live per vedere le modifiche apportate dal sito di sviluppo di WordPress.

Se questo è stato un passaggio di troppo per te, molte moderne società di hosting che danno la priorità all'hosting WordPress offrono strumenti di staging/migrazione robusti (e facili da usare).

Successivamente, ti mostreremo come Siteground semplifica il push di un sito di sviluppo su un sito live.

Invia il sito di sviluppo a un sito live con gli strumenti di gestione temporanea di Siteground

I provider di hosting specializzati nelle installazioni di WordPress sono migliorati nella creazione di strumenti per spingere i siti di sviluppo/staging su un sito Web live. Una di queste società di hosting è Siteground, che è uno dei nostri partner di hosting Divi. Per inviare un sito di sviluppo dal vivo utilizzando Siteground, dovrai aver creato il tuo sito di staging utilizzando gli strumenti del sito di Siteground.

Una volta che il tuo sito è attivo e funzionante su Siteground, accedi al tuo account Siteground. Quindi fai clic sulla scheda Siti Web nella parte superiore. Seleziona anche la sottoscheda Siti web . Da lì, scegli il sito web che hai in mente che è rappresentato da ogni singolo riquadro della pagina. Fare clic sul pulsante Strumenti del sito di quel sito.

Nel menu della barra laterale sinistra, vai su WordPress > Staging . Da lì, seleziona il sito live esatto che abbiamo in mente in Seleziona installazione WordPress che di solito è un elenco di sottodomini per il particolare TLD.

Nella sezione "Gestisci copie di staging" nella parte inferiore, trova la copia di staging che desideri distribuire e fai clic sull'icona a tre punti (⋮) per espandere le opzioni per la copia di staging. Selezionare Distribuzione completa dall'elenco per distribuire l'intero sito di staging. Puoi anche selezionare Distribuzione personalizzata se avevi solo una parte del sito di staging che volevi distribuire.

Infine, nel popup di conferma della distribuzione, fai clic su Conferma .

Dopo questo abbiamo finito! Dovresti vedere un messaggio di successo nell'angolo in alto a destra.

Se non vedi la finestra di dialogo di successo, puoi contattare il supporto di Siteground per la risoluzione dei problemi.

Cosa fare dopo che il sito di sviluppo è stato inviato in diretta

Tutti e tre i nostri metodi per spingere un sito di sviluppo WordPress su un sito live sono opzioni eccellenti. Ma, con ciascuno, ci sono rischi di rompere temporaneamente il tuo sito. Anche se si spera che i passaggi in questo articolo ti abbiano portato al risultato desiderato, ecco qualcosa a cui prestare attenzione quando avrai terminato il push del tuo sito di staging.

Una volta terminati i passaggi che hai scelto di eseguire, apri il sito live e sfoglia le sue pagine. Assicurati che tutto stia caricando e come ti aspettavi che fosse. Quindi, vai alla dashboard di amministrazione e accedi. Non dovresti avere errori durante l'accesso.

Se sembrano esserci problemi con il database, è necessario risolverlo rapidamente. Puoi consultare il nostro articolo Come correggere un errore di connessione al database per trovare alcune aree comuni da ricontrollare. Se arriva il momento critico, puoi tornare al backup che hai creato prima di iniziare e provare di nuovo i passaggi.

• Controlla le versioni www e non www del sito, nonché HTTPS e HTTP. (I reindirizzamenti stanno avvenendo come previsto?)
• Controlla i collegamenti di navigazione principale e le pagine dinamiche come categorie, post e tipi di post personalizzati. (Le tue modifiche più recenti dal sito di sviluppo sono sul tuo sito live?)
• Assicurati che le immagini vengano visualizzate correttamente nelle pagine appena aggiornate.
• Monitora 404 collegamenti interrotti ogni giorno per alcuni giorni dopo.

Quale metodo dovresti usare?

Ognuno dei tre metodi trattati in questo articolo porterà a termine il lavoro. Tuttavia, a seconda del tuo sito o del tuo provider di hosting, alcune opzioni si adatteranno meglio di altre. Ecco alcuni suggerimenti:

• Se il tuo provider di hosting ha strumenti di staging, vale la pena dedicare del tempo a imparare a usarli. Questi strumenti rendono il lavoro il più semplice possibile.
• I plug-in di migrazione/staging sono il percorso migliore successivo. Le versioni Pro costeranno un po' di soldi ma faranno il trucco per te ogni volta.
• Spingere manualmente un sito di sviluppo su un sito live potrebbe non essere sicuramente il percorso migliore per i principianti poiché richiederà più tempo e conoscenze tecniche e potrebbe finire con la rottura del tuo sito. Tuttavia, se sai cosa stai facendo, questo metodo ti dà un maggiore controllo sul processo che è preferito da alcuni sviluppatori.

Conclusione

Sapere come migrare un sito di staging sul tuo sito live è un potente set di abilità da avere. Ti dà più libertà nella sperimentazione sui tuoi siti senza la preoccupazione di mandare in crash il sito live su cui si trovano attivamente i tuoi visitatori. Che tu stia gestendo i tuoi siti o quelli dei clienti, sapere come inviare aggiornamenti ti rende un webmaster molto più affidabile.

Immagine in primo piano tramite Aleksandr_a / Shutterstock