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 bericht leren we je hoe je de ontwikkelaar de juiste informatie geeft, zodat hij de fout snel kan begrijpen en oplossen. Dit bericht wordt opgesplitst in 3 stappen die we gaan volgen om de juiste informatie aan een ontwikkelaar te geven wanneer zich een probleem voordoet:

• Schakel het foutopsporingslogboek in
• Installeer de plug-in voor probleemoplossing
• Controleer op JavaScript-fouten

Schakel het WordPress Debug- en Logsysteem in

Allereerst moeten we weten wat WP_DEBUG is; Zoals we in Wikipedia kunnen zien, WP_DEBUG een PHP constante (een permanente globale variabele) die kan worden gebruikt om de "debug"-modus in WordPress te activeren. Het wordt standaard verondersteld onwaar te zijn en wordt meestal ingesteld op waar in het bestand wp-config.php op ontwikkelkopieën van WordPress.

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

Daarnaast is er nog een PHP-constante genaamd WP_DEBUG_LOG die ons zal helpen om automatisch een tekstbestand te maken met alle fouten van je plug-ins en dat is wat we naar de ontwikkelaars gaan sturen.

We gaan je leren hoe we het precies kunnen inschakelen en hoe het eruit zal zien als er een fout is met je plug-in, WP Meta SEO zal voor dit voorbeeld worden gebruikt, maar je kunt dezelfde stappen volgen voor al onze plug-ins. In dit geval hebben we een probleem met WP Meta SEO , het kan elk probleem zijn, dus wat we gaan doen is het bestand wp-config.php openen . Dit kan worden gedaan met uw favoriete teksteditorsoftware, met het Kladblok, Visual Studio Code, haakjes bijvoorbeeld, ga gewoon en open wp-config.php .

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

Open het met de teksteditor en druk vervolgens op CTRL + F of klik op Bewerken> Zoeken ... je zult een vak zien waarin je het woord kunt typen dat je gaat vinden, in dit geval gaan we typen " WP_DEBUG” en klik op Enter totdat u vindt:
“define('WP_DEBUG', false )”

Nu we op die regel zijn, verwijdert u de “false” en typt u true, klikt u op Enter en kopieert u in de volgende regel definitie( 'WP_DEBUG_LOG', true ); en sla het bestand op, het zou eruit moeten zien als de volgende afbeelding.

Als deze twee regels worden gewijzigd, zal een bestand met de naam “debug.php” verschijnen op /wp-content/

En klaar... we hebben de eerste stap voltooid, dat is een van de bestanden die onze ontwikkelaars nodig hebben om het proces van het oplossen van uw probleem te versnellen. Alle fouten worden gecontroleerd en in dit tekstbestand geschreven.

Installeer de plug-in voor probleemoplossing voor WordPress

De plug-in Health Check & Troubleshooting is een plug-in waarmee u een conflictcontrole kunt uitvoeren zonder de normale bezoekers van uw site te beïnvloeden, het is heel gemakkelijk te gebruiken en te installeren, we gaan nog steeds WP Meta SEO voor dit voorbeeld. Volg deze stappen om een ​​conflictcontrole te installeren en uit te voeren met Gezondheidscontrole en probleemoplossing:

• Log in op uw Wordpress-site, u komt op het dashboard van uw site
• Klik op “Plug-ins” in het linkergedeelte van uw pagina
• Klik op “Nieuw toevoegen”
• Typ 'Health Check & Problemen oplossen' in de zoekbalk, zoals hieronder weergegeven

• Klik op "Nu installeren" , De lijst met plug-ins wordt automatisch opgeladen, zoek naar rechts en klik op "Nu installeren" en vervolgens op "Activeren"

• Klik op "Site Health" , In het linkermenu is een sectie genaamd "Extra" Klik erop en vervolgens op "Site Health"

• Klik op het "Problemen oplossen" , lees de waarschuwingsinformatie en klik op "Enter troubleshooting Mode" 

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

• Reproduceer het probleem dat u ondervond

Als het probleem zich voordoet in de standaardomgeving zonder actieve plug-ins en met een standaardthema, betekent dit dat onze plug-in het onverwachte gedrag niet veroorzaakt.

• Klik op "Plug-ins" > "Geïnstalleerde plug-ins"

  Het menu “Plug-ins” wordt uitgebreid en biedt u extra opties. Klik op “Geïnstalleerde plug-ins”

• Klik "Inschakelen tijdens probleemoplossing" naast WP Meta SEO

• Reproduceer het probleem dat u ondervond met alleen WP Meta SEO actief en een standaardthema. Als het probleem zich voordoet, wordt het probleem veroorzaakt door onze plug-in.

Dit is in zekere zin goed nieuws, omdat je een deel van het probleem al hebt geïdentificeerd. Nu moet de ontwikkelaar inloggen op uw website en het probleem oplossen voordat we een nieuwe versie uitbrengen! Als dit niet het geval is, herhaalt u de stappen om de volgende uitgeschakelde plug-in te activeren waarmee u de fout kunt reproduceren.

Javascript-fouten in WordPress-plug-ins controleren en debuggen

We gaan zoeken naar Javascript-fouten met de Chrome- of Firefox-console. Afhankelijk van uw browser is de naam enigszins anders, maar na Chrome en FireFox noemen we dit de “Console”. Volg deze stappen om de console te openen:  

• Klik met de rechtermuisknop op inspecteren, op de frontend in een willekeurig deel van de site

• Selecteer console . Het opent de ontwikkelaarstools aan de rechterkant van de pagina, klik op "Console"

Controleer op fouten , reproduceer met de console open de fout die u verwachtte en kijk op de console, de fouten zijn rode teksten die 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.

Verzend / deel uw probleemrapportage

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 met de plug-ins die conflicten veroorzaken
• Een opname van de JavaScript-console met de fout

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

Maak en deel een nieuw WordPress-gebruikersaccount 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 slaan geen oude inloggegevens op nadat het probleem is opgelost (om veiligheidsredenen)
• We raden aan om beheerdersaccounts te verwijderen die voor ondersteuningsdoeleinden zijn gemaakt
• Alle informatie die met ons team wordt gedeeld, is beveiligd en blijft privé

Om een ​​nieuwe gebruiker aan te maken, logt u eerst in op uw beheerderssite. Nadat u succesvol bent ingelogd, bevindt u zich in het WordPress-dashboard.

Ga dan naar het linkermenu > Gebruikers .

Navigeer daarna naar het bovenste scherm, klik op de knop Nieuw toevoegen of ga naar de knop Nieuw toevoegen in het linkermenu.

Vervolgens verschijnt het formulier Nieuwe gebruiker toevoegen Er zijn 2 velden vereist om de informatie in te vullen: Gebruikersnaam, E-mailadres .

Bij het veld Wachtwoord kunt u een willekeurige wachtwoordgenerator gebruiken of uw eigen wachtwoord instellen. En u kunt de optie Gebruikersmelding verzenden aanvinken als u een nieuwe gebruiker een e-mail over hun account wilt sturen.

Daarna kiest u in de vervolgkeuzelijst een Rol voor gebruiker. Dit is een belangrijke stap om de toestemming voor gebruikers op uw site in te stellen. "Beheerder" is het hoogste niveau en geeft de gebruiker toegang tot alle functies van uw website. U kunt andere rollen instellen als u uw gebruikerstoegang wilt beperken.

Klik ten slotte onderaan op de knop Nieuwe gebruiker toevoegen Het is al gelukt, succes!