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

Seesaaブログの最近の記事のサムネイル画像を全体表示にする方法 Seesaaブログアフィリエイトとカスタマイズ

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

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

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

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

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

Seesaaブログスタイルシート編集画面

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

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

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

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

Seesaaブログの最近の記事のサムネイル画像を全体表示にする方法
Seesaaブログのサイドバーの「最近の記事」の画像がアップ過ぎて全体が表示され...

コメント

タイトルとURLをコピーしました