Suggerimento rapido usa CodeKit 2.0 per lo sviluppo locale di WordPress

Lavorare in un ambiente locale (ad esempio: direttamente sul proprio computer) è un approccio standard quando si creano temi WordPress e plug-in. Ti evita di rompere un sito live, mentre acceleri il processo riducendo le richieste sul web. Tuttavia ha uno svantaggio; puoi solo accedere al tuo ambiente locale localmente, sul tuo sistema. Testare simultaneamente su altri dispositivi e sistemi che potresti avere è difficile.

In questo rapido articolo, spiegherò come utilizzare Codekit 2.0 e accelerare il flusso di lavoro di sviluppo locale con iniezione di stile, aggiornamento del browser e test del dispositivo senza toccare una riga di codice per l'installazione!

Sviluppo locale di WordPress

Per iniziare, devi configurare WordPress localmente. Abbiamo un paio di articoli su Tuts + per aiutarti a iniziare a usare MAMP (un ambiente server locale comprendente Mcorrente alternata,UNPache, MySQL e PHP, Perl o Python):

• Come impostare un ambiente di test Killer WordPress a livello locale
• Scheletro a WordPress: alzarsi e correre
  

Dopo aver installato MAMP, assicurarsi che sia in esecuzione. 

Dovrai anche conoscere l'URL locale (spesso http: // localhost: 8888 per impostazione predefinita, ma puoi definire questa porta Apache nelle preferenze MAMP). Assicurati di avere il sito locale funzionante correttamente prima di continuare.

Configurazione di Codekit

Codekit ha recentemente apportato un importante upgrade a 2.0, offrendo l'aggiornamento simultaneo del browser su più dispositivi, oltre all'iniezione di stile. In solo un paio di passaggi, puoi impostare Codekit per lavorare con la tua configurazione di WordPress locale.

Dopo che l'installazione locale di WordPress è pronta per andare e hai MAMP in esecuzione, aggiungi il tuo tema come progetto a Codekit. Puoi farlo trascinando la cartella del tema in Codekit.

Impostazioni del server esterno

Quindi dobbiamo dire a Codekit dove è in esecuzione il nostro server MAMP locale, quindi aggiorniamo le impostazioni di "Server esterno":

1. Fai clic sull'ingranaggio sotto il nome del progetto in Codekit.
2. Fare clic sulla seconda opzione etichettata Aggiornamento del browser nella barra laterale di sinistra.
3. Scorri verso il basso fino a Server esterno impostazioni e svolta Server esterno richiesto SOPRA.
4. Aggiorna il Indirizzo server esterno con l'URL MAMP locale del sito WordPress (ad esempio http: // localhost: 8888 / your-local-site o come in questo esempio http://wptest.dev). Assicurati di visitare questo URL per garantire che sia corretto e funzioni correttamente.

Per iniziare a utilizzare il server, fai clic sul pulsante di anteprima in alto a destra di Codekit. Aprirà il browser con un URL univoco (http: //tuo-nome-computer.local: 5757). Ora puoi visitare manualmente quell'URL su qualsiasi altro dispositivo connesso alla tua rete Wi-Fi per connetterti alle iniezioni di refresh e di stile del browser Codekit.

Quando salvi un file nel tuo editor di codice, il browser si aggiorna, oppure se stai aggiornando il foglio di stile, Codekit inietterà le nuove modifiche di stile.

Codekit offre anche Sass compiling (con Libass), iniezione di stile, aggiornamento del browser, controllo della sintassi, minification, hook e altro con un solo programma! Se stai già utilizzando MAMP, dai un occhiata a Codekit e guardalo velocizzare il tuo flusso di lavoro.

Quali suggerimenti avete per lo sviluppo locale di WordPress, fatecelo sapere nei commenti!