Howto: Titelformatierung bei WordPress ändern
Sonntag, 12. März 2006, 15:24 UhrIn einer Standard-WordPress-Installation sieht der Titel für eine Seite, die einen einzelnen Blog-Eintrag anzeigt, so aus: Blogname » Blog Archive » Eintragstitel; für diesen Eintrag hier also: {Bücher,Unterwegs,Rechner-Basteln,Kochen,…} » Blog Archive » Howto: Titelformatierung bei WordPress ändern. Das hat mich im Prinzip schon immer gestört, seit ich mein Blog auf WordPress umgestellt habe.
Was ist das Problem? Siehe beispielsweise Punkt 6 in Jakob Nielsens Top Ten Mistakes in Web Design. Kurz zusammengefasst: Wenn jemand mehrere Fenster oder mehrere Tabs mit Einträgen aus meinem Blog aufhat, fängt die Beschriftung von jedem Tab oder der Titel von jedem Fenster gleich an. Da auf einem Bildschirm ja immer nur begrenzt Platz ist, wird die Tab-Beschriftung in der Tab-Liste nach ein paar Buchstaben abgeschnitten. Gleiches gilt für die Fenstertitel in der Taskleiste. Die Tabs oder Fenster mit den verschiedenen Einträgen sind dann nicht mehr anhand des Titels zu unterscheiden:
Die einfachste Lösung ist es, den Titel einfach “umzudrehen”. Bei diesem Eintrag wäre der Titel dann Howto: Titelformatierung bei WordPress ändern « Blog Archive « {Bücher,Unterwegs,Rechner-Basteln,Kochen,…}.
Wenn man schonmal dabei ist, am Titel rumzustricken, kann man aber auch noch einen Schritt weiter gehen: Mich stört zum Einen das “Blog Archive” — meiner Meinung nach ist diese Zusatzinformation überflüssig. Zum Anderen finde ich die nach links “zeigenden” Anführungszeichen irritierend. Warum, weiß ich nicht genau — ich schätze aber mal, dass es damit zu tun hat, dass sie mein Auge von der üblichen Leserichtung ablenken.
Ein weiteres Argument gegen das « steht hier: Screenreader, die Sehbehinderte und Blinde fürs Surfen benutzen, machen daraus sowas wie “doppeltes spitzes Anführungszeichen, öffnend” — was ziemlich lang und unhandlich klingt. Der Autor schlägt auch direkt ein paar geeignetere Zeichen vor. Wie genau die in HTML definiert werden, kann man zum Beispiel in der Selfhtml-Zeichenreferenz nachschauen; dort finden sich natürlich auch noch andere Sonderzeichen, von denen einige als Trennzeichen auch ganz gut geeignet sind.
Ich habe mich für den Aufzählungspunkt • entschieden. In HTML wird der so geschrieben: •. Insgesamt sieht der Titel für diesen Eintrag dann so aus: Howto: Titelformatierung bei WordPress ändern • {Bücher,Unterwegs,Rechner-Basteln,Kochen,…}.
Wie bringt man das nun WordPress bei? Man muss die entsprechende Definition in der Header-Vorlage ändern. Wer seiner WordPress-Installation die entsprechenden Rechte gegeben hat, kann dafür den Theme-Editor im Admin-Bereich verwenden (Themes → Theme-Editor → Header); alle anderen müssen die Datei
mit einem Texteditor ihrer Wahl ändern. In dieser Datei muss nun alles zwischen <title> und </title> ersetzt werden, so dass der entsprechende Teil nachher so aussieht (ohne die Zeilennummern — und die typographischen Anführungszeichen ” müssen jeweils durch ein einfaches Anführungszeichen ' ersetzt werden):
-
<title>
-
<?php wp_title(”); ?>
-
<?php bloginfo(‘name’); ?>
-
</title>
Wie genau funktioniert das?
- Zeile 1 und 5 geben an, dass wir den Seitentitel definieren.
- Das wp_title in Zeile 2 ist eine von WordPress definierte Funktion (deutschsprachige Beschreibung) und sorgt dafür, dass an dieser Stelle der Grund-Titel der aktuellen Seite eingefügt wird. Bei einzelnen Einträgen ist das der Titel des Eintrags, bei einer Kategorie-Seite ist es der Name der Kategorie und so weiter.
- In manchen Fällen, zum Beispiel bei der Startseite des Blogs, kann der Grund-Titel der aktuellen Seite aber auch nicht vorhanden sein. Um genau diese Fälle kümmert sich Zeile 3: Wenn der Grund-Titel der aktuellen Seite nicht vorhanden ist, gibt wp_title ein logisches “falsch” zurück. Zeile 3 fügt das Trennzeichen • genau dann ein, wenn dieser Fall eintritt.
- Zeile 4 sorgt dann noch dafür, dass in jedem Fall der Name des Blogs angezeigt wird.
Woher ich das alles weiß? Ein klarer Fall von RTFM: steht alles in der Doku ;)
Hallo Andrea,
danke für den Tipp, ich habe es auch gleich bei mir umgesetzt! Nur funktionieren deine Hochkomata nicht (es sind Akzente). Aber nach dem Ersetzen mit den richtigen Hochkommata (’) funktioniert es prima.
Viele Grüße,
Christine
Hallo Christine,
danke für die Anmerkung! WordPress meint mal wieder, clever sein zu müssen — deswegen ersetzt es die Hochkommata durch typographische Anführungszeichen. Ich hab jetzt eine Warnung deswegen in den Text eingebaut.
Viele Grüße,
Andrea