Share
In dieser Serie haben wir uns mit Themen für die professionelle WordPress-Entwicklung befasst, die sich an diejenigen richten, die ihre professionellen WordPress-Entwicklungsfähigkeiten verbessern möchten.
An dieser Stelle haben wir uns mit Strategien und Umweltpraktiken beschäftigt, aber wir haben noch einige der Werkzeuge untersucht, die in der Entwicklung von WordPress gebräuchlicher sind. In diesem Artikel erhalten Sie einen Überblick über die verschiedenen Tools, Dienstprogramme und Plugins, die zum Erstellen und Verwalten erfolgreicher Projekte beitragen.
Immer wenn ich eine lokale Entwicklungsumgebung für ein WordPress-Projekt einrichte, stelle ich sicher, dass die folgenden Tools installiert sind und mir zur Verfügung stehen. Viele davon sind auf Erfahrungen, Empfehlungen erfahrener Entwickler oder persönliche Vorlieben zurückzuführen.
Wie bei den meisten Dingen dieser Serie handelt es sich lediglich um Vorschläge - nicht um die Regeln oder Standards, an denen Sie Ihre Konfiguration messen.
Wie wir im ersten Artikel der Serie besprochen haben, wird ein Teil von WordPress mit jQuery geschrieben, und die meisten Designs und Plugins enthalten es ebenfalls. Das Debuggen von JavaScript ist daher ein Grundbedürfnis für die professionelle Entwicklung (insbesondere wenn Sie mit Plugins oder Designs arbeiten, die das Laden ihrer eigenen Skripts oder Versionen von jQuery missbrauchen)..
Beide Dienstprogramme bieten auch die Möglichkeit, JavaScript direkt in der Konsole zu schreiben, sodass Sie Funktionen, Ausdrücke und Anweisungen auswerten können, ohne Ihre Kerndateien bearbeiten zu müssen, die Seite erneut zu laden, zu testen und zu wiederholen.
Unabhängig von dem von Ihnen bevorzugten Debugger sollten Sie sicherstellen, dass in Ihrem Browser ein Debugger ausgeführt wird, da Fehler dadurch leichter gefunden und behoben werden können.
Der WordPress Theme Unit Test ist kein Unit-Test im herkömmlichen Sinne. Stattdessen handelt es sich um eine XML-Datei, die Sie in Ihre WordPress-Installation importieren können, um ein Theme oder Plugin zu nutzen, das Ihnen eine Reihe von Posts, Seiten, Autoren, Kommentaren, Bildern usw. bietet, um sicherzustellen, dass Sie die Daten korrekt formatieren.
Wenn Sie ein Plugin erstellen, stellt es Scheindaten bereit, mit denen Ihr Plugin ausgeführt werden kann, um zu sehen, wie es mit tatsächlichen Live-Daten funktionieren würde.
Wenn Sie ein fortgeschrittener Entwickler sind oder tatsächlich mit WordPress testen möchten, sollten Sie sich unsere Serie zu Unit Testing WordPress ansehen.
Das Developer Plugin ist ein relativ neues Plugin, das vom VIP-Team von Automattic erstellt wurde und dem Entwickler eine Reihe von Tools zur Verfügung stellen soll, die speziell dazu beitragen, dass wir uns besser entwickeln.
Das Plugin beinhaltet…
… Alles in einem Plugin mit einer vereinfachten Schnittstelle. Persönlich ist dies mein De-facto-Plugin für lokale WordPress-basierte Entwicklung.
Theme Check ist ein weiteres Plugin, das ich für die Entwicklung empfehle, um Ihren Code mit der aktuellen Version der WordPress-API zu bewerten und Hinweise, Warnungen, Empfehlungen und Fehler basierend auf Ihrem Code bereitzustellen.
Obwohl ich das glaube etwas Die Empfehlungen sind gelegentlich nicht mehr aktuell, die Warnungen und Fehler sind fast immer genau und geben Aufschluss über die Dinge, die Sie vor dem Versand Ihrer Arbeit beheben sollten.
Debogger ist ein nützliches Plugin, insbesondere wenn Sie sich für die W3C-Validierung interessieren und an der Optimierung von Abfragen und gut geschriebenem PHP interessiert sind. Das Plugin fängt alle Informationen ab, die zwischen Ihrem Projekt, WordPress, dem Server und dem Browser übertragen werden, und gibt dann alle Debug-Informationen und Hinweise in die Fußzeile zurück.
Dieses Plugin war für mich außerordentlich nützlich, da es winzige PHP-Fehler auffängt, die aufgrund der dynamischen Natur der Sprache nicht immer registriert werden.
In Bezug auf die PHP-Protokollierung möchte ich normalerweise folgende Konfiguration haben:
Auf diese Weise können Sie Fehler, die in Ihrem Projekt vorhanden sind, auf die am wenigsten aufdringliche Art und Weise finden, erkennen und beheben, je nachdem, wer Ihre Website betrachtet. Natürlich sind Entwicklung und Bereitstellung für Sie und eine Reihe von Testern gedacht, während die Produktionsumgebung nur für Benutzer gedacht ist.
Sie können die Geschwindigkeit, mit der der Browser Ihre Website lädt, auf einfache Weise verbessern, indem Sie Ihre Stylesheets minimieren und in einer einzigen Datei zusammenfassen. Natürlich ist dies ein wenig mühsam, wenn Sie es manuell machen. Zum Glück gibt es eine Vielzahl von Werkzeugen.
Meine bevorzugte Waffe ist CodeKit.
Für CSS unterstützt es sowohl LESS und SASS, Minification als auch ein integriertes Abhängigkeitsmanagement.
Bei JavaScript werden auch JSLint und JSHint unterstützt, die beide als JavaScript-Tools für die "Code-Qualität" gelten. Aus früheren Artikeln wissen wir, dass WordPress eigene Codierungsstandards hat, die jedoch in engerer Beziehung zu PHP stehen als alles andere.
Wenn Sie ein JavaScript-Lint-Tool wie JSLint oder JSHint verwenden, können Sie automatisierte Codeüberprüfungen durchführen, um sicherzustellen, dass Ihr Code einem Standard entspricht und jedes Mal, wenn Sie die Datei speichern, ausgewertet wird.
Auch dies ist nur meine bevorzugte Methode zur Verwaltung externer Ressourcen - es gibt verschiedene andere Möglichkeiten, dies zu tun. Unter dem Strich sollten Sie sich mit der Durchführung einer Art von Codequalitätsbewertung, -vorverarbeitung und -minimierung auseinandersetzen, wenn diese sowohl für CSS als auch für JavaScript verfügbar ist.
An dieser Stelle haben wir uns mit Strategien, Umgebungen und Tools für die professionelle WordPress-Entwicklung beschäftigt. Natürlich gibt es zu diesem Thema noch viel mehr Informationen.
Wenn man bedenkt, dass dieses Blog über eine Community aus engagierten Entwicklern verfügt, würde ich gerne wissen, was Sie in Ihrer Toolbox behalten. Teilen Sie es unbedingt in den Kommentaren mit und verknüpfen Sie alle Ressourcen, damit auch der Rest von uns davon profitieren kann!
Accentsconagua