MT3.0に引用ボタン

他のblogの記事を参考にしてエントリーを書く時に引用部分を他とわかりやすく区別する為のタグをボタンひとつで挿入できるのでとても便利です。

こんな感じです♪

今回はDEPOLOGさんの「blockquoteを簡単に」とdimancheさんの「MT3.0にアップグレード♪」を参考にさせていただきました。

まずはテンプレートのスタイルシートにblockquote用のスタイルを定義します。
これはもうお好みですがウチの場合は以下の通りです。

blockquote { padding-left:5px; padding-right:5px; border-left: #c03 10px solid; line-height: 150%; background: #ffe; margin-top 20px; margin-bottom 20px; margin-left: 20px; margin-right: 20px; border-right: 1px #000 solid; border-bottom: 1px #000 solid; }

次に編集画面に表示するボタンを用意します。
DEPOLOGさんにボタン画像も用意されていたのでありがたく保存して使わせてもらいました。
この画像はimagesディレクトリにUPしておきます。
以上で準備段階終了です。

次にtmpl内のcmsディレクトリの中にある「edit_entry.tmpl」をいじります。

document.write('<td width="24"><a href="javascript:formatStr(\'blockquote\')"><img src="<TMPL_VAR NAME=STATIC_URI>images/blockquote.gif" alt="blockquote" width="24" height="18" border="0"></a></td>');

以上を174行目と175行目の間にコピペします。
これで引用したい文章をドラッグした状態で新しくできた引用ボタンを押すだけでラクに引用できます♪