« かなたさんのウェブログを設定しました。 | メイン | 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
トラックバック
このエントリーのトラックバックURL:
http://www.torihan.com/mt/mt-tb.cgi/22
このリストは、次のエントリーを参照しています: MovableTypeにBLOCKQUOTEボタンを追加:
» エントリー編集画面にblockquoteボタン from blog:m77style
いちいち<blockquote>を
手打... [続きを読む]
トラックバック時刻: 2004年11月14日 02:09
» MovableTypeのQuoteボタンが気に入らない from きりしま屋
MovableTypeを3.1にしたときに、編集画面にQuoteボタンが用意されました。 こんなん。 機能的には、以前、 鳥繁.COM: MovableType... [続きを読む]
トラックバック時刻: 2004年12月23日 12:07