MT「クイックポスト引用部分のタグ装飾」: BitbizDesign/Hiroki's Weblog

[May 14, 2005]

MT「クイックポスト引用部分のタグ装飾」

Movable Type

第2回　クイックポスト引用部分のタグ装飾

今回のMovable TypeのTipsはセットアップしたクイックポストを使い投稿したエントリーの引用部分を自動的にタグ“blockquote”で囲むためのカスタマイズです。

前回、第1回は「Movable TypeのRSSフィールドの変更／テンプレートのindex.rdfに自分の名前を入れる」でした。
それでは、早速はじめましょう。

まず管理画面でクイックポストを作成します。すでに設定済みの方は必要ありません。
メインメニュー→ショートカット→クイックポストの作成
作成したクイックポストをお気に入りまたはブックマークバーなどに登録して下さい。

Movable Typeのディレクトリ内にあるCMS.pmのソースを変更します。
MT > lib > MT > App > CMS.pm

■変更前(CMS.pmの926行目)
$param{text} = sprintf qq(<a title="%s" href="%s">%s</a>\n\n%s),

上記をエディタで変更します。

■変更後（実際は改行なし）
$param{text} = sprintf qq(<blockquote><div class="blockquotetitle"><a title="%s" href="%s">%s</a></div>%s</blockquote>),

変更後サーバーにアップロードします。
CMS.pmの行数は目安です。
また、変更部分をコメントアウト（行頭に＃を追記）して変更後のソースをコメントアウトした行の次に追加してもいいようです。

次にスタイルシートを変更します。
styles-site.cssにblockquoteタグ、blockquotetitleクラスにスタイルを指定します。
このブログの場合は次のようにスタイルを指定しました。

blockquote {
font-size:x-small;
margin:10px 30px 5px 30px;
line-height:1.5;
padding:1em; 
border-style:dashed;
border-color:#663300;
border-width:1px;
background: #FAFAD2;
}

.blockquotetitle{
margin:2px 0;
padding-bottom:5px;
text-align: left;  
}

変更後、保管、再構築で終了。
このブログのエントリーからクイックポストした部分はつぎのように表示されます。

blogWatcher: BitbizDesign/ビットビジネスデザイナー原田弘樹のブログ
グラフの表示にはFlashを使用しており、拡大表示等をシームレスに行うことができ楽しい。バースト検索機能は、ある話題に関してブログを書いている人の間ではどの程度盛り上がっているか（バーストしているか）を検索し、バースト度がグラフ表示されます。

クイックポストを利用したエントリーがなんだか楽しくなりますよ。

■このエントリーは下記を参照しました
技術評論社『Web Site expert #02』の「Movable Typeカスタマイズテクニック　」伊藤直也編

■2005-12-12追記しました。 MT3.2にバージョンアップ後、上記の方法でクイックポストを設定した場合、文字化けが発生します。トラックバック頂いたニシヒロシマテクノミュージックさんのエントリーを参考に文字化け対策を追記します。

by Harada Hiroki : May 14, 2005 09:18 PM

Trackbacks

Trackback URL:
http://bitbizdesign.com/mt/mt-tb.cgi/121

Trackbacks: MT「クイックポスト引用部分のタグ装飾」:

» MT3.2におけるクイック投稿（クイックポスト） from ニシヒロシマテクノミュージック
修正も落ち着き下地がようやく整ってきたので、コレからは今まで使って来た便利機能を... [more...]

TrackbackTime: December 11, 2005 02:39 AM

Comments::コメント

引用部分を枠で囲んで違う色のベースカラーで表示するのって以前からやってみたかったので、こちらの記事が役立ちました。ありがとうございます。

1つ質問です。
blockquoteタグで囲んだ箇所って、改行は設定できないのでしょうか？
早速ご教示の方法でスタイルシートのテンプレートを弄り、私の最新エントリーで引用を表示してみたのですが、改行だけはどうもうまくいきません。
諦めるしかないのでしょうか…？

by Jean=Paul : May 23, 2005 12:31 AM

blockquote要素内でタグを記述しない改行は無視されます。
下記のように記述してみて下さい。

ちなみに短い引用は
<q>短い引用文</q>
とします。

by はらだ : May 23, 2005 01:22 AM

blockquote内はどうしてもタグが必要になるわけですね。
で、BRタグを使うと。ただしHTMLではなくXMLなので
ちょっと違うタグ記述方法になる、と。

質問しておいてよかったです。早速試してみたところ、
こちらの思うとおりになりました。
どうもありがとうございました。

by Jean=Paul : May 23, 2005 11:51 PM

問題解決したようですね、よかったです。

by はらだ : May 24, 2005 08:45 AM

[May 14, 2005]