One small change you can make to a wordpress blog is taking advantage of a custom font. There are several ways to accomplish this, using SiFR, TTFT, Cufon, as well as some other plugins.  On this blog I am using Cufon, which I prefer – we will go over how to use that in another post.   In this article I want to go over using TTFTitles to help a fellow blogger, Cindi from Moomette’s Magnificents implement it in her blog.

To start you need to download and install TTFTitles, you can get it here or search from the “add plugins” page within your admin.  Once you have downloaded and installed it you may need to set certain directories as write-able, and the admin page of ttft will tell you if you need to do so.   Now you need to upload the font you would like to use for your post titles.  Some of my favorite places to get free fonts are DaFont, and Fonts for Peas.

To upload a new font just go to “appearance > TTFTitles” then choose ‘fonts’ (this is also where it will warn you if your directory is not set up correctly.  Just browse for the font you just downloaded and then hit the upload button. (see screenshot)

As long as your fonts directory is set up correctly you should now see the font listed on this page.  Now you need to set the style of the font for it to display on your site properly.  Just click on the link that says “styles” at the top of the fonts page and you will come to a page with a default style already set up.  (see screenshots below)  You now need to click on “Add new Style” and choose the font you uploaded from the drop down on this page.  Setting the styles as you want them on your site.  You can easily adjust these later by coming back to the styles page and hitting ‘edit style’ next to the style you created.

Ok, so you created a new style with the font you uploaded, choose the sizes and colors and hit save- right?  Now back on the “fonts” page you need to set your new style as the default- there will be a link over on the right side that says just that- “make default”.  Now you still have some work to do to make your font show up on your blog.  No worries, I have screenshots for that too!

To add the custom font to your theme you will need to use a text editor and FTP if you know how to do so, otherwise go to “appearance > Edit” and choose the page you would like your title to be replaced. (usually the index.php or the single.php pages to start)

You can find these instructions on the “usage” page of the TTFT plugin, for easy reference and advanced usage, as this article is only explaining how to use the default style you set as you post title text.  You can also set this up to replace sidebar titles and more once you get the hang of it.

From within your edit page code (for this example I am using the index.php code), you are going to find the code that calls the headline title, there are sometimes two instances- one right after another, the last one being followed by < / a >. In that example you would change the SECOND  the_title(); to read the_ttftitle(); This is because the first instance of the_title() calls the LINK to the title, and the second instance actually changes it over. (See the screenshot below for another example)

Now you save the changes and go back to your page and refresh to see how it looks, at this point you may need to go back to the styles tab and modify the size and colors to better suit your theme. You will repeat these steps anywhere you want the ‘title’ to be replaced (archive pages, search pages, pages, single posts, etc.) You can see this in use on my Letters to Breathe site.

Category : Blogging Tips / Tutorials

16 Responses to “Using TTFTitles for Custom Titles”


Brittany March 11, 2010

OMG Awesome I was dying to know this!! Thank you thank you thank you!
Brittany´s last blog ..Burning Up His Pockets My ComLuv Profile

Great tutorial! Will have to save this!
Julie {Angry Julie Monday}´s last blog ..Run Julie Run My ComLuv Profile

Jenny
Twitter:
March 11, 2010

I use Cufon. It’s much better. And allows you to use more then one font for more then one thing. :D
Jenny´s last blog ..On the go! My ComLuv Profile

    Eve March 11, 2010

    That’s what I use here on this blog, but because I had had some questions about TTFT I figured I would go over that first. :-)

With my blog/website I am not sure I can use this. THat is why I want to move to WP so I can use all of the super cool plug ins!! Thanks for the info!!
Shop with Me Mama (Kim)´s last blog ..Where The Jobs Are Now Book Review My ComLuv Profile

Robin
Twitter:
March 11, 2010

I need to bookmark this. Thank you.
Robin´s last blog ..LeapFrog: Math Adventure to the Moon My ComLuv Profile

Lynsey Jones March 11, 2010

Ohhh, this is AWESOME!! I did not know this!! GREAT blog for me to share with my fledgling WPers!

nicóle
Twitter:
March 11, 2010

Thank you for the info! I wanted to figure this out-and hadn’t had the chance to do my research! What ever would I do with out you?

Kathy
Twitter:
March 11, 2010

LOVE YOUR SITE.. I am going to be updating my template and moving to self hosted wordpress later this month. I will keep you in mind if I need to hire someone to help me.

Cindi from Moomette's Magnificents
Twitter:
March 11, 2010

Thanks so much for the instructions and Linky Luv! I’m still playing around with the leading trying to get it set up right. Your instructions were easy to understand and very clear!
Cindi @ Moomette’s Magnificents´s last blog ..Green Mountains and Flowers: Wordless Wednesday My ComLuv Profile

Rachel March 11, 2010

Yay — thanks. I’m bookmarking this for future use.
Rachel´s last blog ..Is It Ever "Right" To Have An Affair? My ComLuv Profile

Deepu Balan
Twitter:
March 22, 2010

Really really useful tip… Thanks for sharing this info Eve :-)

-Deepu

Joni Mueller June 1, 2010

We wrote an article that has some helpful code snippets, that’s a bit more advanced than this article. You can find it here:
http://pixelita.com/proxy.dizinc/com/69/working-with-the-ttftext-plugin/

HTH

Joni Mueller June 1, 2010

Oops. I’m behind a firewall at the hospital. Here’s the proper link to the article:

http://pixelita.com/69/working-with-the-ttftext-plugin/



CommentLuv Enabled

This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.


About DWE

I offer wordpress customization, website design, along with other web services. With 10+ years of experience I am able to offer sites that is both beautiful and affordable. Read more »

Subscribe

Subscribe via RSS Feed Reader