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! これだけでだいぶ幸せになれますね。

以上です。

  • このエントリーをはてなブックマークに追加
Just a second...