Share
In het vorige deel van de serie hebben we een WordPress-ontwikkelomgeving opgezet en alle noodzakelijke plug-ins geïnstalleerd die nodig zijn om ons te helpen bij onze thema-ontwikkelingsinspanningen.
Bovendien hebben we bewerkt wp-config.php het inschakelen van de debug-modus in de WordPress-kern. Met dat gedaan, is het belangrijk om de juiste tools te hebben om ons te helpen bij het werken aan ons project, op fouten te controleren en ervoor te zorgen dat we ons aan de coderingsstandaarden van WordPress houden.
Ga in dit deel naar de volgende foutopsporingsplug-ins en de belangrijke rol die deze hebben in de ontwikkeling van WordPress-thema's:
Debug Bar is een plug-in die een foutopsporingsmenu toevoegt op de beheerbalk in het WordPress-dashboard. Wanneer u op het foutopsporingsmenu klikt, kunt u query's, caching en andere relevante foutopsporingsinformatie bekijken.
Deze specifieke plug-in fungeert als de belangrijkste basis voor foutopsporing met verschillende andere add-ons die verschillende aspecten behandelen.
Nadat u de belangrijkste Debug Bar-plug-in hebt geïnstalleerd, moet u de Debug Bar Console installeren om PHP en MySQL in het WordPress-dashboard te bewerken. Hoewel het recentelijk niet is bijgewerkt, heeft de laatste versie syntax highlighting toegevoegd met behulp van de teksteditor Code Mirror, expliciete PHP- en MySQL-modi en de UI-wijzigingen om de bijgewerkte Debug Bar-gebruikersinterface weer te geven.
In de onderstaande schermafbeelding heb ik gekopieerd index.php code uit het Twenty Fourteen WordPress-thema, toegevoegd aan de console, klikte op uitvoeren om te testen en de uitvoer te zien. .
Cron kan echt verwarrend zijn, dit is een nuttige toevoeging aan de plug-in voor de foutopsporingsbalk. Het toont belangrijke informatie over geplande gebeurtenissen in WordPress, zoals;
In de onderstaande schermafbeelding zien we het totale aantal gebeurtenissen in mijn ontwikkelomgeving, tijd voor het volgende evenement en als ik cron heb, in dit geval "Nee".
Net zoals de naam van de plug-in suggereert, voegt deze bepaalde add-on twee tabbladen toe aan de hoofd-plug-in voor Debug Bar. Eén tabblad toont de lijst met actiehaken en de andere lijst met filterhaken. Op het actietabblad wordt de lijst met alle acties weergegeven die zijn gekoppeld aan het huidige verzoek.
Terwijl het filtertabblad de filtertags samen met de bijbehorende functies weergeeft. U kunt meer informatie vinden over hoe actie en filters hier werken.
Bij het toevoegen van een script of stijl in WordPress moeten we gebruiken wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer) en wp_enqueue_style ($ handle, $ src, $ deps, $ ver, $ media) . Het grootste probleem hiermee is te kunnen zien welke er is en in welke volgorde ze worden geladen. Met deze specifieke add-on worden alle afhankelijkheden weergegeven.
Verschillende scripts worden geladen voor de front-endpagina's van de site en back-end in dit geval het WordPress-dashboard. Om scripts te bekijken die worden geladen op de front-end, ga naar de front-end en klik op de beheerbalk op Debug en bekijk vervolgens Script- en stijlafhankelijkheden
Ga vervolgens naar het back-end, klik op de beheerbalk op Foutopsporing in de beheerbalk en bekijk vervolgens Script- en stijlafhankelijkheden.
De front-end en back-end laden verschillende scripts en stijlen. Bovendien kunnen verschillende pagina's aan de front-end en back-end verschillende scripts en stijlen laden.
Dit is een add-on voor de plug-in voor de foutopsporingsbalk die gedetailleerde informatie weergeeft over de geregistreerde berichttypen die in uw project zijn aangetroffen.
De verschillende kolommen geven informatie over verschillende eigenschappen van het berichttype
Accentsconagua
nav_menu_item geassocieerd met post enzWe hebben een aantal debugging-plug-ins doorlopen die nodig zijn voor een WordPress-project. De belangrijkste plug-in is de Debug Bar-plug-in waarbij de rest als invoegtoepassingen wordt toegevoegd om de verschillende rollen van de plug-in uit te breiden.
Sommige van deze plug-ins waren niet vermeld in de ontwikkelaar-plug-in die we in het inleidende deel van de serie hebben geïnstalleerd, daarom raad ik aan om de plugin-repository te bezoeken en ze toe te voegen aan uw WordPress-installatie.
In het volgende deel van de serie zullen we vooral kijken naar het bijhouden van de verschillende logs van uw WordPress-project, het schakelen tussen gebruikers, het inspecteren van herschrijfregels en eenvoudige hulpmiddelen zoals de RTL-tester, VIP-scanner, Query Monitor en zo op.
In de tussentijd kun je hieronder een opmerking of vraag achterlaten.
