Hoe u kunt helpen met het debuggen van WordPress-plug-ins

De ontwikkelaars van JoomUnited werken er altijd aan om uw plug-ins zo optimaal mogelijk te laten werken. Natuurlijk kan er in sommige gevallen een soort storing optreden, bijvoorbeeld een incompatibiliteit die wordt gegenereerd vanwege een derde plug-in en wat willen we als dit soort plug-ins worden gebruikt? van de mislukkingen gebeuren? Uiteraard worden ze snel opgelost...    

In dit artikel leggen we uit hoe je de juiste informatie aan de ontwikkelaar kunt geven, zodat hij de fout snel kan begrijpen en oplossen. Dit artikel is opgedeeld in 3 stappen die we zullen volgen om de juiste informatie aan een ontwikkelaar te verstrekken wanneer er een probleem optreedt:

• Debuglogboek inschakelen
• Installeer de plugin voor probleemoplossing.
• Controleer op JavaScript-fouten

Schakel het WordPress-debug- en logsysteem in.

Allereerst moeten we weten wat WP_DEBUG is. Zoals we op Wikipedia kunnen lezen: " WP_DEBUG is een PHP- constante (een permanente globale variabele) die kan worden gebruikt om de 'debug'-modus in WordPress te activeren. Deze wordt standaard als 'false' beschouwd en wordt meestal op 'true' gezet in het wp-config.php-bestand op ontwikkelomgevingen van WordPress."

Zoals we kunnen zien, WP_DEBUG een constante die standaard is uitgeschakeld , maar we kunnen deze tijdelijk inschakelen voor debugdoeleinden.

Daarnaast is er nog een PHP-constante genaamd WP_DEBUG_LOG die ons helpt om automatisch een tekstbestand aan te maken met alle fouten van uw plugins. Dit bestand sturen we vervolgens naar de ontwikkelaars.

We gaan je precies laten zien hoe je het inschakelt en hoe het eruitziet als er een fout optreedt met je plugin. We gebruiken WP Meta SEO WP Meta SEO wp-config.php openen. Dit kan met je favoriete tekstverwerker, zoals Kladblok, Visual Studio Code of Brackets. Open gewoon wp-config.php .

Het bestand bevindt zich in de hoofdmap van uw server, waar uw WordPress-website is geïnstalleerd.

Open het bestand met een teksteditor en druk vervolgens op CTRL + F of klik op Bewerken > Zoeken… Er verschijnt een zoekvak waarin je het woord kunt typen waarnaar je zoekt. In dit geval typen we “WP_DEBUG”
“define( 'WP_DEBUG', false )” vindt.

Nu we op die regel zijn, verwijder je "false" en typ je "true", druk je op Enter en kopieer je in de volgende regel define( 'WP_DEBUG_LOG', true ); en sla je het bestand op. Het zou er als volgt uit moeten zien, zoals in de volgende afbeelding.

Als deze twee regels worden gewijzigd, verschijnt er een bestand met de naam "debug.php" in de map /wp-content/.

En klaar… we hebben de eerste stap voltooid. Dit is een van de bestanden die onze ontwikkelaars nodig hebben om het oplossen van uw probleem te versnellen. Alle fouten worden bijgehouden en in dit tekstbestand vastgelegd.

Installeer de WordPress-plugin voor probleemoplossing.

De Health Check & Troubleshooting-plugin stelt je in staat om een ​​conflictcontrole uit te voeren zonder dat dit de normale bezoekers van je website beïnvloedt. De plugin is zeer eenvoudig te gebruiken en te installeren. We gebruiken WP Meta SEO als voorbeeld. Volg deze stappen om Health Check & Troubleshooting te installeren en een conflictcontrole uit te voeren:

• Log in op je WordPress-site; je komt dan terecht op het dashboard van je site.
• Klik op 'Plugins' in het linkerdeel van uw pagina.
• Klik op 'Nieuw toevoegen'.
• Typ 'Gezondheidscontrole en probleemoplossing' in de zoekbalk, zoals hieronder weergegeven.

• Klik op "Nu installeren" . De lijst met plug-ins wordt automatisch geladen. Zoek de juiste plug-in, klik op "Nu installeren" en vervolgens op "Activeren".

• Klik op "Websitestatus" . In het menu aan de linkerkant vindt u een sectie genaamd "Tools". Klik daarop en vervolgens op "Websitestatus".

• Klik op het 'Probleemoplossing' , lees de waarschuwingen en klik op 'Probleemoplossingsmodus openen'. 

