L'ultimo cheatsheet per lo sviluppo locale di WordPress

Pubblicato: 2023-02-14

Vuoi configurare un ambiente di sviluppo WordPress locale senza sfogliare pagine e pagine di documentazione? Il nostro cheatsheet per lo sviluppo locale di WordPress ti aiuterà a metterti in funzione velocemente e in modo intelligente!

In questa guida pratica "no-fluff", tratteremo brevemente cos'è lo sviluppo locale di WordPress e alcuni dei principali vantaggi del suo utilizzo, quindi entreremo direttamente in come configurare un ambiente locale, installare WordPress sul tuo computer e prova il tuo sito web prima di andare online.

Questa guida copre quanto segue:

  • Cos'è lo sviluppo locale di WordPress?
  • Vantaggi dello sviluppo locale di WordPress
  • Configurazione dell'ambiente di sviluppo locale
    • Di cosa avrai bisogno
    • Installazione del software del server locale
    • Configurazione di un host virtuale
    • Creazione di un database per l'installazione locale di WordPress
  • Installazione di WordPress in locale
    • Download e installazione di WordPress sul server locale
    • Configurazione del file wp-config.php
  • Importazione di un sito WordPress live nell'ambiente locale
    • Esportazione del database del sito live
    • Importazione del database del sito live nel server locale
    • Sostituzione degli URL nel database
    • Caricamento dei file del sito live nell'ambiente locale
  • Sviluppo e test sul sito WordPress locale
    • Apportare modifiche e test
    • Debug
    • Testare diversi plugin e temi
  • Distribuzione del sito WordPress locale sul server live
    • Esportazione del database del sito locale
    • Importazione del database nel server live
    • Caricamento dei file del sito locale sul server live
    • Aggiornamento degli URL nel database
  • Sviluppo locale vs ambiente di gestione temporanea dell'host web
    • Vantaggi dell'ambiente di sviluppo locale
    • Contro dell'ambiente di sviluppo locale
    • Vantaggi dell'ambiente di gestione temporanea dell'host web
    • Contro di Webhost Staging Environment

Cos'è lo sviluppo locale di WordPress?

Lo sviluppo locale di WordPress ti consente di creare un ambiente di sviluppo per creare, lavorare e testare i siti WordPress sul tuo computer senza influire sul tuo sito live.

L'ambiente di sviluppo locale replica il server di produzione, consentendo di testare diversi scenari e risolvere i problemi prima di eseguire il push delle modifiche al sito live.

Vantaggi dello sviluppo locale

Alcuni dei principali vantaggi dello sviluppo locale di WordPress includono:

  • Ambiente di test sicuro : l'ambiente di sviluppo locale offre uno spazio sicuro per testare nuove funzionalità, plug-in e temi senza influire sul tuo sito live.
  • Velocità, prestazioni ed efficienza : un ambiente di sviluppo locale è più veloce e più reattivo di un server remoto. Questo perché viene eseguito sul tuo computer, quindi il tuo computer può accedere ed elaborare i dati molto più velocemente di un server e non c'è latenza nella comunicazione tra la tua macchina e il server.
  • Conveniente : la configurazione di un ambiente di sviluppo locale elimina la necessità di costosi servizi di hosting e riduce i costi associati alla distribuzione delle modifiche a un sito live. Hai solo bisogno di un computer e di un editor di testo per iniziare.
  • Collaborazione migliorata : più sviluppatori possono lavorare su un singolo progetto contemporaneamente senza interferire con il lavoro degli altri.
  • Sviluppo offline : con un ambiente di sviluppo locale, puoi sviluppare il tuo sito anche quando sei offline.
  • Sicurezza migliorata : hai un progetto "top secret" su cui vuoi lavorare? Poiché un ambiente di sviluppo locale viene eseguito sulla tua macchina, è più sicuro di un server remoto, quindi puoi creare e lavorare sul tuo sito lontano da occhi indiscreti. Non vi è alcun rischio di accesso non autorizzato o hacking.

Se hai appena iniziato come sviluppatore WordPress, consulta la nostra introduzione all'articolo sullo sviluppo locale di WordPress. Se sei già un po' più esperto, dai un'occhiata al nostro articolo sui modi per migliorare il flusso di lavoro di sviluppo di WordPress in un ambiente locale.

Configurazione dell'ambiente di sviluppo locale

Prima di poter configurare un ambiente di sviluppo WordPress locale, ci sono alcune cose di cui avrai bisogno.

