[May 14, 2005]

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

Category: 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;  
}

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

グラフの表示にはFlashを使用しており、拡大表示等をシームレスに行うことができ楽しい。 バースト検索機能は、ある話題に関してブログを書いている人の間ではどの程度盛り上がっているか(バーストしているか)を検索し、バースト度がグラフ表示されます。

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

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

2005-12-12追記しました。

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

/lib/MT/App/CMS.pm
の889行目あたりのjavascriptの中のescape()関数をすべてencodeURIComponent()に変更(3カ所)すればOK。 いや、よかったよかった。

因みに上記は単純にescapeをencodeURIComponentに変更すればOKです。変更アップロード後は文字化けしていたクイック投稿を削除してから、新たにクイック投稿を設定するのをお忘れなく。

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

Tag: Movable Type, クイックポスト


Amazon Search

Trackbacks

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

▼この一覧は、次のエントリーを参照しています: MT「クイックポスト引用部分のタグ装飾」:

» MT3.2におけるクイック投稿(クイックポスト)
送信元 :ニシヒロシマエレクトロン

ニシヒロシマエレクトロン
修正も落ち着き下地がようやく整ってきたので、コレからは今まで使って来た便利機能を... [詳しくはこちら]

» クイック投稿をカスタマイズ
送信元 :nuishi.Pastorale

nuishi.Pastorale
現在見ているウェブページを引用して簡単にブログを書くことの出来るMovable Typeのクイック投稿ですが、自分の使いやすいようにカスタマイズしてみました。 [詳しくはこちら]

» クイックポストの使用方法について
送信元 :K's Labo

K's Labo
今更ながら、MovableTypeの機能の「クイックポスト」なるものを利用してみ... [詳しくはこちら]

Comments::コメント

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

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

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

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

<blockquote><p>
××××××××××××××××××<br />
××××××××××××××××××<br />
××××××××××××××××××</p>
</blockquote>

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

by はらだ Site icon : May 23, 2005 1:22 AM

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

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

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

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

by はらだ Site icon : May 24, 2005 8:45 AM

はじめまして。
トラックバック有り難うございます。

1年以上MTを放ったらかしにしていましたら、色んなことをすっかり忘れてしまってまして、こちらの記事が非常に参考になりました。
また色々と参考にさせて頂こうと思います。
失礼します。

by eiji-low Site icon : December 12, 2005 11:44 PM

eijilowさん、コメントありがとうございました。
お役に立てたようで、嬉しいです。

by はらだ Site icon : December 12, 2005 11:54 PM

“MT「クイックポスト引用部分のタグ装飾」”へのコメントを書く




保存しますか?