概要
- 背景画像の美しさを生かすテーマです。
- レスポンシブデザイン対応!
デモサイト
https://theme-transparent.hatenablog.com/
カスタマイズ法はこれから少しずつ紹介していきます。
利用上の注意
背景写真(background)によっては全体的に見辛くなる場合があります。全体的に暗く、明度差が少ない写真をお使いすることを推奨します。
背景写真の変更方法
{}デザインCSSに追加してください
/* PCでの背景設定 */ body { background-image: url('画像url'); } /* スマホ・タブレットでの背景設定 */ @media only screen and (max-width: 768px) { body { background: none; } body::before { background: url('画像url'); background-size: cover; background-position: center center; } }