Jak zmodyfikować istniejący motyw Tumblr

Motyw Tumblr określa wygląd i formatowanie całej treści na Twoim blogu – od rozmiaru zdjęć po styl czcionek. Bez względu na to, czy używasz darmowego, czy płatnego szablonu, możesz go dostosować w panelu personalizacji. Podstawowa znajomość HTML i CSS pomaga, ale proste zmiany są możliwe nawet bez doświadczenia w kodowaniu.

Ekran personalizacji

Wybierz Customize, aby otworzyć panel, w którym możesz zmienić tytuł bloga, opis oraz wszystkie dostępne opcje bieżącego motywu. Kliknij Browse Themes, aby przełączyć się na inny szablon. Opcja Add a Page umożliwia tworzenie statycznych stron i linków obok wpisów. W sekcji Advanced Options możesz ustawić liczbę wyświetlanych postów, wymusić otwieranie linków w nowym oknie oraz włączyć domyślny widok mobilny Tumblr.

Wbudowane opcje motywu

Autorzy motywów często dodają własny panel ustawień, dzięki czemu możesz zmieniać kolory, czcionki i inne elementy bez edycji kodu. Dostępne opcje różnią się w zależności od szablonu, ale zazwyczaj obejmują:

• kolory i rozmiary czcionek,
• obrazy tła i nagłówka,
• układ i ustawienia paska bocznego,
• nieskończone przewijanie,
• wyświetlanie tagów, notatek i widgetów,
• pola na kody Google Analytics, Typekit, Instagram, Twitter i inne usługi.

Dodawanie własnego CSS

Motywy Tumblr wykorzystują CSS do definiowania stylu tekstu, obrazów i nagłówków. Kliknij Edit HTML w panelu, aby zobaczyć istniejący kod – CSS może być wbudowany w HTML lub odwoływać się do zewnętrznego pliku .css. W sekcji Add Custom CSS (zakładka Advanced Options) wklej własny kod CSS, aby nadpisać domyślne style motywu.

Edycja HTML motywu

Poza CSS możesz modyfikować sam HTML, klikając Edit HTML. HTML definiuje strukturę i rozmieszczenie elementów na stronie, natomiast CSS odpowiada za ich wygląd. Po ręcznej edycji HTML Tumblr wyłącza automatyczne aktualizacje motywu, więc przyszłe aktualizacje będziesz musiał instalować ręcznie i ponownie wprowadzać własne zmiany.

Jak to zrobić?

Dokładny kod, którego potrzebujesz, zależy od sposobu, w jaki autor zbudował motyw. Różni deweloperzy stosują odmienne struktury HTML i CSS, ale po przeanalizowaniu istniejącego kodu zazwyczaj można zlokalizować elementy, które chcesz zmienić. Jeśli potrzebujesz podstawowych wskazówek, skorzystaj z licznych samouczków online, np. na W3Schools, Webmonkey czy HTMLDog. Dodatkowo w Centrum pomocy Tumblr znajdziesz przydatne artykuły, a autorzy motywów często udzielają wsparcia bezpośrednio.