Tumblr投稿用に画像をHTMLに埋め込む方法

Tumblrを使用すると、ハードドライブから画像ファイルをアップロードするか、サードパーティのサーバーでホストされている画像のURLを投稿エディタウィンドウに直接貼り付けることで、テキスト投稿に写真を追加できます。 Tumblrがリンクされた画像を適切に取得できない場合は、投稿のHTMLコードを編集して、画像を手動で埋め込みます。

警告

  • 標準の投稿とは異なり、投稿のソースコードを編集して追加された画像を含むテキスト投稿は、リンクされた画像を直接表示しません。 代わりに、そのような投稿には灰色のアイコンが表示され、訪問者はこのアイコンをクリックして画像を表示する必要があります。
  • 特定のWebサイトは、他のサイトがサーバーでホストされている画像に直接リンクすることを積極的に阻止しています。これは、ホットリンクと呼ばれる方法です。 そのようなサイトでホストされている画像へのリンクを追加しようとすると、Tumblrは画像を表示できない場合があります。

ステップ1

[テキスト]をクリックします。

画像クレジット: Tumblrの画像提供

あなたのに行く Tumblrダッシュボード をクリックして新しいテキスト投稿を作成します 文章 アイコン。

今日のビデオ

ステップ2

テキスト投稿を作成します。

ステップ3

HTMLエディタに切り替えます。

画像クレジット: Tumblrの画像提供

を開いてTumblrのHTMLエディタに切り替えます コグ メニューと選択 HTML テキストエディタメニューから。

ステップ4

HTMLコードを追加します。

画像クレジット: Tumblrの画像提供

画像を表示する場所に次のHTMLコードを入力します。

サンプルURLを正しいものに置き換えます。

警告

投稿のソースコードを編集した後は、リッチテキストエディタに戻らないでください。 これを行うと、Tumblrは挿入した画像タグを削除します。

ステップ5

をクリックして投稿を公開します 役職 ボタン。