Snygga rubriker i WordPress med riktiga typsnitt och TFTTitles-plugin
Så här får du riktigt snygga rubriker i din WordPress-blogg, med hjälp av pluginet TFTTitles. Detta plugin ersätter dina vanliga textbaserade rubriker med en bild som är skapad av ett valfritt typsnitt. Vilket du vill använda bestämmer du själv, eftersom du kan ladda upp typsnitten till en mapp i din TFTTitles-katalog.
Börja med att ladda ner TFTTitles och packa upp mappen med hjälp av WinZip, eller något annat zip-verktyg. Starta sedan ditt FTP-program och skicka upp mappen tfttitles till din WordPress-katalog på din webbserver, i undermappen wp-content/plugins. Därefter aktiverar du pluginet från WordPress administrationssida, under rubriken Plugins.
Alla inställningar vad gäller teckensnitt, färg, skuggor, och så vidare, gör du under Design -> TFT Titles (i nyare WordPress, i gamla versioner antar jag att undermenyn hamnar under Presentation). Du behöver skapa en så kallad Style, som helt enkelt är en inställning där du valt hur din rubrik ska se ut. När du är nöjd, klickar du på Make Default, för att sätta din style till standard.
Nu behöver du ändra i din mall (theme) för att skriva ut dina nya snyggare rubriker med TFT Titles istället för i text. Var du ändrar beror lite på vilken mall du använder dig av. Du hittar PHP-koden under Design (eller Presentation), följt av Theme Editor. I de flesta fallen handlar det om två stycken filer; Single Post och Main Index Template. Leta upp följande kod:
<?php the_title(); ?>
…och ersätt med:
<?php the_ttftitle(); ?>
TFT Title har en mängd olika parametrar, som du kan använda för att köra på flera olika stilar, och annat. Men det kan du läsa mer om i pluginets hjälpfiler. Det jag beskriver är bara standardproceduren.
Något jag noterar är att det kan bli problem med de svenska tecknena (ÅÄÖ) i vissa typsnitt. Tyvärr saknar många gratis typsnitt svenska tecken, och några verkar ha lagt dem på fel ställen, vilket resulterar i konstiga tecken istället för våra svenska. Här får du prova dig fram lite.
Mer läsning:
Om du gillade det här inlägget, läs det här!
| Annonser |
|
|
Stefan Ljungwall
sa,
januari 26, 2009 @ 17:25 | Svara
Ser kul ut, måste kollas närmare! =)
Bertil Tallberg
sa,
januari 26, 2009 @ 22:18 | Svara
Ang erbj Windows Vista Guiden. Är det en tidning, eller en bok, den är ju ändå på 292 sid. !!!
Mvh
beta
J-Martin
sa,
januari 27, 2009 @ 01:26 | Svara
Jag hittade en del kul på http://fonts101.com/
Så jag kanske testar denna pluginen, på min hemma-maskin, där jag brukar testa saker…
Tumtum » More design focus sa,
februari 7, 2009 @ 19:49 | Svara
[...] TkJ recently wrote about a plugin called TTFTitles, which transforms your blog titles to images. This way, you can use fonts and special designs that a certain OS/browser wouldn’t normally be able to show. I thought it was really interesting, but I don’t know if it’s a good idea or not, it might result in a weird design, since I design mainly with Firefox/Vista in mind (aka myself) and others view both fonts and font sizes differently. [...]
Snygga rubriker i WordPress med riktiga typsnitt och TFTTitles-plugin | Teckensnitt.se sa,
mars 19, 2009 @ 20:09 | Svara
[...] Snygga rubriker i WordPress med riktiga typsnitt och TFTTitles-plugin I thought it was really interesting, but I don’t know if it’s a good idea or not, it might result in a weird design, since I design mainly with Firefox/Vista in mind (aka myself) and others view both fonts and font sizes differently. [… … Continue here: Snygga rubriker i WordPress med riktiga typsnitt och TFTTitles-plugin [...]
Micke
sa,
april 6, 2009 @ 17:31 | Svara
Vill man ha samma typ av rubriker i sidebar(s) så gör man så här:
http://www.kludd.se/wp/tips-trix/ttf-titles-i-sidebar/
mumari
sa,
juni 26, 2009 @ 20:28 | Svara
Ett utmärkt tips! Och det måste vara ett bra betyg från mig som är nybörjare och nollställd på wp!
Jag försökte också få in texten i sidomenyn enligt anvisningarna på kludd.se, men det får jag inte att funka.