Jak pomóc w debugowaniu wtyczek WordPress

Deweloperzy JoomUnited zawsze pracują tak, aby Twoje wtyczki działały w najbardziej optymalny sposób, oczywiście w niektórych przypadkach może wystąpić jakiś rodzaj awarii, na przykład niekompatybilność generowana przez wtyczkę trzecią i czego chcemy, gdy występują tego typu awarie? Oczywiście, są one szybko rozwiązywane...    

W tym poście nauczymy Cię, jak przekazać odpowiednie informacje programiście, aby mógł szybko zrozumieć i rozwiązać błąd. Ten post zostanie podzielony na 3 kroki, które będziemy śledzić, aby dostarczyć właściwe informacje programiście, gdy wystąpi problem:

• Włącz dziennik debugowania
• Zainstaluj wtyczkę do rozwiązywania problemów
• Sprawdź błędy javascript

Włącz system debugowania i logowania WordPress

Przede wszystkim musimy wiedzieć, co to jest WP_DEBUG; Jak możemy zobaczyć na Wikipedii, „WP_DEBUG to stała PHP (stała zmienna globalna), której można użyć do uruchomienia trybu „debugowania” w całym WordPress. Domyślnie przyjmuje się, że ma wartość fałsz i zwykle ustawia się ją na true w pliku wp-config.php na kopiach rozwojowych WordPress.”

Jak widzimy WP_DEBUG jest stałą, która domyślnie jest wyłączona, ale możemy ją włączyć na potrzeby tymczasowego debugowania.

Ponadto istnieje inna stała PHP o nazwie WP_DEBUG_LOG, która pomoże nam automatycznie utworzyć plik tekstowy ze wszystkimi błędami twoich wtyczek, i to jest to, co prześlemy do deweloperów.

Nauczymy Cię, jak dokładnie możemy to włączyć i jak to będzie wyglądać, jeśli wystąpi błąd z Twoim wtyczką, WP Meta SEO posłuży jako przykład, ale możesz wykonać te same kroki dla wszystkich naszych wtyczek. W tym przypadku mamy problem z WP Meta SEO, może to być dowolny problem, więc to, co zamierzamy zrobić, to otworzyć wp-config.php plik, który można edytować za pomocą preferowanego oprogramowania do edycji tekstu, takiego jak Notepad, Visual Studio Code, Brackets, na przykład, po prostu otwórz wp-config.php

Plik znajduje się w katalogu głównym Twojego serwera, gdzie jest zainstalowana Twoja strona WordPress.

Otwórz to w edytorze tekstu, a następnie naciśnij CTRL + F lub kliknij na Edycja > Znajdź… będziesz mógł zobaczyć pole, w którym możesz wpisać słowo, które chcesz znaleźć, w tym przypadku będziemy wpisywać “WP_DEBUG” i kliknij na Enter, aż znajdziesz:
“define( 'WP_DEBUG', false )”

Teraz, gdy jesteśmy na tej linii, usuń “false” i wpisz true, kliknij na Enter, a w następnej linii skopiuj define( 'WP_DEBUG_LOG', true ); i zapisz plik, powinien wyglądać jak na następnym obrazku.

Jeśli te dwie linie zostaną zmienione, plik o nazwie “debug.php” pojawi się w /wp-content/

I gotowe… ukończyliśmy pierwszy krok, to jeden z plików, których nasi programiści będą potrzebować, aby przyspieszyć proces rozwiązywania Twojego problemu. Wszystkie błędy będą monitorowane i zapisywane w tym właśnie pliku tekstowym.

Zainstaluj wtyczkę do rozwiązywania problemów WordPress

Wtyczka Health Check & Troubleshooting to wtyczka, która pozwala na przeprowadzenie testu konfliktu bez wpływu na normalnych odwiedzających Twoją stronę, jest naprawdę łatwa w użyciu i instalacji, nadal będziemy używać WP Meta SEO jako przykład. Postępuj zgodnie z tymi krokami, aby zainstalować i przeprowadzić test konfliktu z Health Check & Troubleshooting:

• Zaloguj się do swojej strony Wordpress, znajdziesz się na pulpicie swojej strony
• Kliknij na „Wtyczki” po lewej stronie strony
• Kliknij na „Dodaj nowy”
• Wpisz „Health Check & Troubleshooting” w pasku wyszukiwania, jak pokazano poniżej

• Kliknij na „Zainstaluj teraz”, lista wtyczek zostanie automatycznie załadowana, poszukaj odpowiedniej i kliknij na „Zainstaluj teraz”, a następnie na „Aktywuj”

• Kliknij na „Stan witryny”, w lewym menu znajduje się sekcja „Narzędzia”. Kliknij na nią, a następnie na „Stan witryny”

• Kliknij na zakładkę „Rozwiązywanie problemów”, przeczytaj informacje ostrzegawcze, a następnie kliknij „Wejdź w tryb rozwiązywania problemów” 

