[Blogger Template]Hamletのサムネイルを1:1にする

[Blogger Template]Hamlet

内容は見ていないのですが、ちょこちょこ更新されているので、テンプレートを更新しました。

私が試しているもの → https://ai-art-image.blogspot.com/

カスタマイズの備忘録として
(これをやると1:1の画像しか投稿できなくなるので注意)
インスタライクなテーマはあったはずなので、後でチェックしてみます

<b:include data='{ class: &quot;card-image&quot;, src: data:post.featuredImage, resize: (data:isYoutube ? 600 : 420), ratio: (data:isYoutube ? &quot;16:9&quot; : &quot;4:4&quot;), params: data:skin.vars.c_imageParams, loading: (data:i gt 2 ? &quot;lazy&quot; : &quot;&quot;) }' name='@image'/>

追加CSS

.card-meta{padding:3rem;background:var(--card-body-bg,transparent);aspect-ratio:10/10;display:flex;flex-direction:column;justify-content:flex-end;position:relative}