Tumblrに背景画像を入れる方法

このWikiHowでは、Tumblrの背景に写真を表示する方法を説明します。Tumblrテーマによっては、アップロードやHTML編集によって背景画像を変更できないものがあります。

方法1

カスタマイズ可能なテーマを使う

1. Tumblrのウェブサイトにアクセスします。場所は 。ブラウザにサインインしている場合は、Tumblrのホームページに移動します。

   • Tumblrにサインインしていない場合は、メールアドレスとパスワードを入力し、サインインをクリックします。
2. プロフィールアイコンをクリックします。ページの右上にある人の形をしたアイコンです。
3. 編集したいブログの名前をクリックします。プロフィールのドロップダウンメニューの約半分下にある「TUMBLRS」の見出しの下にあります。
4. 外観を編集をクリックする。このオプションはページの右上、下書きセクションと投稿セクションのすぐ下にあります。
5. テーマの編集をクリックします。プロフィール写真の下にある "ウェブサイトのテーマ "の右側にあります。
6. Background（背景）」の隣にあるカメラか鉛筆のアイコンを探してください。このオプションは "テーマオプション "見出しの下にあります。Backgroundの右にカメラか鉛筆のアイコンがあれば、自分の画像をアップロードできます。

   • Tumblrテーマによっては、「背景」のバリエーション（例：「背景を選択」）がここにあります。
   • ブログのテーマオプションにこのオプションがない場合は、.
   • 自分の写真をアップロードできる無料テーマには、「Catching Elephant」や「Papercut」などがあります。有料テーマには「Queens」と「Halcyon」があります。
7. カメラアイコンをクリックします。すると、コンピューターから写真を選択できるウィンドウが表示されます。

   • テーマによっては、代わりに鉛筆のアイコンをクリックします。
8. 写真を選択します。お使いのコンピュータやウィンドウが開く場所によっては、コンピュータの「写真」フォルダに移動する必要があります。

   • テーマによっては、最初に「写真を選択」をクリックする必要があります。
   • 写真が比較的高画質であることを確認してください。そうしないと、画像が粗くなったり、ピントが合っていないように見えることがあります。
9. 開く」をクリックします。ウィンドウの一番下にあります。そうすると、写真がTumblrにアップロードされます。そうすると、数秒以内にテーマが更新され、新しい背景が表示されるはずです。

方法2

HTMLを編集する

1. Tumblrのウェブサイトにアクセスする。場所は.ブラウザにサインインしている場合は、Tumblrのホームページに移動します。

   • Tumblrにサインインしていない場合は、メールアドレスとパスワードを入力し、サインインをクリックします。
2. プロフィールアイコンをクリックします。この人型のボタンはページの右上にあります。
3. 編集したいブログの名前をクリックします。プロフィールのドロップダウンメニューの約半分下にある「TUMBLRS」の見出しの下にあります。
4. 外観の編集をクリックします。このオプションはページの右上、下書きセクションと投稿セクションのすぐ下にあります。
5. テーマの編集をクリックします。プロフィール写真の下にある "ウェブサイトのテーマ "見出しの右側にあります。
6. HTMLを編集」をクリックします。このリンクは、"テーマの編集 "サイドバーの一番上にあるテーマ名の下にあります。
7. 歯車のアイコンをクリックします。HTMLの編集」バーの左上にあります。
8. 検索と置換」をクリックします。編集したいコード行を検索するウィンドウが開きます。
9. body {と入力する。このタグは、カスタマイズ可能な背景画像を含むすべてのTumblrテーマに存在します。

   • 選択したテーマのHTMLに「body {」タグが含まれていない場合、背景画像を変更することはできません。
10. background:」タグを探してください。これは「body {」タグの真下にあります。ここに、画像のURLを「:」と行末の「;」の間に追加します。
11. background:」と「;」の間のテキストは、URLタグに置き換えてください。URLタグは次のように記述します： url().

    • 実際には、この行全体をbackground: url(www.website.com/image.jpg);と記述します。background: "部分と "url "部分の間にスペースがあることに注意してください。
12. カッコの中に画像のURLを入力します。選択したURLは、.jpgや.pngなどの画像ファイルの拡張子で終わる必要があります。写真のURLをこの形式で表示させる最も簡単な方法は、写真を右クリック（または2本指クリック）して「新しいタブで画像を開く」をクリックし、そこからURLをコピーすることです。

    • オリジナルの写真を使用したい場合は、Photobucketや.NETのようなサービスにアップロードすることができます。
13. プレビューを更新]をクリックします。HTMLの編集」サイドバーの右上にある緑色のボタンです。選択した画像が表示されるはずです。
14. 必要であれば、画像の位置を調整してください。画像が斜めになっていたり、突然切れてしまう場合は、「background」タグの下に以下の3行のコードを入力してください：

    • background-attachment: fixed; - 画像を一箇所に固定します。
    • background-repeat: no-repeat; - ユーザーがスクロールダウンするたびに画像を繰り返すようにしたい場合は、no-repeatをrepeatに変更することもできます。
    • background-position:center; - centerの代わりにrightやleftを使うこともできます。
    • また、background-size: coverという行を追加して、画像を背景いっぱいに表示させることもできます。
15. 保存をクリックします。HTMLの編集」サイドバーの一番上にある「プレビューの更新」の左にある青いボタンです。
16. をクリックします。ページの左上にあります。
17. 終了」をクリックします。テーマの編集」サイドバーの左上にあります。これでTumblrテーマに背景画像が追加されました。

この記事は、CC BY-NC-SAの下で公開されている「 How to Put a Background Picture in Your Tumblr Theme 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。