Come creare un ambiente di staging per un sito WordPress

Mentre i principianti di WordPress progrediscono nella loro carriera, anche il loro sito cresce. Quando si eseguono siti Web stabili e professionali, la modifica di qualsiasi elemento dal vivo non è l'opzione migliore. Molti dei nostri utenti ci hanno chiesto un tutorial che spiega il processo di creazione di un ambiente di staging. In questo articolo, ti mostreremo come creare un ambiente di staging per il tuo sito WordPress.

Nota: Questo articolo è più adatto per gli utenti che desiderano passare dallo sviluppo WordPress di livello principiante a uno sviluppo leggermente più avanzato. Questo articolo ti aiuterà dalla codifica dei cow-boy e imparerai le migliori pratiche. Questo è ciò che imparerai alla fine di questo articolo.

• Creazione di un sito di gestione temporanea
• Usare Git e BitBucket
• Spingendo le modifiche dal server locale a BitBucket
• Distribuzione delle modifiche da BitBucket al sito di staging

Cos'è un ambiente di staging?

Per lavorare su un sito WordPress, raccomandiamo ai nostri utenti di installare WordPress localmente sui loro computer Windows o Mac. Una volta che hai finito e soddisfatto del tuo sito web, puoi caricarlo da localhost a server live.

C'è un problema con questo approccio. Cosa succede se qualcosa che ha funzionato sul tuo localhost non funziona sul server live? Ciò causerebbe errori che possono essere un problema per i siti consolidati perché possono influenzare il posizionamento nei motori di ricerca, le vendite, la prima impressione sugli utenti, ecc.

Invece di caricare le modifiche sul sito live, è possibile caricarle su un sito di gestione temporanea sullo stesso server. Un sito di staging è un'area di sviluppo separata sul tuo sito (di solito un sottodominio) con accesso limitato. Qui è dove puoi testare le tue modifiche o usarle per tutto il tuo sviluppo. Dopo aver testato a fondo il tuo sito, puoi caricarlo sul tuo sito live.

Se sei un principiante e non vuoi imparare il complicato processo evidenziato nell'articolo qui sotto, ti consigliamo di selezionare un provider di hosting WordPress gestito come WPEngine che offre funzionalità di gestione temporanea integrata. I nostri amici di SiteGround offrono anche la funzionalità di staging nel loro piano di crescita-geek che è molto più conveniente.

Impostazione dell'ambiente di staging tramite cPanel

La prima cosa che devi fare è creare un sottodominio sul tuo dominio principale. Un sottodominio ti consentirà di eseguire il tuo sito web in una cartella separata, senza influire sul tuo database principale, file o caricamenti.

Per fare ciò, accedi al tuo cPanel (gli altri pannelli di controllo saranno simili, cerca domini o sottodomini), Sotto il domini sezioni, è necessario fare clic su Sottodomini.

Nella schermata successiva, inserisci il nome che desideri utilizzare per il tuo sottodominio (in genere messa in scena o dev) e quindi scegli il tuo dominio principale dal menu a discesa.

In cPanel, questo dovrebbe riempire automaticamente il file Radice del documento casella di testo con una posizione in base al nome del tuo sottodominio. Puoi modificarlo se vuoi, ma di solito il valore predefinito sarà ok (public_html / staging).

Ora devi solo fare clic Creare quando hai finito. Dovrebbe confermare e mostrare il sottodominio nella tabella sottostante.

Puoi verificare che il tuo sottodominio sia stato impostato visitandolo nel tuo browser web. Dovrebbe mostrare qualcosa di simile a questo:

Ora è necessario creare un account FTP separato per il proprio ambiente di staging. Un account FTP dedicato avrà accesso solo alla directory di staging che impedisce modifiche accidentali al tuo ambiente live.

In cPanel, vai al Account FTP sezione. Completa i campi nel Aggiungi un account FTP sezione.

Il elenco dovrebbe corrispondere alla directory specificata durante la creazione del sottodominio. Clic Crea un account FTP per creare il tuo nuovo account. Questo account avrà accesso solo alla directory che hai specificato e non all'intero server.

Copia dei dati dal sito live all'ambiente di gestione temporanea

Ora che hai configurato il tuo sottodominio, il passo successivo è quello di copiare i dati dal tuo sito live al tuo sito di staging. Ciò ti consentirà di testare le modifiche nel tuo ambiente di staging con gli stessi dati senza influire sul tuo sito live.

Il modo più semplice per farlo è attraverso phpMyAdmin. Accedere phpMyAdmin attraverso cPanel, e seleziona il tuo attuale database live. Una volta selezionato il tuo database live, clicca su operazioni scheda nella barra dei menu.