Di cosa avrai bisogno

Oltre a un computer con spazio di archiviazione e potenza di elaborazione sufficienti per supportare il tuo lavoro di sviluppo, ecco tutto ciò di cui hai bisogno per configurare un ambiente di sviluppo locale:

Software del server locale

Sarà necessario installare un software del server locale per eseguire l'ambiente di sviluppo locale.

XAMPP, MAMP e WAMP sono tre opzioni popolari. Ciascuno di questi pacchetti software per server locali fornisce un ambiente di sviluppo completo per gli sviluppatori Web con tutti i componenti necessari (come il server Web Apache, il database MySQL e il linguaggio di scripting PHP, in un unico pacchetto), un pannello di controllo per gestire questi componenti e un strumento per la gestione del database.

Ogni pacchetto software, tuttavia, ha anche le sue caratteristiche uniche con differenze fondamentali, quindi è importante sceglierne uno che soddisfi le tue esigenze specifiche.

Diamo un breve sguardo a ciascuno:

XAMPP

XAMPP
XAMPP

XAMPP è un software per server Web gratuito, open source e facile da installare che fornisce un ambiente di sviluppo locale per gli sviluppatori Web. Sta per Apache, MariaDB, PHP e Perl, i quattro componenti principali di XAMPP.

Alcune caratteristiche chiave (e vantaggi) di XAMPP:

  • Include server Web Apache, database MariaDB e linguaggi di scripting PHP e Perl.
  • Supporta più sistemi operativi, inclusi Windows, Mac e Linux.
  • Pannello di controllo di facile utilizzo per la gestione dei componenti del server Web e del database.
  • Opzione per installare componenti aggiuntivi come phpMyAdmin per la gestione del database.

Contro:

  • Non così popolare come MAMP o WAMP, quindi il supporto della community potrebbe non essere così forte.
  • Configurazione più complessa rispetto a MAMP o WAMP, che richiede maggiori conoscenze tecniche per installare e configurare i componenti.

XAMPP è l'ideale per gli sviluppatori Web che richiedono un ambiente di sviluppo completo con più componenti e hanno familiarità con la configurazione e la gestione di questi componenti. È anche la soluzione migliore per gli sviluppatori che lavorano su più sistemi operativi e necessitano di una soluzione multipiattaforma.

MAMP

MAMP
MAMP

MAMP è un software server locale che fornisce un ambiente di sviluppo per gli sviluppatori web. Sta per Macintosh, Apache, MySQL e PHP, i quattro componenti principali di MAMP.

Alcune caratteristiche chiave (e vantaggi) di MAMP:

  • Include server Web Apache, database MySQL e linguaggio di scripting PHP.
  • Supportato dal sistema operativo macOS, ma può essere utilizzato anche per sistemi operativi basati su Windows.
  • Pannello di controllo di facile utilizzo per la gestione dei componenti del server Web e del database.
  • Opzione per installare componenti aggiuntivi come phpMyAdmin per la gestione del database.

Contro:

  • Può utilizzare solo il linguaggio di scripting PHP.
  • Meno componenti rispetto a XAMPP, il che potrebbe limitare le esigenze di alcuni sviluppatori.

MAMP è il migliore per gli sviluppatori web che lavorano sul sistema operativo macOS.

Per ulteriori informazioni sull'utilizzo di questa opzione, consulta il nostro tutorial su come sviluppare WordPress in locale utilizzando MAMP.

WampServer

WampServer
WampServer

WAMP è un software server locale che fornisce un ambiente di sviluppo per gli sviluppatori web. Sta per Windows, Apache, MySQL e PHP, i quattro componenti principali di WAMP.

Alcune caratteristiche chiave (e vantaggi) di WAMP:

  • Include server Web Apache, database MySQL e linguaggio di scripting PHP.
  • Supporta il sistema operativo Windows.
  • Pannello di controllo di facile utilizzo per la gestione dei componenti del server Web e del database.
  • Opzione per installare componenti aggiuntivi come phpMyAdmin per la gestione del database.

Contro:

  • Supporta solo Windows, quindi gli sviluppatori che utilizzano macOS o Linux potrebbero dover cercare altrove.
  • Meno componenti rispetto a XAMPP, il che potrebbe limitare le esigenze di alcuni sviluppatori.

WAMP è l'ideale per gli sviluppatori Web che lavorano sul sistema operativo Windows e che richiedono un ambiente di sviluppo completo con componenti di base.

