WordPress Tutorial: TTF Titles Plugin
This WordPress plugin allows you to display your titles in a fancy font by using images.
Downloading and Installing
Method one: In your WordPress dashboard: Go to Plugins, Add New and search for “TTF Titles” (by John Leavitt). Click “Install” and “Install now”.
Method two: Doing it manually: Click here to download the package.
Extract the contents of the package to your computer.
Upload the folder “ttftitles” to /wp-content/plugins – your plugins folder.
Regardless of which method you used, you need to log into your site via FTP. In the wp-content/plugins/ttftitles folder, you need to CHMOD (or change the mode and file permission) of the cache and fonts folders to 777.
Next, activate the plugin by going to the installed plugins in your WordPress dashboard.
Uploading fonts
You can upload a font of your choice by uploading it to the fonts folder. You will need to locate a font file on your computer first (like C:/Windows/Fonts if you are using Windows, for example). Of course, choose the font you want your titles to appear as.
In your WordPress dashboard, you can also go to Appearance > TTF Titles > Fonts to upload a font.
Styles
You will then need to make a new style by going to Styles > Add New Style.
Simple give the style a name to recognise it by, under “Style name”. Your desired font should appear under “Font name”. The rest of this section should be self explanatory. You can choose the colour of your titles and whether or not you would like them to have a transparent background.
After choosing your style click “Save Style”. You won’t see a preview until you save the style, but you will still be able to edit it afterwards.
To choose the style for your theme, click “Make Default” next to your style sample after saving it.
Usage
You will need to edit your theme files. The files page.php, single.php and index.php are ones that should contain the coding for the titles.
Normally you would have something like the following:
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a>
We need to change the title tag between the HTML. Do not change the one within the HTML attributes. Because the new include we are inserting will display the image of the title.
The new include we are using is <?php the_ttftitle(); ?> in place of <?php the_title(); ?>. We should now have:
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_ttftitle(); ?></a>
Make sure you edit your theme files wherever there is a title if you would like the titles to appear this way.
Using With Regular Text
If you just want to make certain titles in your pages use the same effect, you can use the following code:
<?php the_ttftext(('your text here')); ?>
It will simply display the text with the default TTF Title style. You are free to surround this with a div or other appropriate elements.
Advanced
If you are looking to override the default parts of the style in any place, use this code:
<?php the_ttftitle ($before = "", $after = "", $echo = true, $style = "", $overrides = ""); ?>
Visit Appearance > TTF Titles > Usage in your WordPress dashboard to view the arguments for overriding. An example of usage is:
<?php the_ttftitle ($before = "", $after = "", $echo = true, $style = "", $overrides = "image_type=png"); ?>
Here is an example with two arguments, separated by an ampersand (&).
<?php the_ttftitle ($before = "", $after = "", $echo = true, $style = "", $overrides = "image_type=png&letter_case=upper"); ?>