「Tumblr」ブログの背景に好きな画像を設定したい【T】
![]() |
カスタマイズ画面から画像をアップロードする
背景画像の設定は、ダッシュボードにある「外観を編集」メニューから行います。
設定画面から「テーマを編集」ボタンを押し、プレビュー画面を表示させます。
左側のメニューにある「背景画像(Background Image)」という項目を探して、画像ファイルを選択しましょう。
画像を選択すると即座にプレビューに反映されるため、全体のバランスを見ながら調整することが可能です。
注意点として、使用しているテーマによっては「背景画像」という項目が用意されていない場合があります。
その場合は、テーマそのものをカスタマイズ可能なものに変更するか、詳細設定から調整する必要があるため、まずは自分のテーマの設定項目を確認するようにすると失敗しにくいですよ。
画像の並び方や固定位置を調整する
画像をアップロードした後は、その画像が画面上でどのように表示されるかを細かく設定できます。
「背景の繰り返し(Background Repeat)」をオンにすると、小さな画像がタイル状に敷き詰められます。
「背景を固定(Background Attachment)」をオンにすれば、画面をスクロールしても背景画像が動かないスタイリッシュな演出が可能です。
「背景サイズ(Background Size)」で「Cover」や「拡大して表示」を選ぶと、画面の端まで画像が隙間なく表示されます。
アドバイスとして、文字が読みづらくならないよう、背景画像は少し暗めにするか、彩度を落としたものを選ぶのが、記事を読みやすく保つために非常におすすめですよ。
高度な設定で背景をさらに追い込む
テーマの標準機能で満足できない場合は、少しだけ記述を加えて理想の見た目に近づけることもできます。
メニューの最下部にある「詳細設定」の「カスタムCSS」欄に、背景を制御するコードを追加してみましょう。
例えば「背景の不透明度を調整したい」といった、標準メニューにはない細かなこだわりもCSSを使えば実現可能です。
変更を加えた後は「保存」を押す前に、必ずプレビューで文字の視認性が落ちていないかチェックしておきましょう。
注意点として、あまりに高解像度で重い画像を背景に設定してしまうと、ブログ全体の表示速度が落ちてしまうことがあります。
適切なファイルサイズに圧縮してからアップロードすることが、読者にストレスを与えず快適に閲覧してもらうための鍵になるはずですよ。