Per ulteriori informazioni su questa opzione, consulta il nostro tutorial su come sviluppare WordPress in locale usando WAMP.

Sebbene XAMPP, MAMP e WAMP siano tutte scelte eccellenti per gli sviluppatori Web che cercano un ambiente di sviluppo locale, sono disponibili altre opzioni, tra cui Local by Flywheel, DesktopServer e (se devi lavorare su WordPress localmente su più di una macchina) anche l'installazione e l'esecuzione di WordPress da una USB.

Editor di testo

L'altro componente di cui avrai bisogno è un editor di testo per lo sviluppo di WordPress specificamente progettato per lavorare con linguaggi di programmazione come PHP. Un editor di testo è essenziale per modificare il codice e apportare modifiche al tuo sito web.

Diamo un'occhiata a un paio di opzioni popolari per gli editor di testo:

Testo sublime

Testo sublime
Testo sublime

Sublime Text è un popolare editor di testo ampiamente utilizzato dagli sviluppatori per scopi di codifica e scripting. Offre un'interfaccia pulita, veloce e intuitiva, che semplifica il lavoro con basi di codice di grandi dimensioni.

Alcune caratteristiche chiave di Sublime Text:

  • Evidenziazione della sintassi e completamento del codice per oltre 80 linguaggi di programmazione
  • Combinazioni di colori personalizzabili, combinazioni di tasti e macro
  • Strumenti avanzati di ricerca e modifica come selezioni multiple, modifica divisa e modifica delle colonne
  • Passa istantaneamente da un progetto all'altro con un sistema di impostazioni specifico del progetto

Sublime Text è un ottimo strumento per gli sviluppatori che lavorano su progetti che richiedono la scrittura di codice in HTML, CSS e JavaScript. Offre strumenti di evidenziazione della sintassi, completamento del codice e modifica di facile utilizzo che rendono il processo di codifica rapido ed efficiente.

Codice VisualStudio

Codice VisualStudio
Codice VisualStudio

Visual Studio Code è un editor di codice open source gratuito sviluppato da Microsoft. Offre una gamma di funzionalità e strumenti per aiutare gli sviluppatori a creare e gestire progetti su larga scala.

Alcune funzionalità chiave di Visual Studio Code:

  • IntelliSense, uno strumento avanzato e intelligente per il completamento del codice e il debug
  • Supporto e debug Git integrati
  • Supporta più linguaggi di programmazione e ha una vasta libreria di estensioni
  • Interfaccia e area di lavoro personalizzabili

Per ulteriori editor di testo, consulta il nostro elenco dei migliori editor di testo per lo sviluppo di WordPress.

Hai soddisfatto tutti i requisiti di cui sopra?

Il computer soddisfa le specifiche richieste
Software del server locale selezionato
Editor di testo selezionato

Grande! Quindi passiamo al passaggio successivo...

Installazione del software del server locale

Per questo esempio, installeremo XAMPP su un sistema operativo Windows. Utilizzare la stessa procedura descritta di seguito per installare il software del server locale scelto sul computer e seguire le istruzioni specifiche del pacchetto software:

  1. Scarica XAMPP : vai al sito Web ufficiale di XAMPP e scarica l'ultima versione di XAMPP per Windows.
  2. Installa XAMPP : fai doppio clic sul file scaricato per avviare il processo di installazione. Esegui il file di installazione scaricato e segui le istruzioni sullo schermo per installare XAMPP. Per impostazione predefinita, XAMPP verrà installato nella directory C:\xampp .
  3. Avvia XAMPP : dopo l'installazione, apri il pannello di controllo XAMPP dal menu Start o dal collegamento sul desktop. Avvia i moduli Apache e MySQL facendo clic sui pulsanti "Start" accanto a ciascun modulo.
  4. Verifica installazione : per verificare che XAMPP funzioni correttamente, apri un browser Web e vai a http://localhost . Questo dovrebbe visualizzare la pagina di benvenuto di XAMPP.
  5. Crea un host virtuale : per creare un host virtuale, segui i passaggi descritti di seguito.

XAMPP ora dovrebbe essere installato e configurato sulla tua macchina. Sei pronto per iniziare a sviluppare e testare i tuoi siti web a livello locale.

Nota: il processo di installazione di XAMPP o altro software del server locale, come MAMP o WAMP, può variare leggermente a seconda del sistema operativo utilizzato. Per i sistemi operativi Mac e Linux, puoi seguire le istruzioni di installazione fornite sul sito web di XAMPP.