De probleemoplossingsmodus schakelt automatisch alle plug-ins uit en schakelt over naar een standaardthema. De probleemoplossingsmodus heeft geen invloed op normale bezoekers van uw website.  

• Reproduceer het probleem dat u ondervond.

in de standaardomgeving zonder actieve plugins en met een standaardthema, betekent dit dat onze plugin niet de oorzaak is van het onverwachte gedrag.

• Klik op “Plugins” > “Geïnstalleerde plugins”

  Het menu 'Plugins' wordt uitgevouwen en biedt u extra opties. Klik op 'Geïnstalleerde plugins'.

• Klik op 'Inschakelen tijdens het oplossen van problemen' naast WP Meta SEO

• Probeer het probleem dat u ondervond te reproduceren met alleen WP Meta SEO actief en een standaardthema. Als het probleem zich dan voordoet, wordt het veroorzaakt door onze plugin.

Dit is in zekere zin goed nieuws, omdat je al een deel van het probleem hebt geïdentificeerd. Nu moet de ontwikkelaar inloggen op je website en het probleem oplossen voordat we een nieuwe versie uitbrengen! Zo niet, herhaal dan de stappen om de volgende uitgeschakelde plugin te activeren waarbij je de fout kunt reproduceren.

JavaScript-fouten in WordPress-plugins controleren en debuggen

We gaan JavaScript-fouten opsporen met behulp van de Chrome- of Firefox-console. De naam van de console verschilt per browser, maar in Chrome en Firefox noemen we het de "Console". Volg deze stappen om de console te openen:  

• Klik met de rechtermuisknop op 'Inspecteren' op de frontend van de website, waar dan ook.

• Selecteer 'Console '. De ontwikkelaarstools worden aan de rechterkant van de pagina geopend. Klik vervolgens op 'Console'.

Controleer op fouten : open de console, reproduceer de fout die je verwachtte en kijk in de console. De fouten worden in het rood weergegeven en beschrijven waar het JavaScript-conflict zich bevindt.

Als je een JavaScript-fout hebt gevonden, maak dan een screenshot van de uitgebreide versie van de fout om deze op te nemen in je ticket/post.

Meld uw probleem via e-mail of deel het.

Nu je al deze informatie hebt, help je de ontwikkelaar om het proces te versnellen. Ga gewoon naar alle informatie die je hebt verzameld en zet deze op je ticket/post. Laten we niet vergeten dat de items zijn:  

• debug.log
• Let op de plugins die conflicten veroorzaken.
• Een schermafbeelding van de JavaScript-console met de foutmelding.

Als u deze stappen volgt en ons de juiste informatie stuurt, kan de ontwikkelaar sneller debuggen en daarvoor danken wij u bij voorbaat hartelijk :)    

Een nieuw WordPress-gebruikersaccount aanmaken en delen voor ondersteuningsdoeleinden.

Het aanmaken van een nieuwe beheerdergebruiker is soms een snelle manier om aan het ondersteuningsteam te laten zien waar uw probleem over gaat. Voordat u met dat proces begint, een korte herinnering:

• We bewaren oude inloggegevens niet meer nadat het probleem is opgelost (om veiligheidsredenen).
• We raden aan om de beheerdersaccounts die voor ondersteuningsdoeleinden zijn aangemaakt, te verwijderen.
• Alle informatie die met ons team wordt gedeeld, is beveiligd en blijft privé

Om een ​​nieuwe gebruiker aan te maken, moet u eerst inloggen op uw beheerderssite. Na een succesvolle login bevindt u zich in het WordPress-dashboard.

Ga vervolgens naar het menu aan de linkerkant > Gebruikers .

Ga vervolgens terug naar het hoofdscherm en klik op de 'Nieuw toevoegen' of ga naar de 'Nieuw toevoegen ' in het menu aan de linkerkant.

Vervolgens verschijnt het formulier ' Nieuwe gebruiker toevoegen gebruikersnaam en e-mailadres .

Bij het wachtwoordveld kunt u een willekeurige wachtwoordgenerator gebruiken of zelf een wachtwoord instellen. U kunt 'Gebruikersmelding verzenden' als u een e-mail wilt ontvangen over het account van een nieuwe gebruiker.

Vervolgens kies je een rol voor de gebruiker in het keuzemenu. Dit is een belangrijke stap om de machtigingen voor gebruikers op je site in te stellen. "Beheerder" is het hoogste niveau en geeft de gebruiker toegang tot alle functies van je website. Je kunt andere rollen instellen als je de toegang van je gebruikers wilt beperken.

Klik ten slotte op Nieuwe gebruiker toevoegen ' onderaan. Het is al gedaan, veel succes!