Jak dodać obraz w tle za nagłówkiem postów na Tumblr

Domyślnie blog na Tumblr wyświetla tekstowy nagłówek z nazwą bloga nad wpisami. Aby uatrakcyjnić wygląd strony, możesz dodać własny obraz w tle nagłówka, zachowując jednocześnie wyświetlanie tekstu nad zdjęciem.

W domyślnym motywie Tumblr wymaga to jedynie drobnej modyfikacji HTML‑a – dodaj jedną dodatkową linię kodu.

Krok po kroku

1. Zaloguj się na swoje konto Tumblr i przejdź do sekcji Upload a Static File (link w zasobach). To miejsce służy wyłącznie do przesyłania plików używanych w motywie, nie do dodawania obrazów do postów.
2. Wybierz obraz, który ma być tłem nagłówka, i kliknij Upload File. Plik nie może przekraczać 5 MB, a limit dzienny wynosi 15 MB.
3. Skopiuj wyświetlony przez Tumblr adres URL przesłanego obrazu.
4. Otwórz Ustawienia → wybierz blog, który chcesz edytować i kliknij Edit Theme. Następnie wybierz Edit HTML pod nazwą motywu.
5. Przewiń kod do sekcji nagłówka. Aby szybko ją znaleźć, użyj Ctrl+F i wyszukaj frazę IfShowBlogTitle.
6. Bezpośrednio przed zmienną {Title} w linii IfShowBlogTitle wstaw następujący kod:
   <div style=\"background: url('Wklej_TUTAJ_adres_obrazka');\">
7. Kliknij Update Preview, aby zobaczyć podgląd. Jeśli wszystko wygląda dobrze, zatwierdź przyciskiem Save.

Wskazówki

Jeśli tekst w tle zajmuje więcej miejsca niż obraz, zdjęcie zostanie powtórzone, aby wypełnić przestrzeń. Aby zapobiec powtarzaniu, dodaj background-repeat: no-repeat; przed zamknięciem cudzysłowu w stylu.

Ostrzeżenia

Powyższe instrukcje dotyczą wyłącznie domyślnego motywu Tumblr. Inne szablony mogą mieć własne ustawienia nagłówka lub wymagać innej modyfikacji.