Ab und zu muss man bei der Erstellung eines WordPress-Themes prüfen ob die aktuelle Seite ein Parent- oder eine Child-Page ist. Mal angenommen ihr möchtet in der Sidebar immer alle, der aktuellen Seite untergeordneten Seiten anzeigen lassen. Zusätzlich möchtet ihr diesen Bereich so aufwändig gestalten, dass ein umschließendes Container-Element notwendig ist. Wenn nun keine Child-Pages mehr existieren sollte natürlich auch das Container-Element verschwinden, sonst ist der Bereich leer. Genau für einen solchen Zweck habe ich seinerzeit das nachfolgende Snippet benutzt.

Beitrag zu Ende lesen

Manchmal möchten wir Inhalte in einem WordPress-Theme nur dann ausgeben, wenn sich der Besucher in einer bestimmten Kategorie bzw. in einer untergeordneten Kategorie befindet. Wenn es sich um ein Kundenprojekt handelt, kann der Kunde natürlich selbst neue Unterkategorien (Child-Categories) anlegen die wir bei der Erstellung des Themes noch nicht kennen und folglich auch nicht berücksichtigen können. Das Snippet muss also auf der ID, bzw. dem Namen der Hauptkategorie (Parent-Category) basieren. Gerade wenn ihr mit Custom Post Types arbeitet kann ein solcher Fall schnell auftreten.

Beitrag zu Ende lesen

Breadcrumb-Navigationen sind in komplexen Websites ein wichtiges Navigations- und Orientierungselement. Sobald Ihr WordPress als "echtes" CMS einsetzt, werdet ihr allerdings merken, dass viele Plugins und Snippets zu sehr auf den Einsatz in Blogs ausgerichtet sind. Sobald diverse statische und hierarchisch verschachtelte Seiten und Custom Post Types im Spiel sind, stößt so manche Breadcrumb an ihre Grenzen.
Das folgende Snippet berücksichtigt alle Anforderungen die ich bisher an eine Breadcrumb gestellt habe. Da ich meinen Blog auch selbst als Archiv nutze, lege ich den entsprechenden Code hier ab. Sicher wird das Snippet euch auch mal weiterhelfen.

Beitrag zu Ende lesen

In WordPress besteht die Möglichkeit Beiträge durch Zusatzinformationen zu ergänzen. Das geschieht unter anderem über die so genannten Benutzerdefinierten Felder. Hierbei wird zunächst einmal ein Name (auch Schlüssel genannt) festgelegt. Diesem Namen können anschließend verschiedene Werte zugewiesen werden, die dann wiederum im Theme ausgegeben werden können. Nun kann es vorkommen, dass dieser Wert in ein weiteres Code-Snippet - z.B. einen img- oder a-Tag eingebunden werden soll. Wird nun das Benutzerdefinierte Feld nicht ausgefüllt, so kommt es zu Fehldarstellungen auf der Seite. Wie Ihr dieses Problem umgeht und Eingabefehler verhindert, möchte ich in diesem Beitrag kurz erläutern.

Beitrag zu Ende lesen

Das WordPress-Dashboard zeigt dem Benutzer eine Übersicht verschiedener, häufig verwendeter WordPress-Funktionen. Neben einer kurzen Statistik finden sich hier unter anderem die letzten Beitragsentwürfe, eingehende Links fremder Websites und die letzten Kommentare. Für Kundenprojekte ist diese Übersicht häufig nicht brauchbar: es werden zu viele unverständliche bzw. überflüssige Informationen dargestellt. Statt dessen fehlt ein individuelles Widget um den Kunden in der Administrationsoberfläche willkommen zu heißen.

Code-Snippets anzeigen

Im Footer der WordPress-Administrationsoberfläche, dem so genannten Dashboard, wird normalerweise folgender Standard-Text angezeigt: "Danke, dass du WordPress benutzt. | WordPress Deutschland | Dokumentation (en) | Feedback (en)".
Je nach Projekt mach es Sinn diesen Text zu entfernen, oder durch einen eigenen Text zu ersetzen. Insbesondere bei Kunden-Projekten möchte man als Webdesigner hier vielleicht eine Copyright-Information oder eine Verlinkung zur eigenen Hilfe-Seite integrieren. Ein paar Zeilen in der functions.php reichen dafür aus.

Code-Snippet anzeigen

Facebooks Open-Graph-Schnittstelle ist eine tolle Möglichkeit um durch die Social Plugins, wie beispielsweise dem Like-Button, eine Vielzahl an Meta-Informationen an Facebook zu übermitteln. Wie ihr eure Website an den Graph anschließen könnt habe ich bereits in einem frühen Artikel beschrieben. Doch leider ist der Quellcode, den Facebook zur Integration des Open-Graphs zur Verfügung stellt, nicht HTML valide. Mit folgendem PHP-Snippet löst ihr dieses Problem.

Beitrag zu Ende lesen