Consulta i nostri altri tutorial relativi a XAMPP per ulteriori informazioni sulla configurazione di XAMPP, l'aggiornamento di XAMPP, la risoluzione dei problemi di XAMPP e la migrazione di WordPress da un host locale XAMPP al Web.

Configurazione di un host virtuale

La configurazione di un host virtuale in un ambiente di sviluppo locale consente agli sviluppatori di eseguire più siti Web sul proprio computer locale, ciascuno con il proprio URL univoco. Ciò fornisce un ambiente di test più realistico e semplifica il passaggio da un progetto all'altro.

Per la guida dettagliata di seguito per configurare un host virtuale nel tuo ambiente di sviluppo locale e iniziare a testare i tuoi siti web:

1. Aprire il file di configurazione di Apache : aprire il file di configurazione per il software del server locale. Per questo esempio, stiamo usando XAMPP, quindi apri il file di configurazione di Apache, in genere situato in /etc/httpd/conf/httpd.conf o C:\xampp\apache\conf\httpd.conf .

2. Abilita l'hosting virtuale : individua la sezione denominata "# Virtual Hosts" e decommenta la seguente riga rimuovendo il simbolo cancelletto (#) all'inizio della riga: #Include conf/extra/httpd-vhosts.conf .

3. Configurare l'host virtuale : aprire il file di configurazione dell'host virtuale, in genere situato in /etc/httpd/conf/extra/httpd-vhosts.conf o C:\xampp\apache\conf\extra\httpd-vhosts.conf .

4. Aggiungi un nuovo host virtuale : aggiungi un nuovo host virtuale creando un nuovo blocco di codice con il seguente formato: 

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Fai questo:

  • Sostituisci "example.local" con l'URL desiderato per l'host virtuale.
  • Sostituisci "/path/to/document/root" con il percorso completo della directory root del documento per l'host virtuale.

5. Aggiorna il file hosts : il file hosts associa i nomi di dominio agli indirizzi IP. Per rendere l'host virtuale accessibile tramite l'URL specificato, dovrai aggiungere una voce al file hosts. Il file hosts si trova in genere in /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Aggiungi una nuova riga con il seguente formato: 127.0.0.1 example.local . Sostituisci "example.local" con l'URL specificato nella configurazione dell'host virtuale. Salva le modifiche al file di configurazione.

6. Riavvia Apache : riavvia il server Web locale Apache per applicare le modifiche.

7. Prova l'host virtuale : prova il tuo host virtuale visitando l'URL in un browser web. Il browser dovrebbe visualizzare il contenuto della directory root dei documenti per l'host virtuale.

Creazione di un database per l'installazione locale di WordPress

Il passaggio successivo prima di impostare un progetto WordPress in locale è creare un database per il tuo ambiente di sviluppo locale.

Segui queste istruzioni dettagliate per creare un database in XAMPP:

1. Apri il pannello di controllo XAMPP : apri il pannello di controllo XAMPP dal menu Start o dal collegamento sul desktop. Assicurati che i moduli Apache e MySQL siano in esecuzione.

2. Accedi a phpMyAdmin : per accedere a phpMyAdmin, apri un browser Web e vai a http://localhost/phpmyadmin . Questo aprirà l'interfaccia phpMyAdmin nel tuo browser.

3. Crea un nuovo database : nell'interfaccia phpMyAdmin, fai clic sulla scheda "Database". Nella sezione "Crea database", inserisci un nome per il tuo nuovo database e seleziona le regole di confronto "utf8mb4_general_ci". Quindi, fai clic sul pulsante "Crea".

4. Creare un nuovo utente : Per creare un nuovo utente per il database, fare clic sulla scheda "Utenti" e quindi sul pulsante "Aggiungi utente". Nel modulo "Aggiungi utente", inserisci un nome utente e una password per il nuovo utente e seleziona "Locale" come host. Assicurati di concedere tutti i privilegi all'utente selezionando la casella di controllo "Concedi tutti i privilegi sul database". Infine, fai clic sul pulsante "Vai".

5. Salva i tuoi dati : annota o salva il nome del database, il nome utente e la password. Ti serviranno per connettere il database a WordPress in un secondo momento.

Dopo aver completato i passaggi precedenti, avrai creato con successo un database per l'installazione locale di WordPress e l'ambiente di sviluppo locale.

Ora puoi utilizzare questo database per archiviare e gestire i tuoi dati mentre sviluppi e collaudi il tuo sito WordPress localmente.

