• Home
  • Craft CMS
  • Craft CMS の管理画面の画像フィールドのサムネイルを大きくするカスタマイズ

Craft CMS の管理画面の画像フィールドのサムネイルを大きくするカスタマイズ

Craft CMS の画像フィールドのサムネイル、少し小さくないですか?

thumbnail-customize-min.png

画像はまだしも、ラベルがほとんど欠けていて見にくいですよね。

ということで、管理画面をカスタマイズしてみましょう。

Control Panel CSS plugin for Craft CMS

まずは、Control Panel CSS plugin for Craft CMS をインストールします。Craft 2 であれば Git から、Craft 3 であればプラグインストアからインストールします。

CSS を適用

続いて、Control Panel CSS プラグインの設定を開いて、下記の CSS を入れて保存します。

.elements .element.large.hasthumb {
    width: 200px !important;
}
.elements .element.large.hasthumb .elementthumb {
    width: 200px !important;
    overflow: hidden !important;
}
.elements .element.large.hasthumb .elementthumb img {
    width: 200px !important;
    height: auto !important;
    max-height: none !important;
}

thumbnail-customize2-min.png

That's it! これだけでだいぶ幸せになれますね。

以上です。

Recent Entries

Pickup Categories

Movable Type

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

Craft CMS

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