Seesaaブログの最近の記事のサムネイル画像を全体表示にする方法

Seesaaブログのサイドバーの「最近の記事」の画像がアップ過ぎて全体が表示されてませんので、画像の全体が表示されるようにカスタマイズしていきます。

利用しているデザインによってはやり方が違う場合があるようですが、シンプル系のデザインでのやり方を紹介していきます。

sigezo

WEBエンジニア11年目。これまでに100を超えるサイトの立ち上げや運営に携わり、2017年に法人化。カスタマイズ、デザイン、ツール作成、サイト移転まで何でもこなします。

最近の記事の画像の全体表示の手順

Seesaaブログの管理画面からデザイン⇒CSS/HTML編集⇒適応中のデザイン⇒スタイルシートの編集を選択。

スタイルシートの一番下に以下のコードを追加。

.recent-entry__thumbnail img {
    max-width: 100%;
    height: auto;
}
.recent-entry__thumnail img {
    max-width: 100%;
    height: auto;
}

追加したら保存したらOK。後はブログを表示させて確認。

以上Seesaaブログの最近の記事のサムネイル画像を全体表示にする方法でした。