Jak edytować swój motyw za pomocą HTML na Tumblrze

Tumblr obsługuje pełną personalizację dowolnego dowolnego wybranego motywu, a także całkowicie niestandardowe motywy na swoim blogu Tumblr. Motywy na Tumblrze są tworzone przez różnych programistów, w tym wielu użytkowników Tumblr; w związku z tym projekt i układ kodu zmienia się diametralnie między tematami, z tylko kluczowymi elementami wspólnymi. Eksperymentowanie jest skutecznym sposobem poznania tajników systemu, dlatego najlepiej jest opanować pewne tematy przed edytowaniem swojego. Tumblr oferuje pełną stronę dokumentacji dotyczącej niestandardowych motywów i zmiennych.

1.

Otwórz swoją stronę dostosowywania Tumblr na Tumblr.com/customize; możesz również kliknąć swoją nazwę użytkownika u góry pulpitu nawigacyjnego Tumblr, a następnie kliknąć "Dostosuj wygląd" na pasku bocznym.

2.

Kliknij przycisk "Motyw". Domyślnym ekranem jest ekran wyboru motywu. Wybierz motyw, który chcesz edytować, jeśli jeszcze go nie masz. Po wybraniu kliknij "Użyj niestandardowego HTML" u dołu menu kompozycji.

3.

Przejrzyj kod, aby zorientować się, w jaki sposób programista zbudował motyw. Motywy używają kombinacji kodu, w tym HTML, CSS i JavaScript. Motywy Tumblr używają standardowego zestawu bloków do zdefiniowania obszarów kodu, które mają zastosowanie do różnych wpisów i sekcji bloga. Na przykład sekcja, która definiuje posty audio, rozpocznie się "{block: Audio}" i zakończy się słowem "{/ block: audio}", a sekcja postów na cytowanie rozpocznie się {block: Quote} i zakończy się "{/ block: Quote" } "ułatwia znalezienie poszczególnych typów i sekcji postów. Jeśli szukasz konkretnego elementu, funkcja "znajdź" w przeglądarce powinna być w stanie znaleźć słowa w kodzie HTML tematu.

4.

Wstaw dowolny niestandardowy kod HTML. Jeśli chcesz utworzyć nowy arkusz stylów dla swojego motywu, wstawisz go między znaczniki otwierające i zamykające dla nagłówka dokumentu. Arkusz stylów jest sformatowany jako

Możesz dołączyć tyle elementów do swojego arkusza stylów, ile potrzebujesz. Każdy element można zmodyfikować za pomocą CSS. Na przykład, jeśli chcesz ustawić wszystko zmodyfikowane za pomocą znacznika H2 jako 22 pikseli wysokości i ciemnoszarego, arkusz stylów będzie obejmował ten blok:

h2 {rozmiar-czcionki: 22px; kolor: # A8A8A8;}

5.

Dodaj dowolny styl do poszczególnych elementów HTML za pomocą znacznika "style". Na przykład, jeśli chcesz zamienić cudzysłowy na stronie, aby miał jasnoszary tekst, możesz znaleźć kod HTML modyfikujący cytat i dodać go w nawiasach tagu HTML. Każdy dodany w ten sposób CSS działa oprócz arkusza stylów twojej strony.

6.

Kliknij "Aktualizuj podgląd", aby zobaczyć zmiany na swoim blogu Tumblr w podglądzie bez zapisywania zmian. Kiedy w końcu wprowadzisz pożądane zmiany na swoim blogu Tumblr i jesteś gotowy do ich zatwierdzenia, kliknij "Zapisz".

Wskazówka

• Zmiany w motywie mają wpływ tylko na twoją stronę, a nie na pulpit nawigacyjny czy Tumblelog.

Ostrzeżenia

• Bądź ostrożny ze swoją składnią; wszelkie błędy literowe lub składniowe mogą złamać cały motyw.
• Aby powrócić do opcji wyboru motywu, musisz wybrać "Wyłącz niestandardowy HTML;" zgodnie z sugestią spowoduje to usunięcie dowolnego niestandardowego kodu HTML, który został użyty.
• Jeśli Twój motyw korzysta z zewnętrznego arkusza stylów dla elementów motywu, zmiana elementów CSS może być trudniejsza.