[June 4, 2005]

MT 「もんたメソッド」の組み込み

Category: Movable Type

第4回  「もんたメソッド」の組み込み

今回のMovable TypeのTipsは予定を変更して今話題の「もんたメソッド」の設置をお届けします。

「もんたメソッド」についてご存知のない方は、以前のエントリー「もんたメソッド」「もんたメッソド [実装編]」をご参照ください。

それでは早速始めましょう!

<【ご注意】
Firefox、Netscape最新版等では「MT+もんたメソッド」は機能しないようです。

◎設置までの手順

  1. MTの管理画面テンプレート、テンプレートmonta.jsを作り保存する。
  2. MTの管理画面テンプレート、テンプレートモジュールmonta-methodを作り保存する。
  3. メインページ、各アーカイブファイルにmonta-methodをインクルードするMTタグを記述し保存する。
  4. サイトの再構築を行う。

■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, もんたメソッド


Amazon Search

Trackbacks

Trackbacks URL:
http://bitbizdesign.com/mt/mt-tb.cgi/131

▼この一覧は、次のエントリーを参照しています: MT 「もんたメソッド」の組み込み:

» もんたメソッド
送信元 :世の中は不思議なことだらけ

世の中は不思議なことだらけ
.kakusu {background-color:#98D098;color [詳しくはこちら]

» もんたメソッドを導入しました。
送信元 :ブログ通販ピーマツヤ

ブログ通販ピーマツヤ
今、話題の”もんたメソッド”をピーマツヤに導入してみました。 もんたメソッドとは... [詳しくはこちら]

» もんたメソッドの組み込み
送信元 :The Return of 不定期戲言

The Return of 不定期戲言
なにやら密かなブームになっている、もんたメソッドを組み込んでみたけど、ここのサイ... [詳しくはこちら]

Comments::コメント

試しにやってみました。(^^)
作成時でのプレビュー画面で、上手く表示されたのですが、アップしたら表示されませんでした。(T_T)(T-T)

頭を冷やすために一度削除しました。
すみませんが、既に送ってしまったTBは、削除してくださいませ!m(_ _)m

なぜだ~!(・・?)

by ラム Site icon : June 5, 2005 11:28 PM

>既に送ってしまったTBは、削除してくださいませ
了解いたしました〜。
削除させて頂きました。

by はらだ Site icon : June 5, 2005 11:35 PM

できました!(^_-)v

多分、どこかのタグを間違えたのでしょう。

by ラム Site icon : June 6, 2005 9:05 AM

はじめまして

もんたメソッド導入の参考にさせていただきました。ありがとうございました。trackback誤爆してしまいました。

W分は、削除してください^^;すみません。

by マツピー Site icon : June 17, 2005 8:56 PM

マツピーさん、はじめまして!
コメント、TBありがとうございました。

>W分は、削除してください^^;すみません。
削除させていただきました。問題ありません :)

MT時々TBがWになるときがありますよね。
TB に失敗しました、みたいなメッセージがでて、再送、確認するとWになっているとか。

by はらだ Site icon : June 17, 2005 10:02 PM

TBは、MTが勝手に発信しました(笑)参考URLとして、ここのURLを載せたら察知してTB発信したようです^^;そのあと修正があって再度保存したらもう一回されました^^;

ボクはアフィリエイトの通販ブログをしてるんですが、もんたメソッド使ってみました(笑)

↓もんたメソッドでプーアール茶販売
http://www.pmatsuya.com/shop2/archives/000189.html

商用禁止ですかね?(笑)また遊びにきま~す。

by マツピー Site icon : June 18, 2005 1:37 AM

マツピーさん、サイト拝見しました。

不思議と隠してあるとクリックしたくなりますね。
単純にテキストを読ませるよりも、いいかも。
リズムがでてクリックしながら全体を読んでしまうような気がします。
以外と商用サイトで効果を発揮するかも(笑)

商売繁盛お祈りしております。
また遊びにきてください。

by はらだ Site icon : June 18, 2005 1:52 AM

“MT 「もんたメソッド」の組み込み”へのコメントを書く




保存しますか?