以前に作成したDJTR（Dynamic Japanese Text Replacement）をwordpressのプラグインにしました。true type font(ttf)から画像を生成するものです。
同様のプラグインにhiromasa.zone :o) » wp-tegaki をつくってみる, Image Replacement WordPress Plugin - Development on a Shoestrin などが既にあるので、いまさら感がありますし、こっちはコードも汚いです（直し途中です）。基本的にやっていることは同じです。仕様は違いますが。
機能・仕様
- 関数（wp-djtr()）により、テンプレートでテキストを変換。
- インライン変換により、投稿中で変換するテキストを指定。
- 画像は背景透過（PNG-8形式なのでIEでもハックなしで透明になります）、背景色指定も可。
- widthで画像を分割するピクセル数を指定することによる、複数行にわたるテキストの画像化。
- ffamilyでフォントファイルを指定することによる複数のフォントの使い分け。
- 一度生成した画像はキャッシュして高速(?)表示
インストール
- 以下よりzipファイルをダウンロードし解凍、wp-DJTRフォルダごとpluginsフォルダにアップロードして、activateしてください。
- true typeフォント(ttf)は同梱していません。ttfファイルをwp-DJTRフォルダに入れてください。
- cacheフォルダとconfig_djtr.phpに書込み属性を与えてください（７００でイケるはずですが）。
- 'DJTRというメニューから、アップロードしたttfファイルを指定して保存（Update Options）、同ページ下部に文字画像が出ていることを確認してください。
ダウンロード : wp-DJTR 0.5.5.zip (1957)
使用方法
- インライン変換：投稿中の下記フォーマットを画像（imgタグ）に変換します。
<!-- djtr [options] -->変換対象テキスト<!-- any text -->
例：<!-- djtr fsize=20&fcol=#F30&width=400 -->ほげほげ<!-- -->
- タグ変換：このブログの記事タイトルのようにテンプレート中で記述する際の関数です。
wp_djtr( string text, [string options]);
例： wp_djtr( get_the_title(), "ffamily=sazanami-gothic.ttf&width=500&bcol=#050" );
- options
フォーマット： option1=value1&option2=value2&...
fcol フォントの色 fcol=#FOFOFO / fcol=#A0B fsize フォントの大きさ(pt) fsize=12 (12ポイント) bcol 背景色（transbgがfalseの場合） bcol=#FAFAFA / bcol=#FFF transbg 背景色透明 transbg=true / transbg=false width 折り返しの幅(px)
(imgタグを分割生成し、並べて出力)width=400 ffamily フォントファイル名 ffamily=sazanami_gothic.ttf (大文字小文字を区別)
テンプレート変更の具体例
テンプレートを変更して記事のタイトルを画像化する場合の変更の例です。
記事タイトルを表示する、the_title();を探します。記事を表示するテンプレート（index.php, single.php, archive.phpなど）には必ずあるはずです。デフォルトテーマのindex.phpでは以下のような記述です。
PHP
<h2><a href="<?php the_permalink() ?>" ..(中略).. <?php the_title(); ?></a></h2>上記の<?php the_title(); />の部分を、以下のように変更します。
PHP
<?php wp_djtr( get_the_title(), "ffamily=hoge.ttf&width=500" ); ?>注意点等
- 描画スピードを得るため、ＤＢではなく、デフォルト設定をファイル(config_djtr.php)で渡します。同ファイルが書込み可能であれば、optionsメニューから設定するとこのファイルが変更されるはずです。変更できない場合は直接ファイル内容を変更してください。
- フォントファイル(.ttf)を直接ダウンロードさせないように.htaccessファイルを同梱しています。
- GPLライセンスです。改変、再配布は自由です。ただしコードは作者の意図に反して非常に分かりにくくなっています
- インライン変換は２つのコメントに挟まれたテキストを２つのコメントごとimgタグに変換します。プラグインを外すと普通のテキストとして表示されます。
- 簡単な禁則処理をします。処理されない文字があれば、djtr.phpの行頭／行末禁則文字（コメントしてあります）に追加してください。
テストは不十分です。おそらく不具合も一部有るかと思います。使って不具合があれば、コメントでご報告いただけると助かります。
変更履歴
- 2007/4/19: Ver0.3.9 リリース
- 2007/4/20: Ver0.4.0 基本的な禁則処理をするようにしました。追い出し処理します。字間は調節しません（できてません）。
- 2007/5/1: Ver0.4.3 PHP4でエラーが出るバグを修正。ファイルをUTF-8で保存。
- 2007/5/9: Ver0.4.9 初期設定時のバグを修正。get_wp_djtr関数を追加。プラグイン説明からのリンク修正。
- 2007/5/30:Ver0.5.0 stripos（PHP4でエラー）を使わないように変更。
- 2007/5/31:Ver0.5.5 オプション画面での動作を変更。エラー処理のバグを修正。
Trackback URL
31 Comments
「複数行にわたるテキスト」の処理をするなら、ハイフンや禁則処理をしないと話にならないですよ。
とおりさん
ご指摘ありがとうございます。禁則処理、重要ですね。早速基本的な禁則処理に対応したいと思います。
デフォルト設定で、
Fatal error: Call to undefined function: scandir() in /home/masayashi/www/wp-content/plugins/wp-DJTR/djtr.php on line 312
のエラーが出てしまいました…＞＜
masayashiさん
PHP4ではエラーが出ますね。すみません。
Ver0.4.3で修正しました。すみませんが、このバージョンでもう一度トライしてみてください。
Ver0.4.3で正常な動作を確認できました！
ありがとうございます！
初めまして。エラーを見つけたのでご報告をさせて頂きます。Verは0.4.3です。
WPのME2.1.2を使っているのですが、各種設定画面でオプションとフォントが表示されているのにも関わらず、サイズや色の変更を行ってもconfig_djtr.phpに反映されず、「デフォルト設定での表示例：」と実際のタグ変換時にエラー文が表示される、といった現象が起きました。
直接config_djtr.phpのフォント名を書き換えてUPした所、今度は設定画面上で問題なく大きさやサイズを変更することができましたけども。
あと恐縮なのですが、ブログの記事タイトルの部分を画像に変換する際のwp_djtr( string text, [string options]);は、どのファイルのどの部分に記述すればいいのでしょうか。
木公さん
はじめまして。ご報告ありがとうございます。
該当する箇所を見てみたのですが、分かりませんでした。
恐縮ですがお使いのPHPのバージョンと、表示されるエラー文を教えていただけますでしょうか？
また、記事タイトル部分の変換は、普通のテーマだと、index.phpやsingle.phpなどに出てくるthe_title();という部分を、wp_djtr(get_the_title());と記述していただければ変換するはずです。
よろしくお願いします。
質問に答えてくださってありがとうございます。
エラー文は
DJTR_FONTFILE invalid. Defined as “サイト/www/wp-content/plugins/wp-DJTR/LOGOG_BG.ttf”
でPHPのバージョンは
Version 4.4.6
でした。
はじめまして、素晴らしいプラグインをありがとう。
私も上の「木公」さんと同じエラーメッセージが出ましたが、config_djtr.php を書き換えて対応しました。
ソースを追跡していないので不明ですが、問題点ではないかと思う部分を記載しますね。
============================================
１）デフォルトで適用されるオプションの設定：
この項目に出てくるフォントは、config_djtr.phpの内容に関わらず、プラグインディレクトリに置いてある「フォント『名』」を自動で読み込み、その名前が出ています。
（例えば私の場合だと、aquafont.ttf)
２） １）にもかかわらず、実際に読み込みに行こうとする「フォント」は config_djtr.php に記載されているLOGOG_BG.ttf というフォントのようです。
３） ２）であるため、エラーが出て、エラーがでると、Updateボタンが(パーミッションに関係なく)消えてしまい、管理画面内から修正できません。
============================================
あれば良いのではないかと思ったもの。
wp_djtr()は、echoをしてしまいますが、echoをせずに文字列として返す関数もあれば良いと思いました。
(関数の中等に組み込みやすくなります)
(wpで言えば、ちょうど the_**** 系関数と get_the_***** 系のように)
function wp_djtr() {
$num_args = func_num_args();
・・・・
$djtr->text = $txt;
echo $djtr->get_img_tag();
}
function get_wp_djtr() {
$num_args = func_num_args();
・・・・
$djtr->text = $txt;
return $djtr->text;
}
(このような重複記述はアレですが…とりあえず意図を伝えるために…)
以上となります。ありがとうございました～
木公さん
返答が遅くなってすみません。
修正しましたので、Ver0.4.8で試していただければ、多分、大丈夫だと思います。
ご不便をおかけしました。
あきくん さん
はじめまして！非常に有益な情報をありがとうございます！
おっしゃるとおり、最初の設定時にフォントが無いのでエラーになり、そのためUpdateボタンが押せないので設定もできないという、テスト不足丸出しのバグでした。
すみません。
Ver0.4.8では、ご提案のとおり、get_wp_djtr()という関数（使い方はwp_djtr()と同じ）を作りました。
この関数は単にechoするかどうかの違いなので問題は起きないと思います。
また何かありましたらよろしくおねがいします！
すばやい修正・get関数の導入ありがとうございます。
get関数はうまく動作することを確認しました。
小さなケアレスミス(?)を発見しました。
WordPressの「プラグイン管理画面」で、(うーんと「プラグイン一覧画面」と言った方がわかりやすいでしょうか)
Quote:”
==================================
プラグイン|バージョン|概要|アクション|
==================================
”
とありますが、ここの
Quote:”
「Replace texts with images using true type font. See [[options page]] for further instructions. By [[Junon]].」
”
の、options page の部分のリンクがオプション画面に飛びません「\(円・バックスラッシュ)」と「/(スラッシュ)」の問題であると思います。
(Winサーバーだともしかすると「\」でも動作するのかな?)
小さなミスですがとりあえずご報告でした～
はじめまして。
本プラグインをぜひとも導入したいのですが、
オプション設定のところに以下のエラーが表示されます。
Fatal error: Call to undefined function: stripos() in /home/sites/lolipop.jp/users/lolipop.jp-dp09093272/web/wp/wp-content/plugins/wp-DJTR/djtr.php on line 322
入れたTTFファイルは HuiFontP28.ttf
WordPressME 2.1.3
PHP 4.3.11 です。
よろしくお願いいたします。
ヨスィダさん
はじめまして。
すみませんstripos()はPHP4では未対応ですね。
いま会社なので今晩中に直します。
とりいそぎ、お返事まで。
ヨスィダさん
ご報告ありがとうございました。
修正したVer0.5.0で、ご報告いただいたエラーは出ないと思います。
すみませんが、再度ダウンロードして試してみてください。
よろしくおねがいします。
junonさん、早速の修正ありがとうございます。
おかげさまで、先だってのエラーは出なくなりました。
が、オプション画面で以下の状態となります。
(1)オプションは表示されるのですが、「Update Options」ボタンが出てこないため、設定が変更できません。
(2)「デフォルト設定での表示例」の箇所に以下の表示が出て、表示例は出ません。これは(1)に関連していると思います。
DJTR_FONTFILE invalid. Defined as “/home/sites/lolipop.jp/users/lolipop.jp-dp09093272/web/wp/wp-content/plugins/wp-DJTR/LOGOG_BG.ttf”
とりあえず、config_djtr.phpファイル内のフォント名を直接書き換えることで動作はしました。
すいません。一度目の投稿時に通信が途絶えたため、再送信したら二重投稿になってしまいました。
もうひとつ、お教えいただきたいことがあります。
記事中に「このブログの記事タイトルのようにテンプレート中で記述する際の関数です。」とありますが、記事タイトルで使用する際の関数の組み込みの具体例を示していただけると非常に助かります。
＃組込み先ファイルはpost-template.phpでしょうか？？
ヨスィダさん
ご報告ありがとうございます。
いただいた情報を元に、再度修正しました。
また、組み込み先ファイルの件は、この記事本文に追加しましたのでご参考にしてください。
post-template.phpはWP本体のファイルなので、変更しないでください。
書き換えるべきファイルは、wp-content/themes/使用中のthemeフォルダ の中にある、index.phpなどです。
よろしくおねがいします。
junonさん、迅速な対応、ほんとうにありがとうございます。最新バージョンで問題なく動作することを確認しました。
また、記事タイトルへの組み込み方法も作成していただき、ありがとうございました。おかげさまで私のブログの記事タイトルもいい感じになって、すごく満足しています。
すみません。
もしかするとどっかで基本的なミスを犯しているのかもしれませんが、下記のようなエラーメッセージがタイトル部分にでてしまいます。
WP-DJTR : Font file /virtual/…/wp-content/plugins/wp-DJTR/hogehoge.ttf does not exists.
ちなみに、２行になるタイトルの場合は、２行目が１行目の前に重複して表示されてしまっています。
お忙しい中恐縮ですが、解決策を教えていただけますと大変助かります。
どうぞよろしくお願いします。
初めましてjunonさん。
うちのサイトでも使わせてもらっています。
ひとつ要望があります。
うちではエントリタイトルと、ブログのタイトル2カ所に使っていて、それぞれ背景色が違います。
プログラムを見る限り、透過処理を白で決め打ちしているようですが、これを任意に決めるようにしたいです。
透過処理有りの時にbgcolを無効にせずに、透過処理時の背景色として利用できると思い色々とやってみましたが、なかなかうまく行かないので、こちらに相談した方が早いかも……と思い相談しました。
プラグイン使わせて頂きました。
要望がございます。
長い文章を打った場合、分割でpngに出力にするのではなく1つのpngファイルに出力するオプションをつけれませんでしょうか。
また、タグ途中に改行があるとプラグインが動作しないので分を打つ時に任意に改行ができません。
開始タグから終了タグまでの間の分（改行含む）を1つのpngファイルに出せるようにできませんでしょうか。
ご検討をお願い致します。
はじめまして、Ｕと申します。
とてもかっこよく使い勝手もいい
素敵なプラグインをありがとうございます。
ただひとつわからず困っていることがありまして‥
カテゴリーページのテンプレート中で
wp_djtr( get_the_title())を使うと
カテゴリーのタイトルではなく
そのカテゴリーに表示されている１番上の記事のタイトルが
画像に変換されてしまいます。
get_the_title()の部分を
どのようなものに置き換えれば
カテゴリーのタイトルが表示されるのでしょうか。
ワードプレス暦が浅く
PHPもまだよくわからない状態なので
本や色々なサイトを調べて試してみたのですが
わかりませんでした。
お手数だとは思いますが
お教えいただけませんでしょうか。
何卒よろしくお願い致します。
はじめまして。
DJTR plugin for WordPress 0.5.5をダウンロードして、いろいろなツールで解凍を試みてみたのですがエラーが出て解凍がうまくいきません（＾＾；
どのツールで解凍できるでしょうか？
こんにちは、よさそうなpluginですね、
ところで、zipファイルを解凍しようとすると、「圧縮する」となり無限 圧縮→解凍 になります。
で、元のファイルに辿り着けないのですが、僕だけでしょうか？また、もういちど新しくuploadしていただけたらさいわいです。
DJTR、ダウンロードした.zipファイルが0kbです。中身が無いみたいなんですけど。
junonさん、はじめましてこんにちは！
CSS関連のすばらしい情報をいつもありがとうございます！
今まで気づかなかったのですが、最近になってWPを始めまして、DJTRのプラグインの存在を知りました。これはスゴイと思いダウンロードして早速弄ってみようかと思いましたが、dataが破損しているようですので、ご連絡差し上げました。
お忙しい中とは思いますが、お気付きになられましたら、ご確認いただければ幸いです。
宜しくお願い申し上げます。
勉強になります
勉強させていただいてます
プラグインを使わせていただき、wordpressのindex.phpに指定コードを書いたところFirefoxでは上手く表示するのですがIEやoperaで確認すると文字が消えて表示されていません。ブラウザの違いはどのように対処したらいいのでしょう？よろしくお願いします。
はじめまして！
プラグインwp-DJTRを使わせて頂こうと考えているのですが、
文字によっては文字の「下」の部分が切れてしまう事がございます。
＃特に英文が特に切れてしまっています。
これは、文字のベースラインが低い為の現象かなと思いますが、修正することは可能でしょうか？
文字は「ふい字」という文字を使用しています。
http://hp.vector.co.jp/authors/VA039499/#hui
大変お手数おかけ致しますが、
ご確認、どうぞ宜しくお願いいたします。
20 Trackbacks/Pingbacks
[...] テキストを画像に変換するプラグインwp-DJTR | Tech de Go [...]
I Am A Photograph…
news…
[...] Visit [...]
[...] wp-DJTR [...]
[...] ついでに不要なプラグインの整理を行って、WP Super CacheやSimpleTagsなど有益なプラグインも導入しました。 中でもWP-DJTRというプラグインは面白いですよ～～？ [...]
[...] テキストを画像に変換するプラグインから「wp-DJTR」をダウンロード [...]
[...] 表示／UI機能 ◆テキストを画像に変換するプラグインwp-DJTR http://www.techdego.com/2007/04/wp-djtr.php [...]
[...] wp-DJTR [...]
[...] ↑のように複数のフォントを切り替えて使うのであれば wp-DJTR が便利です。 [...]
[...] というわけでwp-DJTRってのを使ってみたのです。 [...]
記事タイトルを手書きフォントに…
ブログタイトルと投稿記事のタイトル、コメント送信者の名前などをWordpress pluginを利用して手書きフォントで画像表示しました。
使用プラグイン
テキストを画像に変換するプラグイ….
記事タイトルを手書きフォントに…
ブログタイトルと投稿記事のタイトル、コメント送信者の名前などをWordpress pluginを利用して手書きフォントで画像表示しました。
使用プラグイン
テキストを画像に変換するプラグインwp…
[...] テキストを画像に変換するプラグインwp-DJTR | Tech de Go « さあ、才能(じぶん)に目覚めよう - のテスト受けてみました [...]
[...] どんなTrueTypeフォントでも使用できるようになるプラグイン「wp-DJTR」 [...]
[...] タイトルを画像に変換するプラグイン、或いは文字列を変換するプラグイン、有ることはあるのだが、Wordpressの２．８に対応していなかったり、片方だけの機能だったりする。ところがwp-DJTRは違う。タイトルも文中の文字列も、どちらにも対応しているのだ。そしてなによりも２．８．３に対応しているのが嬉しい。 [...]
[...] テキストを画像に変換するプラグインwp-DJTR [...]
[...] wp-DJTRプラグインを入れてみました [...]
[...] 配布先のhttp://www.techdego.com/2007/04/wp-djtr.phpからダウンロード⇒アップロード⇒有効化します。 [...]
[...] wp-DJTR Version 0.5.5 プラグインを入れてみました [...]
[...] Dynamic Japanese Text Replacement for WordPress バージョン 0.5.5 テキストを画像に変換できる まったりで紹介記事 [...]
Post a Comment