Hai completato tutti i passaggi precedenti?

Software del server locale installato
Configura un host virtuale
Banca dati creata

Grande! Quindi passiamo al passaggio successivo...

Installazione di WordPress in locale

Ora che abbiamo preparato il nostro ambiente locale, il passaggio successivo è scaricare, installare e configurare WordPress.

Download e installazione di WordPress sul server locale

Seguire i passaggi seguenti per completare questo processo:

  1. Visita il sito Web di WordPress : vai al sito Web ufficiale di WordPress.org e fai clic sul pulsante "Scarica WordPress" per scaricare l'ultima versione di WordPress.
  2. Estrai l'archivio : il download di WordPress sarà un file ZIP compresso. Estrai il contenuto dell'archivio in una directory sul tuo computer.
  3. Sposta i file estratti sul tuo server locale : sposta il contenuto della directory estratta nella directory principale del tuo server locale. Se stai usando XAMPP, ad esempio, questo è in genere C:\xampp\htdocs su Windows o /Applications/XAMPP/htdocs su macOS.
  4. Crea un database : (Nota: se hai seguito, questo passaggio dovrebbe essere già stato fatto.) Prima di installare WordPress, dovrai creare un database. Puoi farlo utilizzando uno strumento come phpMyAdmin, incluso nella maggior parte dei software per server locali come XAMPP e MAMP.
  5. Avviare l'installazione : aprire il browser Web e accedere a http://localhost/wordpress (o l'URL equivalente per il server locale). Questo avvierà il processo di installazione di WordPress.
  6. Scegli la lingua : nella prima schermata, seleziona la tua lingua preferita e fai clic sul pulsante "Continua".
  7. Inserisci le informazioni sul database : nella schermata successiva, inserisci le informazioni sul database che hai creato nel passaggio 4. Ciò include il nome del database, il nome utente del database e la password del database.
  8. Inserisci le informazioni sul sito : nella schermata successiva, inserisci le informazioni per il tuo sito WordPress locale. Ciò include il titolo del sito, il nome utente, la password e l'indirizzo e-mail.
  9. Esegui l'installazione : una volta inserite tutte le informazioni, fai clic sul pulsante "Installa WordPress" per eseguire l'installazione.
  10. Accedi al tuo sito : al termine dell'installazione, accedi al tuo sito WordPress locale utilizzando il nome utente e la password che hai creato nel passaggio 8 per iniziare a personalizzare e sviluppare il tuo sito locale.

Ora hai scaricato e installato correttamente WordPress.

Ora puoi iniziare a personalizzare e sviluppare il tuo sito localmente, con tutti i vantaggi di un ambiente di sviluppo locale, prima di distribuire il tuo sito su un server live.

Configurazione del file wp-config.php

Il file wp-config.php è un componente cruciale nella configurazione di un'installazione locale di WordPress e di un ambiente di sviluppo locale. Questo file contiene le impostazioni di configurazione che controllano il modo in cui WordPress interagisce con il tuo database e altre impostazioni importanti.

Se hai seguito le istruzioni di installazione sopra, le credenziali del tuo database verranno automaticamente aggiunte al file wp-config.php .

Se, per qualsiasi motivo, è necessario configurare manualmente il file wp-config.php , seguire le istruzioni seguenti:

1. Crea un file wp-config.php : se la tua installazione locale di WordPress non ha già un file wp-config.php , puoi crearne uno copiando il file wp-config-sample.php e rinominandolo in wp-config.php .

2. Aggiorna le credenziali del database : apri il file wp-config.php e aggiorna le seguenti righe con le informazioni appropriate: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Sostituire database_name , database_user e database_password con i valori utilizzati durante la creazione del database e dell'utente in un passaggio precedente.

3. Imposta le chiavi di sicurezza di WordPress : le chiavi di sicurezza di WordPress aggiungono un ulteriore livello di sicurezza al tuo sito crittografando le informazioni memorizzate nei cookie. Puoi generare un set di chiavi di sicurezza sul sito ufficiale di WordPress. Copia le chiavi generate e incollale nel tuo file wp-config.php , sostituendo le chiavi segnaposto già presenti.

4. Abilita il debug : per lo sviluppo locale, è utile abilitare il debug in WordPress. Ciò fornirà messaggi di errore e avvisi più dettagliati che possono aiutarti a risolvere i problemi con il tuo sito. Per abilitare il debug, aggiungi la seguente riga al tuo file wp-config.php:

