2016/09/12

MTカスタマイズ:プラグイン「TinyMCE Plugin for Movable Type」

ムーバブルタイプの投稿画面ってSerene Bachの画面と比べるとすごくシンプルです。Serene Bachだと自分でよく使うボタンを登録できるのに、MTにはそういう設定はありません。

▼Movable Typeの投稿画面
mt_defaultentry.gif

▼Serene Bachの投稿画面
sb_entry.gif

Movable Type 入門さんの「エントリーで色ボタン設定」や「エントリーで文字サイズ設定」に入力支援ボタンを設定する方法がありました。でも、mt/tmpl/cms/edit_entry.tmplというファイルを書き換えなければならず、ちょっと私には敷居が高いです。簡単なタグは、単語登録してしまえばいいし。
そんなときに見つけたのが、MTをおしゃれにカスタマイズ♪さんのブログ。「TinyMCE Plugin for Movable Typeを導入」という記事が目に留まりました。早速導入!
     ↓

▼プラグインの入手先

▼設定方法

▼TinyMCE導入後の投稿画面
mt_wysiwygentry.gif

WYSIWYGになったので、ワープロソフトを使うような感覚で記事を作成できます。
最下段右から4つめのスマイルマークをクリックすると、別画面で下の画像が現れます。クリックすると投稿画面にアイコンが挿入されます。
emotion01.gif

デフォルトで入っているアイコンは数も少ないので、1キロバイトの素材やさんで画像をお借りして、追加しました。

emotion02.gif

  • mt-static/TineMCEforMT/js/tiny_mce/plugins/emotions/images/に登録したい画像をアップロードします。
  • mt-static/TineMCEforMT/js/tiny_mce/plugins/emotions/emotions.htmをTeraPadのようなテキストエディタやhtmlエディタで開いて編集します。テーブルになっているので、必要なだけ行や列を足してください。保存したファイルをサーバーにアップロードすればOKです。

tinymce.gif

ヒトミ

著者:ヒトミ

東京在住。犬のいない生活なんて考えられない!犬中心の毎日を送っています。趣味はアジリティー(ドッグスポーツ)と写真。

Twitterフォロー