Qui è necessario cercare il Copia database in scatola. Nella casella di testo, inserisci il nome del tuo database di staging (se non lo hai ancora creato, assicurati CREA IL DATABASE prima di copiare è spuntato e dargli un nome come example_staging). È necessario copiare sia la struttura che i dati e assicurarsi di mantenere le impostazioni restanti come predefinite. Clic Partire per eseguire la copia. Ricorda che per database più grandi questo potrebbe richiedere del tempo.

Una volta che il tuo database è stato copiato, devi selezionarlo dalla barra laterale a sinistra. phpMyAdmin aprirà ora il tuo database appena copiato. Devi fare clic su SQL scheda nella barra dei menu di phpMyAdmin.

Ora sostituiremo tutti i riferimenti del nostro sito live al sito di staging per assicurarci che tutto funzioni correttamente quando utilizziamo questo database per la gestione temporanea. Per fare ciò è necessario eseguire le seguenti query SQL.

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

Immettere le query sopra nella casella di query SQL, sostituendo i seguenti valori:

• ORIGINAL_URL: l'URL del tuo sito originale, ad es. http://example.com. Puoi trovarlo nel tuo amministratore di WordPress in Impostazioni> Generali> Indirizzo WordPress (URL)
• NEW_URL: inserisci il tuo nuovo URL, questo sarà quello del tuo sito di staging creato in precedenza (assicurati di includere http: // - ad es. Http://staging.example.com)
• wp_ - Se il tuo sito web ha un prefisso personalizzato sulle tabelle del database, assicurati di sostituire wp_ con quello.

Clic Partire per eseguire le query. Un messaggio di conferma mostrerà quando questo è completo.

Dopo aver copiato il tuo database, devi copiare i tuoi file, plugin, temi e caricamenti di WordPress. Per prima cosa scarica una nuova copia di WordPress da WordPress.org. Carica il contenuto di WordPress sul tuo sito di staging. Nota, non eseguire ancora l'installazione di WordPress.

Una volta caricato WordPress, la prossima cosa che devi copiare è file multimediali, plug-in e temi. Le seguenti cartelle dovranno essere copiate:

• / Wp-content / uploads
• / wp-content / themes
• wp-content / plugins

Se sono piccoli, puoi scaricarli dal tuo sito live tramite il tuo client FTP e caricarli nella tua cartella di gestione temporanea. Tuttavia, per le cartelle più grandi, questo può spesso richiedere molto tempo. Il gestore file di cPanel consente di copiare le cartelle direttamente sul server, rendendo il processo molto più rapido.

Accedi alla tua bacheca cPanel e clicca su File Manager sotto la sezione File.

cPanel avvierà il file manager. Devi navigare verso il tuo sito live wp-content directory (in genere / public_html / wp-content) in cui è possibile visualizzare le proprie cartelle di temi, plug-in e upload.

Per ogni cartella, è necessario fare clic con il tasto destro e selezionare copia. Verrà visualizzata una finestra di dialogo, scegliere la posizione in cui si desidera copiare la cartella. Vogliamo copiarlo nella directory che abbiamo creato per il sottodominio di staging. È anche la directory in cui hai caricato WordPress nel passaggio precedente. / Public_html / staging / wp-content /

Questo copierà ogni cartella nella tua stadiazione wp-content elenco.

Devi ripeterlo per ognuna delle directory sopra elencate (plugin, temi e upload).

Nota: In alcuni ambienti di hosting WordPress potresti non essere in grado di utilizzare un gestore di file, nel qual caso dovrai scaricare manualmente queste directory sul tuo computer e poi caricarle di nuovo sul sito di staging o usare SSH.

Dopo aver copiato queste directory, sei pronto per connettere l'installazione di staging di WordPress al database che hai copiato in precedenza.

Accedi al tuo sito di staging, tramite il sottodominio che abbiamo creato in precedenza. Se la directory di staging non contiene a wp-config.php file, WordPress tenterà di crearne uno chiedendo i dettagli della connessione al database. Se ha un file wp-config.php, assicurati di modificarlo per usare i tuoi nuovi dettagli di connessione al database di staging.

Una volta WordPress si è connesso al database di staging, dovrebbe rilevare che WordPress è stato installato e richiede di effettuare l'accesso. I tuoi dati di accesso saranno uguali a quelli sul tuo sito live corrente.

Qualsiasi modifica apportata al tuo ambiente di staging sarà ora indipendente dal tuo ambiente live. Ciò significa che sei libero di modificare le impostazioni, installare nuovi plugin, modificare file di temi e altro senza compromettere l'esperienza per i tuoi clienti.

Configurazione e risoluzione dei problemi dell'ambiente di staging

Dopo aver effettuato l'accesso alla scena WordPress installazione, ci sono un certo numero di impostazioni che dovrebbero essere configurate prima di continuare.

Assicurati che il tuo dominio sia corretto

Guarda l'URL della tua schermata di amministrazione. Se è il tuo sottodominio, ha rilevato la nuova configurazione. In caso contrario, le query SQL eseguite in precedenza non avranno modificato l'URL del sito nel database di staging. Cerca il indirizzo del sito e casa nome_opzione all'interno della tabella wp_options.

Assicurarsi che il supporto sia stato copiato

Visita la sezione media della tua amministrazione di WordPress e controlla se le tue immagini / video / ecc. sono a posto. Se è così, allora la directory dei tuoi upload sarà stata copiata correttamente. In caso contrario, assicurarsi che la directory dei caricamenti sia nella posizione corretta (in genere / public_html / staging / wp-content / uploads).

Disabilita Sitemap XML in WordPress SEO

Se stai utilizzando WP SEO, devi assicurarti che l'opzione XML Sitemaps sia disabilitata. Ciò aiuterà a impedire ai motori di ricerca di indicizzare l'ambiente di staging.

Accesso al sito limitato

Per impedire agli utenti di visitare accidentalmente il sito di staging, è necessario installare e attivare l'accesso al sito con restrizioni. Al momento dell'installazione, andare a Impostazioni> Lettura per configurare il plugin.

Anche tu vuoi andare nel Impostazioni »Lettura sezione e assicurati di disabilitare l'indicizzazione di questo sito da parte dei motori di ricerca. Vuoi assicurarti di farlo per evitare qualsiasi contenuto duplicato.

Puoi anche proteggere con password l'intera directory con htpassword. Il metodo mostrato nel tutorial è per / wp-admin / ma puoi modificarlo per qualsiasi cartella del sito.

Aggiorna permalink

Visita Impostazioni> Permalink e fare clic su Salva per assicurarsi che la struttura di permalink sia aggiornata. Se ricevi 404 errori sul tuo sito di staging, questa è spesso la causa.

Spingendo le modifiche alla gestione temporanea da GitHub o BitBucket

La maggior parte degli sviluppatori professionisti amano utilizzare un sistema di controllo della versione come SVN o Git per monitorare i progressi dello sviluppo. L'utilizzo di un sistema di controllo delle versioni consente di tornare indietro nel tempo se qualcosa va storto perché tutta la cronologia del codice è memorizzata in una posizione centrale. Inoltre facilita la collaborazione poiché tutte le modifiche sono archiviate in una posizione centrale, gli sviluppatori hanno accesso a tutte le modifiche apportate a un progetto.

GitHub o BitBucket, quale dovresti usare

Entrambi, GitHub e BitBucket sono servizi di hosting di progetti e consentono entrambi di utilizzare Git per i tuoi progetti. GitHub è più popolare tra gli sviluppatori di progetti open source e ha una più ampia comunità di sviluppatori. Se il progetto su cui stai lavorando è un plugin WordPress open source o un tema, puoi ospitarlo su GitHub. Il tuo progetto sarà visibile pubblicamente e gli altri utenti potranno vedere il tuo codice sorgente. Per creare un repository privato su GitHub è necessario eseguire l'aggiornamento al proprio piano a pagamento.

D'altra parte, BitBucket ti consente di creare repository privati ​​gratuitamente. Se stai lavorando su un sito di un cliente o sul tuo sito personale, probabilmente vorrai mantenere il tuo lavoro privato. BitBucket ti rende più facile farlo.

Iniziare con BitBucket

Passaggio 1. Installazione di Git

La prima cosa che devi fare è scaricare e installare Git su Windows (o Mac).

Passaggio 2. Creazione del primo repository

Ora che hai installato Git, il passo successivo è iscriversi per un account BitBucket gratuito. Una volta che ti sarai registrato, entrerai nella dashboard di BitBucket dove dovrai cliccare su Crea un nuovo repository pulsante.

Inserisci un nome e una descrizione per il tuo repository che ti aiuti a identificare il tuo progetto. Per rendere privato il tuo repository, devi selezionare la casella accanto a Livello di accesso. Infine, assicurati che Git sia selezionato come tipo di repository. Puoi lasciare il resto delle opzioni invariate e fare clic sul pulsante crea repository per procedere. BitBucket creerà ora un repository vuoto per te.

Dato che lavorerai all'installazione locale di WordPress, fai clic su Ho un progetto esistente da far salire.

Passaggio 3. Aggiungi la directory locale a Git

Siete pronti per inviare il vostro progetto WordPress locale a BitBucket. Avvia Git Bash sul tuo computer. Sì, è uno strumento da riga di comando e dovrai digitare i comandi, ma non preoccuparti, è semplicissimo.

Se non si desidera utilizzare la riga di comando, è possibile utilizzare interfacce GUI come Github per Windows (che funziona anche per Bitbucket) e / o TortoiseGit.

Per prima cosa devi aggiungere la tua cartella di progetto WordPress locale come repository in Git. Ricorda, non è necessario aggiungere l'intera directory WordPress al progetto. Se stai lavorando su un tema, puoi semplicemente aggiungere la directory del tema come repository Git.

In Git Bash, prima spostati nella directory del progetto digitando il percorso nella directory del progetto e quindi aggiungilo a Git:

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

Ora che hai aggiunto il tuo progetto a Git, il prossimo passo è quello di aggiungere tutti i file al suo interno.

 aggiungi git . 

Dopo aver aggiunto tutti i tuoi file, il prossimo passo è fare il tuo primo commit.

 git commit -m "Aggiunta di tutti i file di progetto come primo commit" 

Passaggio 4. Sincronizzazione delle modifiche con il repository Bitbucket.

Ora il passo finale è sincronizzare i file locali con il tuo repository BitBucket. Digita questa riga in Git Bash per connettere il tuo repository locale al tuo repository BitBucket.

 git remote add all'origine https: //[email protected]/bitbucketusername/repositoryname.git 

Spingi tutti i tuoi file nel repository BitBucket.

 git push -u origin --all # spinge il repository e i suoi ref per la prima volta 

Congratulazioni, hai sincronizzato con successo i tuoi file WordPress locali con il tuo repository BitBucket. Ora consente di apportare alcune modifiche ai file nel proprio repository locale. Dopo aver apportato le modifiche, è necessario trasferire tali modifiche su Git.

 aggiungi git. git commit -m "Nuove funzionalità aggiunte" git push -u origine --all 

Distribuzione delle modifiche da BitBucket al sito di staging

Ora che hai imparato a utilizzare Git con BitBucket, è il momento di distribuire le modifiche dal tuo repository BitBucket al tuo sito di staging. In questo modo puoi lavorare localmente sul tuo sito e testare le tue modifiche sul tuo sito di staging senza intaccare il tuo sito live.

Per farlo, ti consigliamo di usare Ftploy. L'account gratuito di base ti consente di configurare un progetto. Controlla le modifiche apportate al tuo repository BitBucket e quindi le distribuisce sul tuo server web. Per prima cosa dovresti registrare un account su Ftploy. Successivamente, è necessario aggiungere i dettagli del server.

Per configurare un nuovo server, selezionare Server »Nuovo server dalla navigazione in alto.

Completa i campi appropriati con le impostazioni che hai creato quando hai configurato l'account FTP di staging in precedenza.

Clic Test di connessione per assicurarsi che FTPloy possa connettersi al server, quindi fare clic su Salva server.

Per creare un progetto, selezionare Progetti »Nuovo progetto dal menu di navigazione, selezionando GitHub o BitBucket dove appropriato.

Se hai precedentemente definito il tuo server, puoi selezionarlo dal menu a discesa (altrimenti inserisci i dettagli nei campi appropriati). Nel campo Percorso server, inserisci il percorso della directory dei temi (questo cambierà in base alla struttura del repository, ma / wp-content / theme / your-theme sarà adatto se il tuo repository contiene solo il tuo tema).

Quando si invia una modifica al repository di BitBucket, FTPloy preleverà i file modificati e li invierà al server selezionato.

Spingendo le modifiche a Live

Se si utilizza FTPloy per distribuire le modifiche da un repository al server di staging, è possibile impostare un processo simile per il server live. Tuttavia, se il codice errato o errato è stato trasferito nel tuo repository, questo verrà pubblicato automaticamente sul tuo sito live.

Si consiglia di eseguire un sistema di distribuzione automatizzato come FTPloy per un server di staging e quindi copiare manualmente i file richiesti sul proprio sito live quando si è soddisfatti delle modifiche e averli accuratamente testati sul nuovo ambiente di staging.

Speriamo che questo articolo ti abbia aiutato a imparare come creare un ambiente di staging per i tuoi siti WordPress. Per la risoluzione dei problemi consulta la nostra guida degli errori di WordPress più comuni e su come risolverli. Per feedback e domande sentiti libero di lasciare un commento qui sotto.