WordPress: Überschriften mit Untertiteln

In vielen Zeitungen ist es üblich, unter die eigentliche Überschrift noch einen Untertitel zu setzen, um den folgenden Titel näher zu erläutern:

Durch diese Untertitel kann man den eigentlichen Titel etwas kreativer gestalten und anschließend erläutern. Leider bietet WordPress von Haus aus diese Funktion nicht an und so muss sie nachgerüstet werden. Als ersten Reflex würde der geneigte Programmierer eine Lösung per Plugin versuchen, allerdings gibt s auch eine Lösungmit Bordmitteln. Die Zauberworte lauten “Benutzerdefinierte Felder” (engl. “custom fields”).

Um ein benutzerdefiniertes Feld zu erstellen geht man zur entsprechenden Box und erstellt unter “Ein neues benutzerdefiniertes Feld hinzufügen:” ein neues Feld “untertitel“:

… und gibt den gewünschten Untertitel an. Auf der Seite des Autoren war dies schon alles. Natürlich müssen die Templates des benutzten Themes angepasst werden, damit die Untertitel auch an den enstsprechenden Stellen angezeigt werden. Dies erfordert etwas Handarbeit an den Dateien index.php, singel.php und evtl. header.php. Ich möchte die Änderungen exemplarisch am Default-Theme darstellen.

index.php

Die Datei index.php ist für die Ausgabe der (umgekehrt) chronologischen Artikel zuständig.

Folgende Zeilen stellen die Überschrift dar:

<div  id="post-">
<a href="" rel="bookmark" title="Permanent Link to ">
 <!-- by  -->

Anpassen des Stylesheets

Schlussendlich muss noch das Stylesheet angepasst werden. Denn das obige Beispiel sieht nicht wirklich schön aus, doch durch eine einfache CSS-Definition in der style.css kann man das leicht ändern.

.subtitle { font-weight: bold; }

Jetzt noch das Datum entfernen, indem man Zeile 25 (s.o.) löscht:

Obwohl dieses Beispiel sehr einfach gestaltet ist, sieht es doch schon sehr gefällig aus und mit etwas Designarbeit wird man ein wesentlich besseres Ergebnis erzielen können.

Weitere Templates ändern

single.php

Die Datei single.php ist für die Darstellung eines einzelnen Artikels zuständig. Zunächst ändern wir das die Datei entsprechend dem obigen Beispiel ab:

ID, 'untertitel', $single = true); if($subtitle !== '') echo $subtitle; ?>

< ?php the_content('

Read the rest of this entry »'); ?>

6 thoughts on “WordPress: Überschriften mit Untertiteln”

Die Vorgehensweise an sich ist gut, aber den Output würde ich anders gestalten. Je nach Geschmack gäbe es da 2 Möglichkeiten:
1. den Untertittel innerhalb der Überschrift in ein Span packen und das span via CSS gestalten (display:block, kleiner, fett etc.)
Ergebnis etwa: h2 Hauptüberschrift span Unterüberschrift /span /h2
oder
2. für den Untertitel hx verwenden.
Ergebnis etwa: h2 Hauptüberschrift /h2 h3 Unterüberschrift /h3 Nochwas zu H2; Meiner Meinung (bzw handhabe ich das so) nach sollte man im Template abfragen, ob Überschrift auf Übersichtsseite oder einzeln ist. Wenn einzeln (Artikel), dann H1, sonst H2…

Da hast Du natürlich recht. Der Artikel soll auch nur als Anregung dienen und z.B. zu Verbesserungen wie Deiner führen.

Pingback: Crazy Girls Tipps

Pingback: Untertitel für die Wordpress Blogartikel und Feeds | Crazy Girls Tipps

Hallo,
wie kann ich es steuern, dass die Unertitel unter den Menüpunkten der Hauptnavigation stehen?

Bitte die beiden Trackbacks hier löschen. Die zwei Seiten sind von mir und existieren nicht mehr (ein neuer TB vom umgezogenen Artikel müsste eintreffen).