Hookr biedt twee super handige functies voor WordPress-ontwikkelaars. Ten eerste biedt de website een snelle, gemakkelijk te doorzoeken index van haken, klassen, API's, constanten, enz., Voor de WordPress-kern en een groeiend aantal populaire plug-ins en thema's. Ten tweede biedt Hookr nu een plug-in voor WordPress waarmee u de code kunt bekijken en uitvoeren die wordt uitgevoerd rond veel visuele delen van uw actieve site of administratief dashboard.
Zoals de site zegt, "het doel van Hookr is simpel - haal ontwerpers en ontwikkelaars de informatie die ze echt nodig hebben ... snel." En het doet dit goed. In deze zelfstudie laat ik je beide gebruiksscenario's van Hookr zien en laat je zien hoe de website en de plug-in je voordeel doen.
Hookr is gemaakt door Christopher Sanford in 2014. Toen WP Tavern vroeg wat hem motiveerde, antwoordde hij:
De meeste referentiesites bevatten alleen subsets met hooks (indien aanwezig) en tenzij de plug-in / het thema premium is, bevatten ze meestal weinig tot geen documentatie over hun API. Ik was moe van de ineffectieve zoekacties in mijn IDE. Dus op een dag nadat ik mijn productiviteit en gebrek aan bronnen had ondervraagd voor wat ik moest doen, begon ik de eerste parser / indexer te schrijven als slechts een lokaal geïnstalleerde plug-in.
Voordat je Google gaat gebruiken voor meer informatie, is het het beste om "WordPress" op te nemen bij het zoeken naar informatie over Hookr of je kunt vrij snel op een NSFW-site terechtkomen:
WP Tavern vroeg ook naar de mogelijk onaangename naam. Sanford dacht erover om het te veranderen, maar heeft uiteindelijk besloten om niet: "De markt is overstroomd, het is een kort, gedenkwaardig en gevestigd merk."
Hoewel ik niet zo zeker ben van de naam, is het product zeer nuttig voor WordPress-ontwikkelaars.
Voordat je begint, wil je meer van je ervaringen met Hookr delen, deel je gedachten in de reacties hieronder. Je kunt me ook rechtstreeks op Twitter @reifman bereiken.
De Hookr-website is in de eerste plaats een doorzoekbare index en coderingsreferentie naar de WordPress-kern, populaire plug-ins en thema's. Nieuwe plug-ins en thema's worden regelmatig toegevoegd op basis van verzoeken van gebruikers. U kiest uit de startpagina die u wilt verkennen. Je kunt ook de plug-in downloaden, die ik hieronder verder zal bekijken.
Tijdens het bladeren, laat Hookr je kiezen uit de vijf meest recente versies van wat je ook aan het verkennen bent. Dus, als u niet bent bijgewerkt naar de nieuwste versie van WordPress of Contactformulier 7, kunt u nog steeds relevante referentie-informatie voor uw codebase verkennen.
Zodra u begint met het verkennen van de kern van WordPress, biedt Hookr negen manieren om uw weergave te filteren.
U kunt naar alles (Alle) kijken of filteren op een van de volgende opties:
Hookr biedt snel oneindig scrollen, zodat je tijdens het navigeren door een pagina de rolodex-navigatie aan de bovenkant bijhoudt. Dit is wat acties eruit zien als je eenmaal naar beneden scrolt naar P:
Je kunt ook de zoekbewerking in de rechterbovenhoek gebruiken, "de dingen filteren", om een specifiek genoemd element te vinden.
Hier is een voorbeeld van functies:
Wanneer u op de elementen klikt, zien ze er enigszins anders uit op basis van hun type. Hier is de commentaartekst functiebeschrijving, parameters en gebruiksvoorbeelden:
Hookr laat ook zien waar code of objecten worden gedefinieerd met gerelateerde callbacks:
U kunt beginnen te zien hoe nuttig Hookr kan zijn als u fouten opspoort of codeert.
Een andere leuke functie is dat standaardcodeblokken beschikbaar zijn voor elke actie, filter, functie en constante voor eigen gebruik. Hookr bevat zelfs een Kopiëren knop:
Je kunt ook bladeren in de lijst met populaire, door gebruikers gevraagde plug-ins uit deze lijst. Dit is wat de Contactformulier 7 Constanten voor versie 4.3.1 lijkt op:
Hier is een voorbeeld van de WooCommerce plugin-klasse WC_Cart codedefinitie, versie 2.49:
Hookr vult de leemte op voor het gebrek aan documentatie die niet is voorzien van veel van de meer gangbare plug-ins.
Met Hookr kun je ook bladeren door thema's uit deze lijst. Hier zijn alle gedocumenteerde gebieden van de BizWay Responsive Theme, versie 1.0:
Nu u bekend bent met het aanbod van Hookr-websites, vraagt u waarschijnlijk om meer. Laten we verder gaan met de Hookr WordPress Plugin.
De Hookr WordPress plug-in volgt alle gebruikte WP-hooks en hun gekoppelde functies, toont je en geeft je toegang tot de code doorbladerbaar:
Scheur je je haar uit omdat die functie niet vuurt, ook al heb je het verslaafd? Wilt u het ding vinden dat uw wijzigingen onderdrukt? Wil je weten waarom dat ding doet wat het doet? Ooit afgevraagd welke mysteries buiten de WordPress-interface liggen?
Hier is wat Hookr doet op uw publiekelijk gerichte WordPress-website, of waarschijnlijker, uw lokale ontwikkelingssite. Tijdens het bladeren plaatst Hookr visuele indicatoren om het gebruik van acties en filters door het WordPress-framework te benadrukken:
Ze zijn doorzoekbaar, zodat u er in kunt boren voor meer informatie. Ik wou dat ik dit gedurende mijn eerdere carrière had gehad voor talloze onafhankelijke webapplicaties.
Hieronder klik ik op de kogels naast mijn 04 Categorie sociale media header en je kunt zien hoe WordPress begint te werken met mijn thema om de voorpagina samen te stellen:
U kunt ook op een van de bovenstaande filters klikken:
De Hookr-plug-in biedt uitgebreide informatie over bijna alles. Hier is het eerste detail voor de post:
En een meer gedetailleerde weergave:
De Hookr-plug-in bevat ook een ingebouwde zoekfunctie, die een supersnelle markering biedt van alleen de coderingreferenties die u in één keer wilt zien:
Alle dingen die je Hookr hierboven zag, doen het ook in je Dashboard. Dit kan handig zijn voor het ontwikkelen van de administratieve functies en instellingen van plug-ins en thema's:
Met de instellingen van Hookr-plug-ins kunt u de activiteit beperken tot specifieke gebieden die u op verschillende manieren kiest:
Dezelfde instellingen zijn beschikbaar voor het beheerdersdashboard van WordPress. En u kunt de Hookr-activiteit op het openbare of dashboardgedeelte op elk gewenst moment uitschakelen.
Ik hoop dat je hebt geleerd over de nuttige bronnen die Hookr biedt om het tempo van je WordPress-ontwikkeling te verbeteren. Als je dit nog niet hebt gedaan, verken dan de site en probeer de Hookr-plugin uit.
Hookr's Sanford zegt dat hij de verzoeken van gebruikers waardeert en van plan is om het product te blijven verbeteren en aanvullende tools vrij te geven naarmate de feedback groeit. Is jouw thema er niet? Stuur hem een briefje!
Deel alstublieft uw mening met ons over Hookr in de comments. Je kunt me ook rechtstreeks bereiken via Twitter @reifman. En, zorg ervoor dat je op de instructeurspagina van Envato Tuts + bladert om een aantal van mijn andere tutorials te bekijken.