MTの管理画面でヘッダーを固定するメモ

記事の管理画面にカスタムフィールドをたくさん追加したりしている場合、管理画面が高くなったりすることがあると思います。
デフォルトだと公開ボタンなどはサイドのウィジェットにしか無いため、編集がおわって公開するためにはまた上に戻る必要があります。

デフォルトメニュー

上に戻らないで保存・プレビュー等出来るようにするために、ヘッダ部分を固定して、保存/公開、プレビューのボタンを追加してみます(MT6.0.4、Chrome、Firefox、Safari on Macで確認)

MTAppjQuery の user.js に以下の様に記載します。

(function($){
if (mtappVars.screen_id === "edit-entry" || mtappVars.screen_id === "edit-page") {
  $('#header').css({
    "position": "fixed",
    "height": "60px",
    "width": "100%",
    "z-index": "9999"
  });
  $('#content').css({
    "padding-top": "80px"
  });

  var $mtappSaveBtn = $('div.save-action .primary');
  var $mtappPreviewBtn = $('div.preview-action .button');
  $('#utility-nav-list').prepend('<li id="mtapp-preview-btn"><button type="button" class="preview action button">' + $mtappPreviewBtn.text() + '</button></li>');
  $('#utility-nav-list').prepend('<li id="mtapp-save-btn"><button type="button" class="publish action primary button">' + $mtappSaveBtn.text() + '</button></li>');
  $('#mtapp-save-btn').on('click', function(){
    $mtappSaveBtn.click();
    return false;
  });
  $('#mtapp-preview-btn').on('click', function(){
    $mtappPreviewBtn.click();
    return false;
  });

}
})(jQuery);

ヘッダメニュー固定

幅や高さなどがある程度制限されますし、画面サイズ依存もあるので色々と追加してしまうと大変ですが、要望として上がった場合はお試し頂ければと思います。


Comments

comments powered by Disqus