Bloggerにブログカード導入とQooQリストのサムネイルを大きくした-びじねすゴドセブン

久方ぶりにBloggerをいじるので色々、思い出せない。。。やっぱり見やすい記事を書きたいと思ったときに、noteはデザインの自由度はないけど、その分、書くことに集中できますね。

とりあえずやったことをメモります。

Bloggerにブログカード導入

以下のページを参考にブログカードを使えるようにしました。ブログカードってのは、まさに以下のようにリンク先を大きく見やすく表示する機能

以下のページを参考にBloggerテンプレQooQのリスト版のサムネイル画像を大きくしました。

QooQというテンプレがなんか人気が高いということで、導入して、トップページのサムネイルの画像が小さいというのを大きくしました。以下がデフォルト設定でのリストのサムネイル画像のサイズ

これを以下のように長方形で大きくしました。

QooQのテンプレのHtmlをいじるところから

って部分を

と変更しました。

あと、CSSの部分についても以下のように変更しました。

}

.list-item-img-box{

flex-basis: 110px;

}

.list-item-img{

width: 150px;

height: 90px;

みやすいブログにするには、まだまだ思い出さないといけないこと、新しく学ばないといけないことが多そうです。

しのジャッキーでした。