Lightningの記事一覧の画像サイズを変更

lightningのデフォルト状態のトップやカテゴリの記事一覧で表示されるサムネイル画像をもう少し大きくしたいと思うことがあります。
そんな時に便利なのが、VK ExUnitの中にある「CSSカスタマイズ」。下記のコードを記載すると画像サイズの変更が可能です。

まず「Regenerate Thumbnails」(プラグイン)で表示したいサムネイル画像を再生成しておきます。現状のままでも数値を変えても変更可能ですが余計な容量がかさんだり、小さ過ぎて粗くなったりします。
投稿した画像が多いと処理に時間がかかりますよ。

/* 記事一覧画像サイズ変更 */

.media .postList_thumbnail{
    width: 280px !important;
}
 
@media (max-width: 480px){
    .media .postList_thumbnail{
    width: 100% !important;
    padding-right:0px!important;
 
}
}

基本上段の280pxの数値を変更すれば反映されますよ。

Follow me!

画像使用のお問い合わせ

当サイト「これ蔵」では、掲載しております戦前絵葉書の画像データを印刷・放送・コンテンツ用にご提供可能です。