鳥繁
- 鳥繁 -

« かなたさんのウェブログを設定しました。 | メイン | MovableTypeにREDボタンを追加 »

2004年09月01日

MovableTypeにBLOCKQUOTEボタンを追加

MovableType 3.0のエントリーの投稿画面にBLOCKQUOTEボタンを追加してみました。

こんなん。
Blockquote

文字列を選択してクリックすると、<blockquote></blockquote>タグで囲まれます。

手順は、他のサイトを参考にせずに(苦笑)、自分の以前の改造を振り返りながら行ないました。

きりしま屋: MovableTypeにボタンを追加する

まずボタンの画像を用意します。

Blockquote

画像を
/mt/images/
にアップロードします。

つぎに、
mt/tmpl/cms/edit_entry.tmpl
の172行付近に、

write('<a title="<MT_TRANS phrase="Bold">" href="#" onclick="return formatStr(document.entry_form.text, \'strong\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/bold-button.gif" alt="<MT_TRANS phrase="Bold">" width="24" height="18" border="0" /></a>');


というのがあるはずです。これが、Bold(太字)ボタンなので、これと類似の行を作って挿入してやればいいわけです。

write('<a title="<MT_TRANS phrase="Blockquote">" href="#" onclick="return formatStr(document.entry_form.text, \'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blockquote-button.gif" alt="<MT_TRANS phrase="Blockquote">" width="24" height="18" border="0" /></a>');

こんなのを挿入してみました。

で、引用タグはスタイルシートで

blockquote {
border: 1px solid;
padding: 5px;
}

こんな調子で飾ってやるといいかもしれません。

本文の部分だけに適用したい場合は、

.contentのクラスの下に定義して、

.content blockquote {
border: 1px solid;
padding: 5px;
}

とやるといいんですかね。スタイルシートよくわかってないですが。

同様のワザをMT3.0用にまとめてくれた方がいます。

風のまにまに号のyouthkee様が公開してたDW風編集ボタンを設置してみたがMT2.6用ぽかったのでMT3.0用に変えてみる
テスト用: おぼえがき

そして、元祖本家はこちら。

MTの編集画面にDreamweaver風のボタンを:風のまにまに号

2004年9月21日追記

デフォルトのテンプレートだと、Main Indexの本文は、
.content blockquote
に対し、Individual Entry Archiveは、
.container .content blockquote
になるらしい。
本文だけに適用したい場合、
スタイルシートの設定が面倒なので、Individual Entry Archiveの
<div id="container">
と、対応する
</div>
を削除して対応するか、反対にMain Indexに追加するか。

投稿者 Kirishima : 2004年09月01日 11:17

鳥繁.COM
Copyright © 2003-2020, Torihan.com