Jak umieścić obraz tła w motywie Tumblr?

Spisu treści:

Jak umieścić obraz tła w motywie Tumblr?
Jak umieścić obraz tła w motywie Tumblr?

Wideo: Jak umieścić obraz tła w motywie Tumblr?

Wideo: Jak umieścić obraz tła w motywie Tumblr?
Wideo: How To Add Your Picture Image to Microsoft Outlook and Teams Working Remote 2024, Kwiecień
Anonim

Ta wikiHow uczy, jak wyświetlić zdjęcie jako tło na Tumblr. Niektóre motywy Tumblr nie mogą mieć zmienionych obrazów tła, niezależnie od tego, czy jest to przesyłanie, czy edycja HTML.

Kroki

Metoda 1 z 2: Korzystanie z dostosowywalnego motywu

Umieść obraz tła w swoim motywie Tumblr Krok 1
Umieść obraz tła w swoim motywie Tumblr Krok 1

Krok 1. Przejdź do witryny Tumblr

Znajduje się na https://www.tumblr.com/. Jeśli jesteś zalogowany w przeglądarce, zostaniesz przekierowany na stronę główną Tumblr.

Jeśli nie jesteś zalogowany na Tumblr, wprowadź swój adres e-mail i hasło, a następnie kliknij Zaloguj się.

Umieść obraz tła w swoim motywie Tumblr Krok 2
Umieść obraz tła w swoim motywie Tumblr Krok 2

Krok 2. Kliknij ikonę swojego profilu

Jest to ikona w kształcie osoby w prawym górnym rogu strony.

Umieść obraz tła w swoim motywie Tumblr Krok 3
Umieść obraz tła w swoim motywie Tumblr Krok 3

Krok 3. Kliknij nazwę bloga, który chcesz edytować

Znajdziesz go pod nagłówkiem „TUMBLRS” mniej więcej w połowie menu rozwijanego profilu.

Umieść obraz tła w swoim motywie Tumblr Krok 4
Umieść obraz tła w swoim motywie Tumblr Krok 4

Krok 4. Kliknij Edytuj wygląd

Ta opcja znajduje się w prawym górnym rogu strony, tuż pod znakiem Warcaby oraz Posty Sekcje.

Umieść obraz tła w swoim motywie Tumblr Krok 5
Umieść obraz tła w swoim motywie Tumblr Krok 5

Krok 5. Kliknij Edytuj motyw

Znajduje się na prawo od nagłówka „Motyw witryny” pod Twoim zdjęciem profilowym.

Umieść obraz tła w swoim motywie Tumblr Krok 6
Umieść obraz tła w swoim motywie Tumblr Krok 6

Krok 6. Poszukaj ikony aparatu lub ołówka obok tła

Ta opcja znajduje się pod nagłówkiem „OPCJE TEMATU”. Jeśli po prawej stronie zobaczysz ikonę aparatu lub ołówka Tło, możesz przesłać własny obraz.

  • Niektóre motywy Tumblr mają różne warianty Tło (np., Wybierz tło) tutaj.
  • Jeśli nie widzisz tej opcji w opcjach motywu bloga, przejdź do następnej metody.
  • Niektóre darmowe motywy, które umożliwiają przesłanie własnego zdjęcia, to „Łapanie słonia” i „Wycinanie papieru”. Płatne motywy to „Królowe” i „Halcyon”.
Umieść obraz tła w swoim motywie Tumblr Krok 7
Umieść obraz tła w swoim motywie Tumblr Krok 7

Krok 7. Kliknij ikonę aparatu

Spowoduje to wywołanie okna, w którym możesz wybrać zdjęcie z komputera.

W przypadku niektórych motywów zamiast tego klikniesz ikonę ołówka

Umieść obraz tła w swoim motywie Tumblr Krok 8
Umieść obraz tła w swoim motywie Tumblr Krok 8

Krok 8. Wybierz zdjęcie

W zależności od komputera i lokalizacji, w której otwiera się to okno, może być konieczne przejście do folderu Zdjęcia na komputerze.

  • Niektóre motywy będą wymagały od Ciebie pierwszego kliknięcia Wybierz zdjęcie.
  • Upewnij się, że zdjęcie jest stosunkowo wysokiej jakości. W przeciwnym razie może wydawać się ziarnisty lub nieostry.
Umieść obraz tła w swoim motywie Tumblr Krok 9
Umieść obraz tła w swoim motywie Tumblr Krok 9

Krok 9. Kliknij Otwórz

Jest na dole okna. Spowoduje to przesłanie zdjęcia do Tumblra; Twój motyw powinien odświeżyć się w ciągu kilku sekund, aby wyświetlić nowe tło.

Metoda 2 z 2: Edycja HTML

Umieść obraz tła w swoim motywie Tumblr Krok 10
Umieść obraz tła w swoim motywie Tumblr Krok 10

Krok 1. Przejdź do witryny Tumblr

Znajduje się na https://www.tumblr.com/. Jeśli jesteś zalogowany w przeglądarce, zostaniesz przekierowany na stronę główną Tumblr.

Jeśli nie jesteś zalogowany na Tumblr, wprowadź swój adres e-mail i hasło, a następnie kliknij Zaloguj się.

Umieść obraz tła w swoim motywie Tumblr Krok 11
Umieść obraz tła w swoim motywie Tumblr Krok 11

Krok 2. Kliknij ikonę swojego profilu

Ten przycisk w kształcie osoby znajduje się w prawym górnym rogu strony.

Umieść obraz tła w swoim motywie Tumblr Krok 12
Umieść obraz tła w swoim motywie Tumblr Krok 12

