Im vorherigen Teil der Serie haben wir eine WordPress-Entwicklungsumgebung eingerichtet und alle erforderlichen Plugins installiert, um uns bei der Entwicklung des Themas zu unterstützen.
Außerdem haben wir bearbeitet wp-config.php
Aktivieren des Debug-Modus im WordPress-Kern. Wenn dies erledigt ist, ist es wichtig, über die richtigen Tools zu verfügen, die uns bei der Arbeit an unserem Projekt unterstützen, auf Fehler prüfen und sicherstellen, dass wir die Codierungsstandards von WordPress einhalten.
In diesem Teil werfen wir einen Blick auf die folgenden Debugging-Plug-Ins und ihre bedeutende Rolle bei der WordPress-Theme-Entwicklung:
Debug-Leiste ist ein Plugin, das ein Debug-Menü in der Admin-Leiste des WordPress-Dashboards hinzufügt. Wenn Sie auf das Debug-Menü klicken, können Sie Abfrage, Zwischenspeicherung und andere relevante Debugging-Informationen anzeigen.
Dieses spezielle Plugin dient als Hauptbasis für das Debugging mit mehreren anderen Add-Ons, die sich mit unterschiedlichen Aspekten befassen.
Nachdem Sie das Haupt-Plug-In für die Debug-Bar installiert haben, müssen Sie die Debug-Bar-Konsole installieren, um PHP und MySQL im WordPress-Dashboard bearbeiten zu können. Auch wenn es nicht vor kurzem aktualisiert wurde, fügte die neueste Version die Syntaxhervorhebung mit dem Texteditor Code Mirror, expliziten PHP- und MySQL-Modi hinzu, und die Benutzeroberfläche wurde entsprechend der aktualisierten Benutzeroberfläche der Debug-Leiste geändert
In der Abbildung unten habe ich kopiert index.php
Code aus dem Twenty Fourteen WordPress-Design hinzugefügt, der Konsole hinzugefügt, auf Ausführen geklickt, um die Ausgabe zu testen und anzuzeigen. .
Cron kann wirklich verwirrend sein. Dies ist ein nützliches Add-On für das Debug Bar-Plugin. Es zeigt wichtige Informationen zu geplanten WordPress-Ereignissen an, wie z.
In der Abbildung unten sehen Sie die Gesamtzahl der Ereignisse, die in meiner Entwicklungsumgebung ausgeführt werden, die Zeit für das nächste Ereignis. Wenn ich cron ausgeführt habe, ist dies "Nein"..
Genau wie der Name des Plugins vorschlägt, fügt dieses spezielle Addon dem Haupt-Debug Bar-Plugin zwei Registerkarten hinzu. Eine Registerkarte zeigt die Liste der Aktions-Hooks und die andere Liste der Filter-Hooks an. Auf der Aktionsregisterkarte wird die Liste aller Aktionen angezeigt, die mit der aktuellen Anforderung verknüpft sind.
Während auf der Registerkarte "Filter" die Filter-Tags zusammen mit den damit verbundenen Funktionen angezeigt werden. Weitere Informationen zur Funktionsweise von Aktion und Filtern finden Sie hier.
Wenn Sie ein Skript oder einen Stil in WordPress hinzufügen, müssen wir dies tun wp_enqueue_script ($ handle, $ src, $ deps, $ ver, $ in_footer)
und wp_enqueue_style ($ handle, $ src, $ deps, $ ver, $ media)
. Das Hauptproblem dabei ist, in der Lage zu sein, zu wissen, welche vorhanden ist und in welcher Reihenfolge sie geladen werden. Mit diesem speziellen Addon werden alle Abhängigkeiten aufgelistet.
In diesem Fall des WordPress-Dashboards werden verschiedene Skripts für die Front-End-Seiten der Site und für das Back-End geladen. Um die Skripte anzuzeigen, die im Frontend geladen werden, gehen Sie zum Frontend, und klicken Sie in der Verwaltungsleiste auf Debuggen, und zeigen Sie dann Skript- und Stilabhängigkeiten an
Gehen Sie als nächstes zum Backend, klicken Sie in der Admin-Leiste auf Debug und dann auf Anzeigen Skript- und Stilabhängigkeiten.
Das Frontend und das Backend laden verschiedene Skripte und Stile. Außerdem können verschiedene Seiten im Frontend und Backend unterschiedliche Skripts und Stile laden.
Dies ist ein Addon zum Debug Bar-Plugin, das detaillierte Informationen zu den in Ihrem Projekt gefundenen registrierten Beitragstypen anzeigt.
Die verschiedenen Spalten enthalten Informationen zu verschiedenen Eigenschaften des Pfostentyps
nav_menu_item
verbunden mit Post etcWir haben eine Reihe von Debugging-Plugins durchlaufen, die für ein WordPress-Projekt erforderlich sind. Das Haupt-Plugin ist das Debug Bar-Plugin. Der Rest kommt als Add-Ons, um die verschiedenen Rollen des Plugins zu erweitern.
Einige dieser Plugins waren nicht im Developer Plugin aufgeführt, das wir im einleitenden Teil der Serie installiert haben. Daher empfehle ich, das Plugin-Repository zu besuchen und sie Ihrer WordPress-Installation hinzuzufügen.
Im nächsten Teil der Serie werden wir uns vor allem damit beschäftigen, wie Sie die verschiedenen Protokolle in Ihrem WordPress-Projekt verfolgen, zwischen Benutzern wechseln, wie Sie die Regeln für das Umschreiben überprüfen und einfache Tools wie den RTL-Tester, den VIP-Scanner, den Query-Monitor usw. verwenden auf.
In der Zwischenzeit können Sie unten einen Kommentar oder eine Frage hinterlassen.