Dynamischer Austausch von Headergrafiken über Conditional Tags

Über Conditional Tags steht in WordPress eine leistungsfähige Funktion zur Anpassung der Darstellung für spezifische Inhalte zur Verfügung.

Als kleines Beispiel soll folgender Fall dienen:

Jede Hauptseite soll ihre eigene Header-Grafik bekommen, ohne dass hierfür verschiedene Templates benötigt werden. Grundsätzlich ist natürlich die Erstellung von separaten Templates für jede benötigte Hauptseite eine mögliche Option, hierdurch vergrößert sich aber der Pflegeaufwand der Website, da für jede neue Seite ein weiteres Template angelegt und zugewiesen werden muss.

Über Conditional Tags lässt sich der zukünftige Pflegeaufwand der Site bei neuen oder geänderten Seiten komplett in die CSS-Datei des Themes verfrachten:

Wir schreiben in den Header unseres Themes folgende Abfrage:

<?php if (is_front_page()) { ?>
  <div class="home">
<?php } else { ?>
  <div class="<?php echo $post->post_name; ?>">
<?php } ?>

Hierdurch wird folgendes bewirkt:

Befindet man sich auf der Homepage, wird die class „home“ in den Header geschrieben, die wir nur noch über CSS mit der entsprechenden Hintergrundgrafik  versorgen müssen, die restlichen Seiten bekommen einfach den Titel des jeweiligen Posts als class verpasst.

Das funktioniert natürlich nur begrenzt bei extrem langen Post-Titeln und setzt voraus, dass sich diese Titel nicht ändern. Im Falle einer „klassischen“ Website wie dieser mit Menüpunkten  wie Home, Profil, Technologie, usw. funktioniert dies jedoch wunderbar und macht die Pflege sehr einfach.

Viel Spass beim Testen!

WordPress

Comments are closed.

You can follow any responses to this entry through the RSS 2.0 feed.