Sfat rapid Utilizați CodeKit 2.0 pentru dezvoltarea WordPress locală

Lucrul într-un mediu local (adică: direct pe calculatorul propriu) este o abordare standard atunci când construiți teme și pluginuri WordPress. Vă salvează de la ruperea unui site live, accelerarea procesului prin reducerea solicitărilor către web. Are însă un dezavantaj; puteți accesa numai mediul local la nivel local, pe sistemul dvs. Testarea simultană pe alte dispozitive și sisteme pe care le-ați putea avea este dificilă.

În acest articol rapid, vă voi explica cum să utilizați codecit 2.0 și să vă accelerați fluxul de lucru de dezvoltare locală prin injectarea de stil, revigorarea browserului și testarea dispozitivului fără a atinge o linie de cod pentru configurare!

Dezvoltarea WordPress locală

Pentru a începe, va trebui să configurați WordPress local. Avem câteva articole despre Tuts + pentru a vă ajuta să începeți să utilizați MAMP (un mediu server local care cuprinde MAC,APache, MySQL și PHP, Perl sau Python):

• Cum se instalează un mediu de testare WordPress Killer local
• Skeleton to WordPress: Noțiuni de bază și de funcționare
  

După instalarea MAMP, asigurați-vă că funcționează. 

De asemenea, va trebui să cunoașteți adresa URL locală (adesea http: // localhost: 8888 în mod prestabilit, dar puteți defini acest port Apache în preferințele MAMP). Asigurați-vă că site-ul local funcționează corect înainte de a continua.

Codekit Configuration

Codekit a făcut recent un upgrade major la 2.0, oferind simultan browser revigorant pe mai multe dispozitive, plus injecție de stil. În doar câțiva pași, puteți configura Codekit pentru a lucra cu setarea locală WordPress.

După ce instalarea dvs. WordPress locală este gata de plecare și ați rulat MAMP, adăugați tema dumneavoastră ca proiect la Codekit. Puteți face acest lucru prin glisarea dosarului temei în Codekit.

Setările serverului extern

Apoi trebuie să-i spunem lui Codekit unde rulează serverul nostru local MAMP, așa că să actualizăm setările "Serverului extern":

1. Faceți clic pe uneltele de sub numele de proiect în Codekit.
2. Faceți clic pe a doua opțiune etichetate Reîmprospătarea browserului în bara laterală stângă.
3. Derulați în jos până la Server extern setări și rotire Server extern necesar PE.
4. Actualizați Adresa server externă cu adresa URL locală MAMP a site-ului WordPress (de exemplu, http: // localhost: 8888 / your-local-site sau ca în acest exemplu http://wptest.dev). Asigurați-vă că vizitați această adresă URL pentru a vă asigura că este corectă și că funcționează corect.

Pentru a începe să utilizați serverul, faceți clic pe butonul de previzualizare din partea dreaptă sus a codecit. Acesta va deschide browser-ul dvs. cu un URL unic (http: //your-computer-name.local: 5757). Acum puteți vizita manual acea adresă url pe orice alt dispozitiv conectat la rețeaua Wi-Fi pentru a vă conecta la aplicațiile de înnoire ale browserului Codekit.

Când salvați un fișier în editorul de cod, browserul se va reîmprospăta sau, dacă actualizați foaia de stil, Codekit va injecta modificările de stil nou.

Codekit oferă, de asemenea, compilarea Sass (cu Libass), injectarea stilului, revigorarea browser-ului, verificarea sintaxei, minificare, cârlige și multe altele doar cu un singur program! Dacă utilizați deja MAMP, dați Codekit un du-te și urmăriți-vă să accelerați fluxul de lucru.

Ce sfaturi aveți pentru dezvoltarea WordPress locală, spuneți-ne în comentarii!