プラグインで記事のタイトルを 手書き風にしてみた

記事のタイトルを手書き風のフォントにしてみました。

自分で用意したTrueTypeフォントを使って、記事のタイトルを画像化します。
少し前にPHPで似たようなプログラムを書いた事があり、自前ででプラグイン化してしまおうかと思いましたが、
すでに出来の良いものがあったので導入してみました。

Templature ≫ The TTFTitles WordPress Plugin

このTTFTitlesの特徴はキャッシュ機能と優れた管理機能です。
キャッシュ機能は一度描画した画像をファイルに保存しておき、2度目からはそれを読み出す事で高速に表示できます。
管理画面ではフォントの登録・削除から描画スタイルのプリセットの編集、キャッシュのクリアなどが行え、直接ソースやファイルを操作する必要がありません。

導入方法は通常のプラグインと同じでプラグインディレクトリに放り込んで有効化するだけです。

使用方法はテーマファイルにあるthe_title()をthe_ttftitle()に置き換えるだけです。
例えば次のような場合は、

<a title="Permanent Link to <?php the_title(); ?>" rel="bookmark" href="<?php the_permalink(); ?>"><?php the_title(); ?></a>

以下のように変更します。

<a title="Permanent Link to <?php the_title(); ?>" rel="bookmark" href="<?php the_permalink(); ?>"><?php the_ttftitle(); ?></a>

the_ttftitle()はimg要素に置き換わるので、title属性に指定してあるthe_title()は変更しません。
また引数は以下のようになっており、$styleでスタイルのプリセットが選択でき、$overridesで細かい設定ができるようになっています。

the_ttftitle ($before = "", $after = "", $echo = true, $style = "", $overrides = "")

また、タイトル以外のテンプレートテキストも画像表示する関数が用意されています。

the_ttftext ($text, $echo = true, $style = "", $overrides = "";)

使い方は見たまんまでわかると思うのでオミット。

設定の仕方ですが、たいていのプラグインは『設定』メニューに項目が追加されるのですが、このTTFTitlesは『テーマ』メニューに追加されるようになっています。
『Styles』のサブメニューでスタイルのプリセット編集ができます。
各項目は以下のような意味となっています。

先の関数のパラメータである$overridesにこれらを指定して指定されたスタイルの設定をオーバーライドすることもできます。
書き方は"font_size=12&maxwidth=400"のように&で連結して複数指定できます。
なお、シャドウの描画を有効にすると大幅に描画時間が増えます。キャッシュが効くので２回目以降は気になりませんが、初めて設定したあとに大量に描画する必要があると結構時間掛かったりするかもしれません…

ちなみに自分は手書き風にする為に『うずらフォント』を使っています。結構オススメ。

あずきフォント

あと、行の幅を超えそうな長さの文字列の場合は途中でスペースを入れると改行してくれます。

では。