TTF-Titles: So geht’s

Nach einem Tag Vorlaufzeit habe ich mich dazu entschieden, das Plugin TTF-Titles in meinem Magazin zu installieren. Wenn Du auch wissen willst, wie das problemlos über die Bühne geht, dann lies diesen Artikel.

Was ist TTF-Titles?

Mit diesem WP-Plugin kann man die Überschriften der Blogbeiträge, aber auch beliebigen Text, in einer frei wählbaren TrueType-Schriftart formatieren. Da nicht jeder auf seinem PC alle Schriftarten, die es gibt, installiert hat, ist dies eine tolle Möglichkeit, eigene Schriftarten systemunabhängig zu verwenden. Zu diesem Zweck konvertiert das Plugin den Text der Überschrift in eine Grafik, die statt des normalen Titels angezeigt wird.

Wie installiert man das Plugin?

Ganz einfach: Hier herunterladen, in den Ordner /wp-content/plugins hochladen und im Backend Deines WordPress aktivieren. Jetzt im FTP-Programm Deines Vertrauens den Ordner /wp-content/plugins/ttftitles/cache markieren und ihm alle Schreibrechte zuteilen. In FileZilla z.B. einfach per Rechtsklick auf den Ordner unter ‚Dateiberechtigungen‘  den numerischen Wert ‚777‘ eintragen – fertig.

Und weiter geht’s im Backend Deines Blogs: Unter ‚Design » TTF Titles‘ wird der Rest der Konfiguration vorgenommen.

Feintuning: Schriftarten aussuchen, hochladen, Styles zuteilen

So, jetzt sind wir im Backend, in der Konfiguration des Plugins. Hier gibt es verschiedene Bereiche:  Styles, Cache, Fonts, Usage. Interessant wird gleich nur die Rubrik ‚Styles‘. Die anderen Bereiche können wir erstmal ignorieren, denn da sind korrekte Standardwerte voreingestellt.

So, hier siehst Du die verfügbaren, vorkonfigurierten Styles: ‚basic‘ und ‚demo‘. Hinter jedem dieser beiden Styles steht eine Schriftart und eine Konfiguration. Wähle einfach mal den Style ‚basic‘ aus und klicke auf Edit. Jetzt siehst Du, welche Einstellungen vorgenommen wurden und welche Schriftart verwendet wurde. Man kann ziemlich viel einstellen, wenn man mich fragt – aber das ist ja auch gut so. Aber Du willst sicher eine eigene Schriftart verwenden, die besonders gut zu Deinem Blog passt. Also musst Du die erstmal hochladen: gehe in Deinen Schriftarten-Ordner auf dem PC und suche Dir die Schriftart aus, die Du gerne ab sofort für Deine Überschriften benutzen willst und ziehe sie per FTP-Programm in den Ordner /wp-content/plugins/ttftitles/fonts. Das ist der Ordner, in dem alle Schriftarten gespeichert sind, die von TTF-Titles verwendet werden können.

So, eine schöne Schriftart gefunden und hochgeladen? Prima, dann geht’s wieder zurück in’s Backend, in die Konfiguration von TTF-Titles. Hier legen wir im Bereich ‚Styles‘ mittels ‚Add New Style‘ einen neuen – was wohl? – Style an 🙂 Da kann man eine ganze Menge Gedöns einstellen, aber wichtig ist der Name des neuen Styles, die zu verwendende Schriftart und einige andere Einstellungen. Ich gebe mal ein paar sinnvolle Werte vor:

• Image-Type: PNG
• Font-Size: 22
• Font-color: #FFFFFF (den Hex-Wert der Farbe eingeben, die Du haben willst)
• Make BG Transparent? (Haken setzen)
• Maximum Width: 600 (so wählen, wie die maximale Breite Deiner Artikel ist)
• Subindent: 0 (wichtig, damit „zweite Zeilen“ nicht eingerückt werden)

Mit den restlichen Angaben einfach nach Bedarf spielen…

Wenn Du das erledigt hast, unten auf ‚Save Style‘ klicken. Jetzt hast Du Deinen eigenen Style für die Überschriften erstellt! Du kommst zurück in die Übersicht, und jetzt einfach bei Deinem neuen Style ‚Make Default‘ anklicken. Das war’s. Fast.

Neue Überschriften in’s Blog einbinden

So, das Rumgestyle wäre erledigt. Jetzt geht’s an das Einbinden in Dein Blog: ersetze in der index.php, page.php und der single.php den Platzhalter <?php the_title(); ?> durch <?php the_ttftitle(); ?>. Und dann füge in der style.css noch folgende Angabe hinzu, damit keine Rahmenlinien um die Überschrift angezeigt werden:

/* TTF-TITLES */

img.ttf {
 border: 0;
}

So, endlich fertig. Schau Dir jetzt Dein Blog an – toll, oder? 🙂