• Home
  • MTAppjQuery
  • Movable Type の記事編集画面で MTAppjQuery を使ってカテゴリ選択欄をメインカラムに移動した時に適用しておくといい CSS

Movable Type の記事編集画面で MTAppjQuery を使ってカテゴリ選択欄をメインカラムに移動した時に適用しておくといい CSS

Movable Type の記事編集画面において、MTAppjQuery を使ってカテゴリ選択欄を右サイドバーから中央のメインカラムに移動するというのは良くやるカスタマイズのうちの一つです。

あ、余談ですが、MTAppFieldSort というメソッドは、普通に下記のようにしてカテゴリ欄もメインカラムに移動した上で順番を揃えることができます。

$.MTAppFieldSort({
  sort: 'title,category,tags,text,excerpt,keywords'
});

話を戻すと、カテゴリ欄をメインカラムに移動すると、そのままでは下図のように幅を持て余して少しもったいない感じになります。

CSS適用前

この時、MTAppjQuery の user.css に下記のスタイルを追加しておくと、下図のように横幅が広がってしっくりきます。

#main-content #category-selector {
  max-width: none;
}
#main-content #category-selector #category-selector-list div.list-item div {
  width: inherit !important;
}

CSS適用後

このスタイル、MTAppjQuery 本体の MTAppjQuery.css に入れておこうかな。

以上です。みなさま、夏バテにご注意ください!

MTAppjQuery について

Movable Type の管理画面をフロントエンドの知識だけで簡単にカスタマイズすることができます。

クライアントの満足度を高めるためにぜひお使いください。

MTAppjQuery の詳細を見る

Iamge Description

Recent Entries

Pickup Categories

Movable Type

CMSとして国内5万サイト以上に導入されている Movable Type に関する記事です。

Craft CMS

CMS 業界で注目の Craft CMS に関する記事です。Craft CMS はチーム全体をハッピーにしてくれる素晴らしい CMS です。