Snelle tip gebruik CodeKit 2.0 voor lokale WordPress-ontwikkeling

Werken in een lokale omgeving (dat wil zeggen: direct op uw eigen computer) is een standaardbenadering bij het bouwen van WordPress-thema's en plug-ins. Het bespaart u van het verbreken van een live-site en versnelt het proces door aanvragen voor internet te beperken. Het heeft echter één nadeel; je hebt alleen toegang tot je lokale omgeving plaatselijk, op uw systeem. Gelijktijdig testen op andere apparaten en systemen die u mogelijk hebt, is moeilijk.

In dit korte artikel ga ik uitleggen hoe je Codekit 2.0 kunt gebruiken en je lokale ontwikkelingsworkflow kunt versnellen met stijlinjectie, browserverversing en apparaattest zonder een regel code aan te raken om in te stellen!

Lokale WordPress-ontwikkeling

Om aan de slag te gaan, moet je WordPress lokaal instellen. We hebben een aantal artikelen over Tuts + om u te helpen aan de slag te gaan MAMP (een lokale serveromgeving die bestaat uit Mac,EENPache, MySQL en PPK, Perl of Python):

• Hoe plaats je een Killer WordPress-testomgeving Lokaal?
• Skeleton to WordPress: opstaan ​​en hardlopen
  

Nadat MAMP is geïnstalleerd, moet het worden uitgevoerd. 

U zult ook de lokale URL moeten weten (vaak http: // localhost: 8888 standaard, maar u kunt deze Apache-poort definiëren in MAMP-voorkeuren). Zorg ervoor dat de lokale site correct werkt voordat u doorgaat.

Codekit-configuratie

Codekit heeft onlangs een belangrijke upgrade naar versie 2.0 gemaakt, die gelijktijdige browserverversing op meerdere apparaten biedt, plus stijlinjectie. In slechts een paar stappen kunt u Codekit instellen om te werken met uw lokale WordPress-instellingen.

Nadat uw lokale WordPress-installatie klaar is voor gebruik en u MAMP hebt gestart, voegt u uw thema toe als een project aan Codekit. U kunt dit doen door de map van het thema naar Codekit te slepen.

Externe serverinstellingen

Vervolgens moeten we Codekit laten weten waar onze lokale MAMP-server draait, dus laten we de "External Server" -instellingen bijwerken:

1. Klik op het tandwiel onder de naam van het project in Codekit.
2. Klik op de tweede optie met het label Browser verfrissend in de linkerzijbalk.
3. Blader omlaag naar de Externe server instellingen en draai Externe server vereist OP.
4. Werk het Extern serveradres met de lokale MAMP-URL van de WordPress-site (bijvoorbeeld http: // localhost: 8888 / your-local-site, of zoals in dit voorbeeld http://wptest.dev). Zorg ervoor dat u deze URL bezoekt om te garanderen dat deze juist is en goed werkt.

Als u de server wilt gebruiken, klikt u op de voorbeeldknop in de rechterbovenhoek van Codekit. Het opent uw browser met een unieke URL (http: //uw-computernaam.local: 5757). Je kunt nu handmatig die URL bezoeken op andere apparaten die zijn verbonden met je wifi-netwerk om verbinding te maken met de vernieuwende en stijlvolle injecties van Codekit's browser..

Wanneer u een bestand opslaat in uw code-editor, zal de browser worden vernieuwd, of als u het stijlblad bijwerkt, zal Codekit de nieuwe stijlwijzigingen injecteren.

Codekit biedt ook Sass-compileren (met Libass), stijlinjectie, browserverversing, syntaxiscontrole, minificatie, hooks en meer met slechts één programma! Als je MAMP al gebruikt, probeer Codekit dan en kijk hoe het je workflow versnelt.

Welke tips heb je voor lokale ontwikkeling van WordPress, laat het ons weten in de comments!