define( 'WP_DEBUG', true );

5. Salva le modifiche : una volta apportate le modifiche al file wp-config.php , salva il file e chiudilo.

La corretta configurazione del file wp-config.php assicurerà che il tuo sito WordPress installato localmente sia in grado di connettersi al database, sia sicuro e fornisca utili informazioni di debug mentre sviluppi e collaudi il tuo sito localmente.

Importazione di un sito WordPress live nell'ambiente locale

Segui i passaggi seguenti se devi importare un sito WordPress live nel tuo ambiente locale:

Esportazione del database del sito live

Per esportare il database del sito live, devi avere accesso al server del sito live.

Ecco i passaggi per esportare il database del sito live (nota: diversi ambienti server lo eseguiranno in modo diverso, ma la maggior parte dovrebbe seguire un processo simile):

  1. Accedi al pannello di controllo del tuo server live .
  2. Accedere al database : il primo passo è accedere al database del sito live. Puoi farlo utilizzando uno strumento come phpMyAdmin, che viene spesso fornito dal tuo provider di hosting web. Cerca una sezione chiamata "Database" e fai clic su "phpMyAdmin".
  3. Seleziona il database : una volta effettuato l'accesso a phpMyAdmin, seleziona il database per il tuo sito live dal pannello di sinistra.
  4. Esportare il database : fare clic sul pulsante "Esporta" per avviare il processo di esportazione.
  5. Scegli il formato di esportazione : Nella schermata di esportazione, scegli il metodo di esportazione "Rapido", seleziona il formato "SQL" e assicurati che le opzioni "Struttura" e "Dati" siano selezionate.
  6. Scarica il file di esportazione : fai clic sul pulsante "Vai" per scaricare il file di esportazione sul tuo computer.

Importazione del database nel server locale

Per importare il database del sito live sul tuo server locale, assicurati che il software del server locale scelto sia già installato sul tuo computer.

Ecco i passaggi per importare il database del sito live sul tuo server locale:

  1. Apri phpMyAdmin nel software del tuo server locale : accedi a phpMyAdmin per il tuo server locale e seleziona il database che hai creato per l'installazione locale di WordPress.
  2. Importa il database : Clicca sul pulsante “Importa” per importare i dati dal file di esportazione appena scaricato.
  3. Selezionare il file di importazione : nella schermata di importazione, fare clic sul pulsante "Scegli file", selezionare il file di esportazione appena scaricato e fare clic sul pulsante "Vai" per avviare il processo di importazione.

Sostituzione degli URL nel database

Dopo aver importato il database del sito live, dovrai sostituire gli URL nel database in modo che corrispondano al tuo ambiente di sviluppo locale.

Ecco i passaggi per sostituire gli URL nel database:

1. Apri phpMyAdmin nel software del tuo server locale.
2. Selezionare il database importato dal pannello di sinistra.
3. Fare clic sulla scheda "SQL".
4. Immettere la seguente query nell'area di testo: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Sostituisci "http://www.livesite.com" con l'URL del tuo sito live e sostituisci "http://local.livesite.com" con l'URL del tuo ambiente di sviluppo locale.

6. Fare clic sul pulsante "Vai" per eseguire la query.

Caricamento dei file del sito live nell'ambiente locale

Per caricare i file del sito live nell'ambiente locale, dovrai disporre dell'accesso FTP al server del tuo sito live.

Segui i passaggi seguenti per caricare i file del sito live nel tuo ambiente locale:

  1. Connettiti al server del tuo sito live utilizzando un client FTP come FileZilla.
  2. Passa alla directory principale del tuo sito live sul server.
  3. Scarica tutti i file sul tuo computer locale.
  4. Posiziona i file scaricati nella directory principale del tuo ambiente di sviluppo locale, che di solito si trova nella cartella "htdocs" o "www" in XAMPP o altro software del server locale.

Appunti:

  1. Se hai già un'installazione di WordPress, la cartella sopra non sarà vuota e ti verrà chiesto di sostituire i file e le directory esistenti, quindi sostituisci tutti i file tranne il file wp-config.php per mantenere le stesse configurazioni, incluso il file connesso database che sono stati popolati con i dati del sito live.
  2. Prima di caricare i file del sito live nell'ambiente locale, potrebbe essere necessario modificare le autorizzazioni dei file per rendere i file scrivibili dal software del server locale.
  3. Inoltre, assicurati di testare il backup locale di WordPress prima di apportare modifiche.

