Sidebar
ein-/ausblenden

WordPress Theme debuggen

Plugin für WordPress SEO

Anzeige

WordPress bietet eine ganze Reihe an Funktionen zum Eingreifen in die Core-Daten, sogenannte Hooks und eine Reihe von Conditional Tags für gezielte Ausgaben und Abfragen innerhalb von Themes und Plugins.

Nicht immer ist Dokumentation auf dem Stand der aktuellen Möglichkeiten und die Fehlersuche in einem Theme kann erschwert werden. Ähnlich verhält es sich mit dem Verständnis der Conditional Tags - es ist nicht leicht für einen Einsteiger ohne Programmierkenntnisse.

Dies soll mit der folgenden Lösung anders werden. Conditional Tags werden ausgewertet und können so direkt in der Anwendung verstanden werden. Ebenso werden alle verwendeten Hooks ausgegeben, mit welcher Priorität sie arbeiten und in welcher Funktion.

Die Lösung soll nicht nur Kennern zur Fehlersuche dienen, sie soll auch das Verständnis und die Möglichkeiten von WordPress in diesen zwei Bereichen aufzeigen.

Conditional Tags visualisieren & verstehen

Screenshot Ausgabe Conditional Tags

Um das Verstehen der Conditional Tags zu visualisieren, welches unter anderem im Zusammenhang mit dem Tutorial „WP - Tutorial, wir schreiben ein WordPress Theme - Teil 3”, habe ich mir einige Gedanken gemacht, wobei ich anfangs einige Spielereien in Themes erwogen habe um die Möglichkeiten darzustellen. Oft ist es aber so, dass man nicht auf Anhieb weis, um was für eine Ausgabe handelt es sich und welchen Conditional Tag muss ich nun anwenden um das gewünschte Ziel zu erreichen.
Beim weiteren Arbeiten an der Lösung habe ich mir dann eine Datei erstellt, die man einfach und unkompliziert in das Theme integriert und so die Conditional Tags direkt im Fronend von WordPress visualisiert bekommt.





<?php include (TEMPLATEPATH . '/wp_view_type.php'); ?>

Die Datei muss natürlich im Vorfeld im Theme-Ordner gespeichert werden.

Hooks finden

Im gleichen Atemzug ist dabei die Ausgabe aller möglichen Hooks entstanden, die dem Entwickler von Plugins helfen, den nötigen Angriffspunkt zu finden. Auch die Fehlersuche im Weblog ist damit möglich. Daher habe ich die Ausgabe der Hooks noch um ihre Priorität und Funktion erweitert.

Screenshot Ausgabe Hooks

Hinweise

Die Datei hat zwei Parameter mir denen die Ausgabe an die Bedürfnisse angepasst werden kann. In Zeile 19 und 20 zu finden. Bekommen die beiden Variablen einen anderen Wert als TRUE oder 1, so fällt die jeweilige Ausgabe weg.
Die Variable $view_is_not steuert dabei die Ausgabe der nicht aktiven Conditional Tags und die Variable $view_hooks die Ausgabe der Hooks.


$view_is_not = 'TRUE';
$view_hooks  = 'TRUE';

Ideen

Du hast weitere Ideen und Lösungen um das Verständnis von WordPress zu visualisieren, dann erweitere den Code und sende mir die Lösung. Vielleicht kann man noch mehr integrieren und so auch das Entwickeln, so wie die Fehlersuche erleichtern.

Download:

Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als zip-Datei: wp_view_type.zip - 1 kByte

 

Historie

  • v0.2 - Conditional Tag is_front() hinzugefügt (ab WP 2.5 nutzbar)

2 Kommentare und 2 Trackbacks zu „WordPress Theme debuggen“

  1. 1
    Kommentar von Micha

    Hey großer Meister, das ist ja eine richtig gute Idee. Ich denke, das wird vielen das Verständnis für die conditional tags erleichtern.
    LG
    Micha

  2. 2
    Pingback von Was so geht… - dynamicinternet
  3. 3
    Kommentar von Frank Bültge

    Das wünsche ich mir - vielen Dank, aber den Titel gebe ich weiter. Da draußen im WWW gibt es so viel größere Meister.

  4. 4
    Pingback von Conditional Tags (er)kennen | WordPress-Buch

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.