カスタムTumblrテーマの背景画像を変更する方法

Tumblrブログの背景画像を更新すると、この変更により、ブログが刺激的な新しい方向性を示すような新しいクリエイティブなアイデアが生み出される可能性があります。 Tumblrのさまざまなテーマ作成者は、CSSテーマを作成するために別のコーディング方法を使用しています。 非常に多くのカスタムTumblrテーマが存在するため、テーマのCSSコードを更新する方法は複数あります。 カスタムTumblrテーマに背景写真を追加する1つの方法は、テーマのHTMLコードの正しい場所に単純なCSSタグを埋め込むことです。

1。

Tumblrに移動してあなたのアカウントにログインします。 Tumblrページの上部であなたのブログの名前を見つけて、その名前をクリックしてください。

2。

カスタムテーマのリストを表示するには、[アプリのカスタマイズ]をクリックします。 変更したいテーマの下にある[HTMLの編集]ボタンをクリックします。 テーマのHTMLコードが表示されます。

3。

HTMLコードで ""を検索します。 1行か2行上に移動して "。"を見つけてください。 このタグは、ドキュメントのCSSスタイルセクションの終わりを示します。 次のテキストを「の前に貼り付けます

ボディ{背景画像:URL( 'IMAGE_NAME_HERE'); background-repeat:繰り返しなし。 }

「IMAGE_NAME_HERE *」をWeb上にある画像のURLに置き換えます。

4。

[プレビューを更新]をクリックします。 新しい背景画像がページの右側に表示されます。 [表示]をクリックし、[保存]をクリックして変更を保存します。

ヒント

  • HTMLドキュメントに追加したコードには、文字列“ no-repeat”が含まれています。この文字列値は、Webページに画像が繰り返されるのを防ぎます。 Webページ全体をカバーするには小さすぎる場合は、画像を繰り返すことができます。 画像を繰り返したい場合は、 "no-repeat"をrepeatに置き換えます。
  • あなたのコンピュータからの写真をあなたの背景として使うには、無料の画像ホスティングサイトにアップロードしてください。 アップロード後、サイトから画像のURLが提供されます。 次の手順で説明しているように、そのURLをTumblrのHTMLコードに貼り付けます。

人気の投稿