HTML/CSS を使って iPhone・iPod touch のメール署名をカスタマイズする方法 - iPhone・iPod touch ラボ
iPhone・iPod touch ラボ:「iPhone・iPod Touch」のニュース、便利な使い方、アプリの紹介、アクセサリのレビューをお届けする総合情報サイト

ホーム > Hack - ハック > HTML/CSS を使って iPhone・iPod touch のメール署名をカスタマイズする方法

HTML/CSS を使って iPhone・iPod touch のメール署名をカスタマイズする方法

このエントリーを含むはてなブックマーク Yahoo!ブックマークに登録 livedoor clip!へ追加 Buzzurlにブックマーク Buzzurlにブックマーク

custom_signature_6.pngiPhone・iPod touch
でメールを作成すると署名が自動的に追加されます。

この署名は、「設定>」「メール」>「署名」、から編集が可能ですが、テキストしか使用できないためどうしても味気ないものになってしまいます。(アスキーアートという手もありますが。。。)

何か方法がないか調べてみたところ、少々手間がかかりますが HTML/CSSや画像を使えることが分かったので試してみました。

以下の手順は Windows 上で行いましたが、Mac でもほぼ同じかより簡単にできると思います。(特に plist の編集など)

 

用意するもの

  1. Jailbreak した iPhone または iPod touch
  2. SSH でアクセスできる環境(WinSCPなど)
  3. TeraPad などのエディタ(Mac は Property List Editor を使うので必要なし)
  4. 署名に使いたい画像(オプション)

 

Step 1 署名を変更する

署名がデフォルトのままだと、後のステップで必要になる項目がありません。何にでも構わないので、「設定」>「メール」>「署名」、でテキストを変更しておきます。

custom_signature_1.png
 

Step 2 メールの設定ファイルを取り出す

SSHiPhone・iPod touch に接続し、以下のディレクトリから設定ファイル、「comp.apple.mobilemail.plist」を PC にコピーします。

ファームウェア v1.1.1 - v1.1.3
/private/var/root/Library/Preferences/

ファームウェア v1.1.4
/private/var/mobile/Library/Preferences/

2008-04-29_1643.png

 

Step 3 「comp.....pist」ファイルのフォーマットを変更する

【補足】 Mac の場合は、PLE(Apple Property List Editor)でバイナリ形式の plist を編集できるので、このステップは必要ありません。

「comp.apple.mobilemail.plist」 はバイナリ形式になのでそのままでは編集できません。テキスト形式に変換してくれるWebサイトがあるのでそれを利用します。

【Convert Apple Property List from Binary to test XML】 http://140.124.181.188/~khchung/cgi-bin/plutil.cgi 

2008-04-29_2216.png
万一の備えてオリジナルはバックアップしておき、変換されたテキスト形式のファイルは別のディレクトリに保存しましょう。

 

Step 4 署名のHTMLコードを作成

署名に使う HTML/CSS のコードを作成します。普段使い慣れているツールで構いません。私はエントリーの最後に挙げるサイトを参考に、以下のような HTML コード を使いました。

<div style="font: 10px 'Lucida Grande',Verdana, Arial;
line-height: 18px;
color: #069FD2;
margin: 5px 0;
padding: 5px;
border: 1px #AAAAAA solid;
background: #fff">
<div style="padding: 2px 0 4px 66px; background:
url('**insert image url**');background-repeat:
no-repeat;" >
<strong>Nakimo</strong>
<br />
iPhone/iPod touch Lab
<br />
<a href="
http://ipodtouchlab.com">
http://ipodtouchlab.com</a>
</div>
</div>

 

作成した HTML/CSS のコードは<>(ブラケット)を含んでいるので、そのままでは plist に追加することはできません。そのため、こちらのサイトなどでブラケット他をエスケープする処理をしておきます。

2008-04-30_1042.png
 

Step 5 画像をBase64変換する(オプション)

メールクライアントの多くが外部の画像を表示しないようにしているため、少々無理やり(?)ですが、Base64エンコードをして画像を署名の中に埋め込みます。

エンコードには、DataURLMaker を使いました。

2008-04-29_2216.png

画像を指定して”Submit”をすると、変換されたコードが表示されます。「src=""」で囲まれた部分をコピーします。

2008-04-29_2218.png

 

Step 6 作成したコード、画像を「comp.....plist」に追加する

TeraPad (Mac では PLE)などで、ダウンロードしておいた「comp.apple.mobilemail.plist」を開きます。

2008-04-29_2210.png

SignatureKey」の、<string> と </string> で囲まれた部分に、Step 4 で作成したコードを挿入します。画像がある場合は、Step 5 で変換したコードをイメージへのリンクの代わりに使います。

「comp.apple.mobilemail.plist」を保存し、SSH を使って元々あったファイルと置き換えます。問題が無ければ、「設定」>「メール」>「署名」を開くと、以下のように表示されます。

custom_signature_9.png

 

【参考にしたサイト】

set a custom css signature on your iPhone 

Custom CSS/HTML Signatures

 

2008年4月30日 Nakimo | | Comment(2) | Trackback(0)|


関連するエントリー

◆ iPhone・iPod touchをワイヤレスタッチパッドに~今日のアプリ第103回
◆ 【人柱レポート】iPhone v1.1.3 Jailbreakをtouchで試してみた
◆ ワンクリック脱獄の「AppSnapp」が改良される
◆ イチバン簡単なiPod touch Jailbreak (ハック)の方法
◆ Apple が iPod Touch のハッキングを阻止

トラックバック(0)

このブログ記事を参照しているブログ一覧: HTML/CSS を使って iPhone・iPod touch のメール署名をカスタマイズする方法

このブログ記事に対するトラックバックURL:


コメント(2)

アプリもいいのですが、こういう情報は非常に面白いです。
自分でもやってみたいですね。

sunim :2008年5月 3日 20:44

質問なのですが。
iPhone内では署名が作成したとおりに表示されているのですが、送信先では署名内の画像部分が無表示です。

送信先の設定でしょうか?
ちなみにGmailとYahoo!メールなのですが。
送信先はWinのXPでどちらのWebメールもfirefoxで閲覧しています。

もしお分かりでしたら、お教え下さい。
よろしくお願いします。

sunim :2008年5月 6日 00:45

コメントする

(コメントは承認制とさせて頂きます。使い方・質問等はフォーラムへ。)







最近のエントリー

ガイド

カテゴリー

アプリ

キーワード