※ 当サイトではアフィリエイト広告を利用しています。

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

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

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

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

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

もしもへ https://affiliate150.com/important-point
著作情報
この記事を書いた人

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

sigezoをフォローする

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

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ブログのサイドバーの「最近の記事」の画像がアップ過ぎて全体が表示され...

コメント