Tryb rozwiązywania problemów automatycznie wyłącza wszystkie wtyczki i przełącza na domyślny motyw. Tryb rozwiązywania problemów nie wpływa na normalnych odwiedzających Twoją witrynę.  

• Odtwórz problem, którego doświadczałeś

W domyślnym środowisku bez aktywnych wtyczek i domyślnego motywu, jeśli problem wystąpi, oznacza to, że nasza wtyczka nie powoduje nieoczekiwanego zachowania.

• Kliknij „Wtyczki” > „Zainstalowane wtyczki”

  Menu „Wtyczki” rozwinie się, oferując dodatkowe opcje. Kliknij na „Zainstalowane wtyczki”

• Kliknij „Włącz podczas rozwiązywania problemów” obok WP Meta SEO

• Odtwórz problem, którego doświadczałeś tylko z WP Meta SEO aktywnym i domyślnym motywem, jeśli problem wystąpi, oznacza to, że został on spowodowany przez naszą wtyczkę.

To w pewien sposób dobra wiadomość, ponieważ już zidentyfikowałeś jedną część problemu. Teraz wymaga to od dewelopera zalogowania się na Twojej stronie internetowej i naprawienia problemu przed wydaniem nowej wersji! Jeśli nie, powtórz kroki, aby aktywować następną wyłączoną wtyczkę, z którą możesz odtworzyć błąd.

Wyszukiwanie i debugowanie błędów JavaScript w wtyczkach WordPress

Będziemy szukać błędów JavaScript w konsoli Chrome lub Firefox, w zależności od przeglądarki, jej nazwa może się nieznacznie różnić, ale zgodnie z Chrome i FireFox będziemy nazywać to „Konsolą”. Aby otworzyć konsolę, wystarczy wykonać te kroki:  

• Kliknij prawym przyciskiem myszy na inspekcję, na froncie w dowolnej części strony

• Wybierz konsolę, otworzy to narzędzia programistyczne po prawej stronie strony, kliknij na „Konsola”

Sprawdź błędy, z otwartą konsolą, odtwórz błąd, którego się spodziewałeś i spójrz na konsolę, błędy są czerwonymi tekstami, które opisują gdzie znajduje się konflikt javascript

Jeśli znalazłeś błąd JavaScript, proszę zrób zrzut ekranu rozszerzonej wersji błędu, aby dołączyć go do twojego biletu/postu.

Wyślij / Udostępnij Zgłoszenie Problemu

Teraz, gdy masz wszystkie te informacje, pomożesz programiście przyspieszyć proces, po prostu przejdź do wszystkich informacji, które zebrałeś i dodaj je do twojego biletu/postu, przypomnijmy sobie, elementy to:  

• debug.log
• Notatka z wtyczkami, które powodują konflikty
• Zrzut ekranu konsoli javascript z błędem

Jeśli wykonasz te kroki i prześlesz nam odpowiednie informacje, programista będzie mógł wykonać szybsze debugowanie i z góry dziękujemy :)    

Utwórz i Udostępnij Nowe Konto Użytkownika WordPress do Celów Pomocy

Utworzenie nowego użytkownika admina jest czasem jednym z szybkich sposobów pokazania zespołowi wsparcia, na czym polega twój problem. Przed rozpoczęciem tego procesu, szybkie przypomnienie, że:

• Nie przechowujemy starych danych uwierzytelniających po rozwiązaniu problemu (ze względów bezpieczeństwa)
• Zalecamy usunięcie kont administratora utworzonych do celów pomocy
• Wszystkie informacje udostępnione naszemu zespołowi są zabezpieczone i pozostaną prywatne

Aby utworzyć nowego użytkownika, najpierw zaloguj się do swojej witryny administracyjnej. Po zalogowaniu się pomyślnie, znajdziesz się na pulpicie Wordpress.

Następnie przejdź do lewego Menu > Użytkownicy.

Następnie przejdź do górnego ekranu, kliknij na Dodaj nowy przycisk lub przejdź do Dodaj nowy przycisku w lewym Menu.

Następnie, Dodaj nowego użytkownika formularz pojawi się na Twoim ekranie. Są 2 pola wymagane do wypełnienia informacji: Nazwa użytkownika, Email.

W Hasło pole, możesz użyć generatora losowych haseł lub ustawić własne. Możesz również zaznaczyć opcję Wyślij powiadomienie użytkownikowi jeśli chcesz wysłać nowemu użytkownikowi e-mail o jego koncie.

Następnie, wybierz rolę dla użytkownika z pola rozwijanego. Jest to ważny krok, aby ustawić uprawnienia dla użytkowników na Twojej stronie. "Administrator" jest najwyższym poziomem i daje użytkownikowi dostęp do wszystkich funkcji Twojej witryny. Możesz ustawić inne role, jeśli chcesz ograniczyć dostęp użytkownika.

Wreszcie, kliknij na Dodaj nowego użytkownika przycisk na dole. To już wszystko, powodzenia!