Jak osadzić zdjęcia w kodzie HTML dla Tumblr Post

Tumblr pozwala dodawać zdjęcia do postów tekstowych, przesyłając plik obrazu z dysku twardego lub bezpośrednio wklejając adres URL do obrazu hostowanego na serwerze innej firmy w oknie edytora postów. Jeśli Tumblr nie może poprawnie pobrać połączonego obrazu, edytuj kod HTML posta, aby ręcznie osadzić obraz.

Ostrzeżenie

  • W przeciwieństwie do postów standardowych, posty tekstowe zawierające obrazy dodane przez edycję kodu źródłowego posta nie wyświetlają bezpośrednio połączonego obrazu. Zamiast tego takie posty wyświetlają szarą ikonę, którą odwiedzający muszą kliknąć, aby wyświetlić zdjęcie.
  • Niektóre witryny aktywnie uniemożliwiają innym witrynom bezpośrednie łączenie się z obrazami przechowywanymi na ich serwerach – jest to praktyka znana jako hotlinking. Jeśli spróbujesz dodać link do obrazu hostowanego przez taką witrynę, Tumblr może nie być w stanie wyświetlić obrazu.

Krok 1

Kliknij Tekst.

Źródło obrazu: Zdjęcie dzięki uprzejmości Tumblr

Idź do swojego Pulpit nawigacyjny Tumblra i utwórz nowy post tekstowy, klikając Tekst Ikona.

Wideo dnia

Krok 2

Skomponuj swój post tekstowy.

Krok 3

Przejdź do edytora HTML.

Źródło obrazu: Zdjęcie dzięki uprzejmości Tumblr

Przejdź do edytora HTML Tumblra, otwierając koło zębate menu i wybór HTML z menu Edytor tekstu.

Krok 4

Dodaj kod HTML.

Źródło obrazu: Zdjęcie dzięki uprzejmości Tumblr

Wprowadź następujący kod HTML w miejscu, w którym chcesz wyświetlić obraz:

Zastąp przykładowy adres URL poprawnym.

Ostrzeżenie

Nie przełączaj się z powrotem do edytora tekstu sformatowanego po edycji kodu źródłowego posta. Spowoduje to, że Tumblr usunie wstawiony tag obrazu.

Krok 5

Opublikuj swój post, klikając Poczta przycisk.