「Tumblr」ブログの背景に好きな画像を設定したい【T】

「Tumblr」のブログを自分らしく彩るなら、背景画像(バックグラウンド画像)のカスタマイズが最も効果的ですよ。


標準の単色背景から、お気に入りの写真やイラストに変更するだけで、ブログの印象はガラリと変わります。Tumblrでは、多くのテーマで専門的な知識がなくても、マウス操作だけで簡単に背景画像をアップロードして設定できるようになっています。

画像1枚を大きく表示させてインパクトを出したり、小さなパターン画像を敷き詰めて可愛らしく演出したりと、表現の幅はアイデア次第でどこまでも広がります。

自分のブログを特別な空間にするための、背景設定の手順を確認してみましょう。

カスタマイズ画面から画像をアップロードする

背景画像の設定は、ダッシュボードにある「外観を編集」メニューから行います。

  • 設定画面から「テーマを編集」ボタンを押し、プレビュー画面を表示させます。

  • 左側のメニューにある「背景画像(Background Image)」という項目を探して、画像ファイルを選択しましょう。

  • 画像を選択すると即座にプレビューに反映されるため、全体のバランスを見ながら調整することが可能です。

注意点として、使用しているテーマによっては「背景画像」という項目が用意されていない場合があります。

その場合は、テーマそのものをカスタマイズ可能なものに変更するか、詳細設定から調整する必要があるため、まずは自分のテーマの設定項目を確認するようにすると失敗しにくいですよ。


画像の並び方や固定位置を調整する

画像をアップロードした後は、その画像が画面上でどのように表示されるかを細かく設定できます。

  1. 「背景の繰り返し(Background Repeat)」をオンにすると、小さな画像がタイル状に敷き詰められます。

  2. 「背景を固定(Background Attachment)」をオンにすれば、画面をスクロールしても背景画像が動かないスタイリッシュな演出が可能です。

  3. 「背景サイズ(Background Size)」で「Cover」や「拡大して表示」を選ぶと、画面の端まで画像が隙間なく表示されます。

アドバイスとして、文字が読みづらくならないよう、背景画像は少し暗めにするか、彩度を落としたものを選ぶのが、記事を読みやすく保つために非常におすすめですよ。


高度な設定で背景をさらに追い込む

テーマの標準機能で満足できない場合は、少しだけ記述を加えて理想の見た目に近づけることもできます。

  • メニューの最下部にある「詳細設定」の「カスタムCSS」欄に、背景を制御するコードを追加してみましょう。

  • 例えば「背景の不透明度を調整したい」といった、標準メニューにはない細かなこだわりもCSSを使えば実現可能です。

  • 変更を加えた後は「保存」を押す前に、必ずプレビューで文字の視認性が落ちていないかチェックしておきましょう。

注意点として、あまりに高解像度で重い画像を背景に設定してしまうと、ブログ全体の表示速度が落ちてしまうことがあります。

適切なファイルサイズに圧縮してからアップロードすることが、読者にストレスを与えず快適に閲覧してもらうための鍵になるはずですよ。


人気のある投稿記事

「Excel」カーソルの白十字を元に戻したい

「Excel」を使ったことはあっても、他人が使ってる「Excel」って、変な設定になってることがありませんか?例えば、カーソルが白い十字のままで、通常ならばセルの右下端をドラッグすることができ、連番を振ったりできるのに、それができないこととか。