Questo è tutto! Ora hai importato con successo il tuo sito live nell'installazione locale di WordPress e nell'ambiente di sviluppo locale.

Sviluppo e test sul sito WordPress locale

Sei finalmente pronto per sviluppare e testare il tuo sito localmente utilizzando gli stessi dati del tuo sito live, offrendoti un ambiente realistico per test e sviluppo.

Esaminiamo il processo:

Apportare modifiche e test

  1. Accedi al sito WordPress locale: apri il tuo sito WordPress locale nel tuo browser Web e accedi alla dashboard di WordPress utilizzando le tue credenziali di amministratore.
  2. Apporta modifiche al sito: puoi apportare modifiche al tuo sito WordPress locale modificando temi, plug-in o codice personalizzato. Basta accedere a questi elementi dalla dashboard di WordPress.
  3. Testare le modifiche: dopo aver apportato modifiche al tuo sito WordPress locale, è importante testare le modifiche per assicurarti che funzionino come previsto. Puoi testare le modifiche visitando il front-end del tuo sito e verificando che le modifiche abbiano avuto effetto.

Debug

  1. Usa la modalità di debug: WordPress ha una modalità di debug integrata che semplifica l'identificazione e la risoluzione dei problemi sul tuo sito. Per abilitare la modalità di debug, devi aggiungere il seguente codice al tuo file wp-config.php: define( 'WP_DEBUG', true ); .
  2. Controlla i log degli errori: se riscontri problemi con il tuo sito WordPress locale, puoi controllare i log degli errori per vedere se ci sono messaggi di errore o messaggi di avviso che possono aiutarti a identificare il problema. I log degli errori si trovano nel file di log di debug di WordPress, che si trova nella directory wp-content.
  3. Utilizza gli strumenti di debug: sono disponibili numerosi strumenti e plug-in di debug per WordPress che possono aiutarti a identificare e risolvere i problemi sul tuo sito. Ad esempio, il plug-in Query Monitor fornisce informazioni dettagliate sulle query del database, sull'utilizzo del plug-in e altro ancora. Consulta questo tutorial per assistenza con il debug di WordPress: Debug di WordPress: come utilizzare WP_Debug

Testare diversi plugin e temi

L'installazione, l'attivazione e il test di plugin e temi su un sito WordPress locale funziona esattamente come su qualsiasi altro normale sito WordPress. Quindi, assicurati di fare quanto segue mentre sei in modalità test:

  1. Installa plug-in : installa plug-in sul tuo sito WordPress locale per aggiungere nuove caratteristiche o funzionalità al tuo sito. Per installare un plug-in, accedi alla dashboard di WordPress, vai alla sezione Plugin e fai clic sul pulsante Aggiungi nuovo.
  2. Attiva plug-in : attiva il plug-in che stai testando dopo averlo installato per utilizzarlo sul tuo sito. Per attivare un plug-in, vai alla sezione Plugin della dashboard di WordPress e fai clic sul pulsante Attiva accanto al plug-in che desideri utilizzare.
  3. Test dei plug-in : dopo aver attivato un plug-in, è importante testare il plug-in per assicurarsi che funzioni come previsto. Testa i plug-in visitando il front-end del tuo sito e verificando che il plug-in abbia avuto effetto.
  4. Installa temi : installa temi sul tuo sito WordPress locale per modificare l'aspetto del tuo sito. Per installare un tema, accedi alla dashboard di WordPress, vai alla sezione Aspetto e fai clic sul pulsante Temi.
  5. Attiva temi : attiva il tema dopo averlo installato per modificare l'aspetto del tuo sito. Per attivare un tema, vai alla sezione Aspetto della dashboard di WordPress e fai clic sul pulsante Attiva accanto al tema che desideri utilizzare.
  6. Temi di test : dopo aver attivato un tema, è importante testarlo per assicurarsi che funzioni come previsto. Testa i temi visitando il front-end del tuo sito e verificando che il tema abbia avuto effetto.

Hai apportato tutte le modifiche necessarie, risolto i problemi e testato diversi plug-in e temi sul tuo sito locale?

Grande! Ora sei pronto per rendere attivo il tuo sito WordPress locale.

Distribuzione del sito WordPress locale sul server live

Il passaggio finale di questo processo consiste nell'esportare tutti i file e il database WordPress locali nel tuo ambiente di hosting live e assicurarti che tutte le modifiche, le configurazioni e gli URL del tuo sito funzionino sul tuo sito live.

