Sviluppo tema WordPress con Understrap, guida completa ( parte 1 ): configurazione dell’ambiente di sviluppo locale

Lo sviluppo di temi WordPress richiede un ambiente locale affidabile e facile da configurare. In questo articolo, esploreremo come impostare un ambiente di sviluppo locale per WordPress utilizzando XAMPP, uno dei pacchetti più popolari per creare un server web locale.

1. Installazione di XAMPP

XAMPP è una distribuzione Apache che include MariaDB, PHP e Perl. Ecco come installarlo:

1. Visita il sito ufficiale di XAMPP e scarica la versione appropriata per il tuo sistema operativo.
2. Esegui l’installer e segui le istruzioni a schermo.
3. Durante l’installazione, assicurati di selezionare almeno Apache, MySQL, PHP e phpMyAdmin.

2. Avvio di XAMPP

Dopo l’installazione:

1. Avvia il pannello di controllo di XAMPP.
2. Clicca su “Start” per Apache e MySQL.

3. Creazione del database per WordPress

1. Apri il browser e vai su http://localhost/phpmyadmin/.
2. Clicca su “Nuovo” nel menu laterale sinistro.
3. Inserisci un nome per il database (es. “wordpress”) e clicca su “Crea”.

4. Download e installazione di WordPress

1. Scarica l’ultima versione di WordPress dal sito ufficiale.
2. Estrai il contenuto dell’archivio nella cartella htdocs di XAMPP (solitamente C:\xampp\htdocs su Windows o /Applications/XAMPP/htdocs su macOS).
3. Rinomina la cartella estratta con il nome del tuo progetto (es. “mio_tema”).

5. Configurazione di WordPress

1. Nel browser, vai su http://localhost/mio_tema.
2. Segui la procedura di installazione di WordPress:

• Scegli la lingua
• Quando richiesto, inserisci le informazioni del database:
  • Nome database: quello creato in precedenza
  • Nome utente: “root”
  • Password: lascia vuoto (configurazione predefinita di XAMPP)
  • Host database: “localhost”
  • Prefisso tabelle: lascia il valore predefinito o personalizzalo

1. Completa l’installazione fornendo le informazioni del sito e dell’account amministratore.

6. Configurazione del file wp-config.php

Per un ambiente di sviluppo, è utile abilitare il debug. Apri il file wp-config.php nella cartella principale di WordPress e aggiungi queste righe prima di /* That's all, stop editing! Happy publishing. */:

define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
@ini_set('display_errors', 0);

Questo abiliterà il logging degli errori senza mostrarli frontend, una pratica consigliata per lo sviluppo.

7. Installazione di Node.js e npm

Per lo sviluppo con Understrap, avrai bisogno di Node.js e npm:

1. Scarica e installa Node.js dal sito ufficiale.
2. Verifica l’installazione aprendo il terminale e digitando:

node --version
npm --version

8. Installazione di Git

Git è essenziale per il controllo versione e per clonare repository:

1. Scarica e installa Git dal sito ufficiale.
2. Verifica l’installazione nel terminale:

git --version

Hai ora un ambiente di sviluppo locale completamente funzionante per WordPress. Nei prossimi articoli, vedremo come iniziare a lavorare con Understrap per creare il tuo tema personalizzato.

Ricorda di non utilizzare questo ambiente per la produzione, ma solo per lo sviluppo e il testing. Per il sito live, usa sempre un hosting WordPress sicuro e ottimizzato.

Hai ora un ambiente di sviluppo locale completamente funzionante per WordPress. Questo setup ti fornisce una solida base per iniziare a sviluppare temi personalizzati utilizzando Understrap.

Ricorda di non utilizzare questo ambiente per la produzione, ma solo per lo sviluppo e il testing. Per il sito live, usa sempre un hosting WordPress sicuro e ottimizzato.

Prossimi passi

Nel prossimo articolo della nostra serie “Sviluppo Temi WordPress con Understrap”, esploreremo in dettaglio Understrap stesso. Introdurremo questo potente framework per temi WordPress, esaminando le sue caratteristiche principali e i vantaggi che offre agli sviluppatori.

Non perderti il prossimo articolo: “Introduzione a Understrap: un framework per temi WordPress”. Scopriremo insieme come Understrap può semplificare e accelerare il tuo processo di sviluppo di temi WordPress.

Resta sintonizzato per continuare il tuo viaggio nello sviluppo di temi WordPress con Understrap!