【QooQ】QooQテーマをリスト化-てぃものブログテスト帳

デフォでList版あるでしょって話だけど、最初からまたカスタマイズするのは面倒なので直接書き換える事にしました。

参考記事

参考記事のやつをやったんだけど

サムネ画像のサイズが違うとリストのサイズが変わってしまうのが気に食わなくて、比率ではなく、px指定にしました。

widthをpxに変更

heifhtを付け足しました。

.list-item-img{
	display: block;
    width: 320px; /* 追記 */
	height : 180px;　/* 追記 */
    padding: .3em; /* 追記 */
    align-self: center; /* 追記 */
}

デフォルト画像を設定していたので

.list-item-img-def{

に追記して、widthを合わせました。

.list-item-img-def{
     display: block;
     width: 40%;
    padding: .3em; /* 追記 */
    align-self: center; /* 追記 */
}

リサイズの設定も影響あると思い、数値を合わせておきました。

<img class='list-item-img'

で検索して数値を変える。

<img class='list-item-img' expr:src='resizeImage(data:post.firstImageUrl, 320, &quot;16:9&quot;)' height='180' width='320'/>

【QooQ】QooQテーマをリスト化