Custom Display Menu - Movable Type プラグイン

Custom Display Menu とは

Movable Type で作ったサイトをクライアントさんに納品するとき、不要なメニューをCSSで非表示にしたいことってありませんか？

その一手間をかけてあげるだけで、更新担当者は、Movable Type の管理画面がグッと使いやすくなる気がします。

しかし、いざCSSを当てようとしたとき、子要素のメニューにidが振られていないので、意外と面倒だったりすることがあると思います。

Custom Display Menu は、Movable Type の管理画面の各メニューに適切な id を振ってくれるプラグインです。

メニューの他に、body要素にも blog-x author-x（ x はそれぞれの id が入ります）という class を振り、head要素内ではそのページが特定できるように screen_id や blog_id、author_id などの JavaScript の変数を定義してくれるので、任意のページだけ CSS と JavaScript でカスタマイズするということが簡単になります。

これにより、メニューに限らず色々なフィールドを特定のユーザーに限って非表示にしたり、特定のユーザーのみアクセスできないように JavaScript でページ遷移させたりすることができます。

なお、現時点では Movable Type 4 のみに対応しています。

動作環境

Movable Type 4.2 で動作確認済み

このプラグインは、正規表現で元のソースを書き換えるので、対応バージョンが非常に狭いかもしれません。もしお使いのバージョン（MT4系）で対応していないものが合ったらご連絡ください。

ダウンロード

以下のページより、最新版をダウンロードしてください。

• Downloads - custom-display-menu-mtplugin - Google Code

インストール

ダウンロードしたファイルを解凍し、「plugins / CustomDisplayMenu」フォルダを Movable Type の「plugins」ディレクトリに、「mt-static / plugins / CustomDisplayMenu」を Movable Type の「mt-static / plugins」ディレクトリにそれぞれアップロードしてください。

• plugins
  • CustomDisplayMenu
• mt-static
  • plugins
    • CustomDisplayMenu
      • user.css
      • user.js

ブログメニューの「システムメニュー > プラグイン」を開き、プラグイン一覧の中に「Custom Display Menu」が表示されていればインストール成功です。

使い方

mt-static / plugins / CustomDisplayMenu 内の「user.css」と「user.js」をご自由に書いて管理画面をカスタマイズしてください。

当プラグインとほぼ同様の趣旨の「jQuery For MT」プラグインと組み合わせれば、jQueryを使ってより簡単にカスタマイズすることができます。

なお、「jQuery For MT」と組み合わせて使う場合は、Custom Display Menu の user.js に jQuery を書くようにしてください。

また、エムロジックさんの以下の記事にある設定を行えば、メニューの表示・非表示の設定はより簡単になります。

• 管理画面で使わないメニュー項目を非表示にする (エムロジック放課後プロジェクト)

各メニューに追加される id名

各メニューに追加される id名は、user.css に書いてあります。そちらをご確認ください。

body要素に追加される class名

body要素には、blog-x author-x（ x はそれぞれの id が入ります）という class名が追加されます。

head要素内で定義される JavaScript の変数名は、一覧表にまとめてあります。先ほどダウンロードしたファイルに iWork'09 の Numbers で作成したオリジナルデータ（var_list.numbers）と、それを Excel（var_list.xls）、csv（var_list.csv）に書き出したファイルが入っています（下のッ画像はその本の一部です）。

１行目が変数名、１列目がメニュー名です。そのメニューをクリックして表示されたページで定義される変数名のところに「１」が入っています。

なお、実際に定義される変数名には、この表の変数名に「cdm_」という接頭辞が付きますのでご注意ください。

ライセンス

個人利用・商用利用を問わず、このプラグインを無償で自由に利用することができます。プラグインの著作権は作者が所有しています。

このプラグインは無保証です。作者はこのプラグインの利用における一切の動作保証とサポートを行いませんのでご注意を。

更新履歴

custom-display-menu-mtplugin - Google Codeでご確認ください。

Custom Display Menu プラグインに関するブログ記事

• MT4の管理画面をCSSとJavaScriptカスタマイズしやすくするプラグイン - Custom Display Menu