Esportazione del database del sito locale

Segui i passaggi seguenti per esportare il tuo sito WordPress locale sul tuo server live:

  1. Accedi al database del sito locale utilizzando PHPMyAdmin.
  2. Seleziona il database che desideri esportare.
  3. Vai alla scheda "Esporta".
  4. Scegli il metodo di esportazione "Veloce".
  5. Seleziona il formato "SQL".
  6. Fai clic su "Vai" per scaricare il file SQL sul tuo computer.

Importazione del database nel server live

Segui i passaggi seguenti per importare il file di esportazione del tuo database WordPress locale nel tuo sito live:

  1. Accedi al database del server live utilizzando PHPMyAdmin.
  2. Crea un nuovo database per il sito live.
  3. Vai al nuovo database e seleziona la scheda "Importa".
  4. Scegli il file SQL esportato dal tuo sito locale.
  5. Fare clic su "Vai" per importare il database.

Ora che hai migrato il database dal tuo sito locale al tuo sito live, facciamo lo stesso per i file del tuo sito.

Caricamento dei file del sito locale sul server live

Segui i passaggi seguenti per caricare i file del tuo sito WordPress locale nel tuo sito live:

  1. Preparare i file: prima di caricare i file del sito locale sul server, è una buona idea rivedere e ripulire i file. Ciò può includere la rimozione di tutti i file non necessari, come backup o file di prova, per ridurre al minimo la quantità di dati caricati.
  2. Connettiti al server: puoi connetterti al server utilizzando una varietà di metodi, come FTP o SFTP. Dovrai utilizzare un software client, come FileZilla, per connetterti al server. Dovrai fornire l'host del server, il nome utente e la password per connetterti.
  3. Carica i file: una volta connesso al server, puoi caricare i file del sito locale sul server. Puoi caricare i file in diversi modi, incluso il caricamento di singoli file o il caricamento dell'intera cartella del sito locale. Passare alla directory principale del sito live sul server. Carica tutti i file del sito locale nella directory del sito live sul server e, se richiesto, sostituisci i file esistenti.
  4. Aggiorna le informazioni del database: Dopo aver caricato i file sul server, dovrai aggiornare le informazioni del database nel file wp-config.php per riflettere le informazioni del database del sito live. Apri il file wp-config.php in un editor di testo e aggiorna il nome del database, il nome utente e la password in modo che corrispondano al database live.
  5. Aggiorna gli URL nel database: vedi la sezione seguente.
  6. Testare il sito: dopo aver caricato i file del sito locale sul server, è una buona idea testare il sito per assicurarsi che tutto funzioni correttamente. Ciò può comportare il test della funzionalità, dei collegamenti e delle immagini del sito per assicurarsi che funzionino come previsto.

Aggiornamento degli URL nel database

Puoi aggiornare gli URL nel tuo database utilizzando un editor di testo o lavorando direttamente nel tuo database (assicurati che il backup del database sia completo prima di apportare modifiche).

Aggiornamento degli URL utilizzando un editor di testo

Segui i passaggi seguenti per aggiornare gli URL nel tuo database utilizzando un editor di testo.

  1. Esporta il database: prima di aggiornare gli URL nel database, dovrai esportare il database. Usa il tuo strumento di gestione del database (ad esempio phpMyAdmin).
  2. Trova e sostituisci gli URL : una volta esportato il database, dovrai trovare e sostituire gli URL nel database. Puoi farlo utilizzando un editor di testo come Sublime o Visual Studio Code. Cerca e sostituisci gli URL e assicurati di sostituirli con attenzione e completezza, inclusi gli URL nei dati serializzati.
  3. Importa il database : dopo aver aggiornato gli URL nel database, dovrai reimportare il database nel tuo ambiente di sviluppo locale. Puoi importare il database utilizzando uno strumento di gestione del database, come phpMyAdmin.
  4. Testare il sito : Dopo aver importato il database aggiornato, è una buona idea testare il sito per assicurarsi che tutto funzioni correttamente. Ciò può comportare il test della funzionalità, dei collegamenti e delle immagini del sito per assicurarsi che funzionino come previsto.

Aggiornamento degli URL nel database

Segui i passaggi seguenti per aggiornare gli URL direttamente nel tuo database:

1. Accedi al database del sito live utilizzando PHPMyAdmin.
2. Selezionare il database del sito live.
3. Go to the “SQL” tab.
4. Run the following SQL query to update the URLs: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!