Tumblrテーマに背景画像を入れる方法.

このwikiHowでは、写真をTumblrの背景として表示する方法を説明します。一部の Tumblr テーマでは、アップロードまたは HTML 編集によって背景画像を変更できません。

ステップ

カスタマイズ可能なテーマの使用

1. 

   Tumblr の Web サイトにアクセスします。 https://www.tumblr.com/ にあります。ブラウザでサインインしている場合は、Tumblr のホームページに移動します。
   • Tumblr にサインインしていない場合は、メール アドレスとパスワードを入力し、[サインイン]をクリックします。

2. 

   プロフィールアイコンをクリックします。ページの右上隅にある人型のアイコンです。

3. 

   編集したいブログの名前をクリックします。プロフィールのドロップダウン メニューの中ほどにある「TUMBLRS」という見出しの下にあります。

4. 

   [外観の編集] をクリックします。このオプションは、ページの右上、「下書き」セクションと「投稿」セクションのすぐ下にあります。

5. 

   [テーマの編集] をクリックします。プロフィール写真の下にある「ウェブサイトのテーマ」という見出しの右側にあります。

6. 

   [背景]の横にあるカメラまたは鉛筆のアイコンを探します。このオプションは、「テーマ オプション」という見出しの下にあります。[背景]の右側にカメラまたは鉛筆のアイコンが表示されている場合は、独自の画像をアップロードできます。
   • 一部の Tumblr テーマには、背景のバリエーションがあります(例:背景の選択)。
   • ブログのテーマ オプションにこのオプションが表示されない場合は、次の方法に進んでください。
   • 自分の写真をアップロードできる無料のテーマには、「Catching Elephant」や「Papercut」などがあります。有料テーマには「クイーンズ」「ハルシオン」などがあります。

7. 

   カメラアイコンをクリックします。これにより、コンピュータから写真を選択できるウィンドウが呼び出されます。
   • 一部のテーマでは、代わりに鉛筆アイコンをクリックします。

8. 

   写真を選択します。お使いのコンピュータとこのウィンドウが開く場所によっては、コンピュータの「写真」フォルダに移動する必要がある場合があります。
   • 一部のテーマでは、最初に[写真を選択] をクリックする必要があります。
   • 写真が比較的高品質であることを確認してください。そうしないと、粒子が粗くなったり、焦点が合わなくなったりすることがあります。

9. 

   「開く」をクリックします。窓の一番下にあります。そうすると、写真が Tumblr にアップロードされます。数秒以内にテーマが更新され、新しい背景が表示されます。

HTMLの編集

1. 

   Tumblr の Web サイトにアクセスします。 https://www.tumblr.com/ にあります。ブラウザでサインインしている場合は、Tumblr のホームページに移動します。
   • Tumblr にサインインしていない場合は、メール アドレスとパスワードを入力し、[サインイン]をクリックします。

2. 

   プロフィールアイコンをクリックします。この人の形をしたボタンは、ページの右上隅にあります。

3. 

   編集したいブログの名前をクリックします。これは、プロフィール ドロップダウン メニューの中ほどにある「TUMBLRS」という見出しの下にあります。

4. 

   [外観の編集] をクリックします。このオプションは、ページの右上、「下書き」セクションと「投稿」セクションのすぐ下にあります。

5. 

   [テーマの編集] をクリックします。これは、プロフィール写真の下にある「ウェブサイトのテーマ」という見出しの右側にあります。

6. 

   [HTML の編集] をクリックします。このリンクは、「テーマの編集」サイドバーの上部にあるテーマ名の下にあります。

7. 

   歯車アイコンをクリックします。「HTML の編集」バーの左上にあります。

8. 

   [検索と置換] をクリックします。これにより、編集する必要があるコード行を検索できるウィンドウが開きます。

9. 

   本文に「{」と入力します。このタグは、カスタマイズ可能な背景画像を含むすべての 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 や Imgur などのサービスにアップロードできます。

13. 

    [プレビューを更新]をクリックします。これは、「HTML の編集」サイドバーの右上にある緑色のボタンです。選択した画像が表示されるはずです。

14. {"smallUrl":"https://www.wikihow.com/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg/v4-460px- Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","bigUrl":"/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr -Theme-Step-23.jpg/aid1241983-v4-728px-Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","smallWidth":460,"smallHeight":345,