今回のMovable TypeのTipsは予定を変更して今話題の「もんたメソッド」の設置をお届けします。
「もんたメソッド」についてご存知のない方は、以前のエントリー「もんたメソッド」「もんたメッソド [実装編]」をご参照ください。
それでは早速始めましょう!
<【ご注意】
Firefox、Netscape最新版等では「MT+もんたメソッド」は機能しないようです。
◎設置までの手順
■monta.jsのもとになるコードを手に入れます。→http://tech.yappo.jp/download/monta.js.txt
MTの管理画面、テンプレートの新規作成、コピーしたコードをテンプレートの中身部分に貼付けます。
このブログではオレンジ色(#FF4500)で隠し、クリック後の隠した部分の文字色(#FF4500)、背景色白(#fff)になるように変更しました。尚、#fffは#ffffffの省略形です。
{monta_o_f = '#FF4500';}
{monta_o_b = '#fff';}
{monta_c_f = '#FF4500';}
{monta_c_b = '#FF4500';}
テンプレートの名前、出力ファイル名を記述後保存します。このブログではテンプレートの名前もんたメソッド、出力ファイル名monta.jsとしました。
■次にテンプレートモジュールを作成します。
管理画面テンプレート、テンプレートモジュール、新しいテンプレートモジュールを作るをクリック。
モジュールの中身に次の通り記述します。
<script type="text/javascript" src="<$MTBlogURL$>monta.js"></script><!--▲もんたメソッド-->
記述後、保存します。このブログではテンプレートの名前をmonta-methodとしました。
■次にテンプレートのメインページ、各アーカイブテンプレートにテンプレートモジュール「monta-method」をインクルードするためのMTタグを記述します。
記述するMTタグ。モジュ−ル名monta-methodを違う名前にした場合はその名前を記述します。
<$MTInclude module="monta-method"$>
これをそれぞれのテンプレートの</MTEntryIfExtended>の下当たりに記述します。
<MTEntryIfExtended> ×××××××××××× </MTEntryIfExtended> <$MTInclude module="monta-method"$>
記述後、保存、サイトの再構築で終了です。
▼ページ上でのもんたメソッドの記述のしかたです。
例として、女性のブロガーがプロフィールのページをエントリーしようとしています。
「私の3サイズは、B88×W55×H90で〜す。」
のサイズ部分を隠しておもわせぶりにしたい場合は下記のように記述します。
「私の3サイズは、<span monta="on">B88×W55×H90</span>で〜す。」
上記のように記述するとこのようになります。男性ファンはクリックするマウスの指に力がはいるでしょう(笑)
「私の3サイズは、B88×W55×H90で〜す。」
次回は、今回のカスタマイズにも利用した、MTのカスタマイズの効率化に有効な「テンプレートモジュール」の作成についてお届けする予定です。
【参考】
このエントリーは下記のページを参照させて頂きました。
既存のページにもんたメソッドを簡単に組み込むツールを作った
【ご注意】
MTで実装する場合は上の方法か、各テンプレートに下記を記述する方法にして下さい。
<script type="text/javascript" src="<$MTBlogURL$>monta.js"></script>
参照先の説明の通りに記述するとFirefox、Netscapeでうまく色がつきません。
修正のヒントは下記を参考にさせて頂きました。
もんたメソッドの簡単実装:http://www.lacrime.net/item_1155.html
by Harada Hiroki : June 4, 2005 11:15 AM
Tag: Movable Type, もんたメソッド
Trackbacks URL:
http://bitbizdesign.com/mt/mt-tb.cgi/131
試しにやってみました。(^^)
作成時でのプレビュー画面で、上手く表示されたのですが、アップしたら表示されませんでした。(T_T)(T-T)
頭を冷やすために一度削除しました。
すみませんが、既に送ってしまったTBは、削除してくださいませ!m(_ _)m
なぜだ~!(・・?)
by ラム : June 5, 2005 11:28 PM
>既に送ってしまったTBは、削除してくださいませ
了解いたしました〜。
削除させて頂きました。
by はらだ : June 5, 2005 11:35 PM
できました!(^_-)v
多分、どこかのタグを間違えたのでしょう。
by ラム : June 6, 2005 9:05 AM
はじめまして
もんたメソッド導入の参考にさせていただきました。ありがとうございました。trackback誤爆してしまいました。
W分は、削除してください^^;すみません。
by マツピー : June 17, 2005 8:56 PM
マツピーさん、はじめまして!
コメント、TBありがとうございました。
>W分は、削除してください^^;すみません。
削除させていただきました。問題ありません :)
MT時々TBがWになるときがありますよね。
TB に失敗しました、みたいなメッセージがでて、再送、確認するとWになっているとか。
by はらだ : June 17, 2005 10:02 PM
TBは、MTが勝手に発信しました(笑)参考URLとして、ここのURLを載せたら察知してTB発信したようです^^;そのあと修正があって再度保存したらもう一回されました^^;
ボクはアフィリエイトの通販ブログをしてるんですが、もんたメソッド使ってみました(笑)
↓もんたメソッドでプーアール茶販売
http://www.pmatsuya.com/shop2/archives/000189.html
商用禁止ですかね?(笑)また遊びにきま~す。
by マツピー : June 18, 2005 1:37 AM
マツピーさん、サイト拝見しました。
不思議と隠してあるとクリックしたくなりますね。
単純にテキストを読ませるよりも、いいかも。
リズムがでてクリックしながら全体を読んでしまうような気がします。
以外と商用サイトで効果を発揮するかも(笑)
商売繁盛お祈りしております。
また遊びにきてください。
by はらだ : June 18, 2005 1:52 AM