Krok 3. Kliknij nazwę bloga, który chcesz edytować

Będzie on znajdować się pod nagłówkiem „TUMBLRS” mniej więcej w połowie menu rozwijanego profilu.

Umieść obraz tła w swoim motywie Tumblr Krok 13
Umieść obraz tła w swoim motywie Tumblr Krok 13

Krok 4. Kliknij Edytuj wygląd

Ta opcja znajduje się w prawym górnym rogu strony, tuż pod znakiem Warcaby oraz Posty Sekcje.

Umieść obraz tła w swoim motywie Tumblr Krok 14
Umieść obraz tła w swoim motywie Tumblr Krok 14

Krok 5. Kliknij Edytuj motyw

Znajduje się po prawej stronie nagłówka „Motyw witryny”, który znajduje się pod Twoim zdjęciem profilowym.

Umieść obraz tła w swoim motywie Tumblr Krok 15
Umieść obraz tła w swoim motywie Tumblr Krok 15

Krok 6. Kliknij Edytuj kod HTML

Ten link znajduje się pod nazwą motywu u góry paska bocznego „Edytuj motywy”.

Umieść obraz tła w swoim motywie Tumblr Krok 16
Umieść obraz tła w swoim motywie Tumblr Krok 16

Krok 7. Kliknij ikonę koła zębatego

Znajduje się w lewym górnym rogu paska „Edytuj HTML”.

Umieść obraz tła w swoim motywie Tumblr Krok 17
Umieść obraz tła w swoim motywie Tumblr Krok 17

Krok 8. Kliknij Znajdź i zamień

Spowoduje to otwarcie okna, w którym możesz wyszukać wiersz kodu, który będziesz musiał edytować.

Umieść obraz tła w swoim motywie Tumblr Krok 18
Umieść obraz tła w swoim motywie Tumblr Krok 18

Krok 9. Wpisz treść {

Ten tag jest obecny we wszystkich motywach Tumblr, które zawierają dostosowywalny obraz tła.

Jeśli kod HTML wybranego motywu nie zawiera tagu „body {”, nie możesz zmienić jego obrazu tła

Umieść obraz tła w swoim motywie Tumblr Krok 19
Umieść obraz tła w swoim motywie Tumblr Krok 19

Krok 10. Poszukaj tła:

etykietka.

Znajduje się bezpośrednio pod tagiem „body {”; w tym miejscu dodasz adres URL obrazu między „:” a „;” na końcu linii.

Umieść obraz tła w swoim motywie Tumblr Krok 20
Umieść obraz tła w swoim motywie Tumblr Krok 20

Krok 11. Zastąp dowolny tekst między „tłem:

„ i „;” z tagiem adresu URL.

Znacznik adresu URL powinien być zapisany w następujący sposób: url().

W praktyce cała ta linia powie tło: url(www.website.com/image.jpg);. Pamiętaj, że pomiędzy częścią „background:” a częścią „url” jest spacja

Umieść obraz tła w swoim motywie Tumblr Krok 21
Umieść obraz tła w swoim motywie Tumblr Krok 21

Krok 12. Wprowadź adres URL obrazu w nawiasach

Wybrany adres URL musi kończyć się rozszerzeniem pliku obrazu, takim jak-j.webp

Otwórz obraz w nowej karciei skopiuj stamtąd adres URL.

Jeśli chcesz użyć oryginalnego zdjęcia, możesz przesłać je do usługi takiej jak Photobucket lub Imgur

Umieść obraz tła w swoim motywie Tumblr Krok 22
Umieść obraz tła w swoim motywie Tumblr Krok 22

Krok 13. Kliknij Aktualizuj podgląd

Jest to zielony przycisk w prawym górnym rogu paska bocznego „Edytuj kod HTML”. Powinieneś zobaczyć wybrany obraz.

Umieść obraz tła w swoim motywie Tumblr Krok 23
Umieść obraz tła w swoim motywie Tumblr Krok 23

Krok 14. W razie potrzeby zmień położenie obrazu

Jeśli obraz jest przekrzywiony lub nagle ucina się, wpisz następujące trzy wiersze kodu pod tagiem „background”:

  • załącznik w tle: naprawiony; - Dzięki temu Twój wizerunek będzie w jednym miejscu.
  • powtarzanie w tle: bez powtórzeń; - Możesz również zmienić opcję bez powtarzania na powtarzanie, jeśli chcesz, aby obraz był powtarzany podczas przewijania w dół.
  • pozycja tła:środek; - Możesz również użyć prawego lub lewego zamiast środka.
  • Możesz również dodać linię, która mówi o rozmiarze tła: okładka, aby obraz wypełnił całe tło.
Umieść obraz tła w swoim motywie Tumblr Krok 24
Umieść obraz tła w swoim motywie Tumblr Krok 24

Krok 15. Kliknij Zapisz

To niebieski przycisk na lewo od Aktualizuj podgląd u góry paska bocznego „Edytuj kod HTML”.

Umieść obraz tła w swoim motywie Tumblr Krok 25
Umieść obraz tła w swoim motywie Tumblr Krok 25

Krok 16. Kliknij ←

Znajduje się w lewym górnym rogu strony.

Umieść obraz tła w swoim motywie Tumblr Krok 26
Umieść obraz tła w swoim motywie Tumblr Krok 26

Krok 17. Kliknij Zakończ

Zobaczysz tę opcję w lewym górnym rogu paska bocznego „Edytuj motyw”. Twój szablon Tumblr ma teraz obraz tła.

Zalecana: