- 鳥繁 -
« かなたさんのウェブログを設定しました。 | メイン | MovableTypeにREDボタンを追加 »
2004年09月01日
MovableTypeにBLOCKQUOTEボタンを追加
MovableType 3.0のエントリーの投稿画面にBLOCKQUOTEボタンを追加してみました。
こんなん。
文字列を選択してクリックすると、<blockquote></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
Tweet