Jak dostosować istniejący Tumblr Theme

Motyw Tumblr ustawia wygląd i formatowanie całej zawartości bloga, od rozmiaru zdjęć do stylu czcionek. Możesz dostosować dowolny motyw Tumblr, bez względu na to, czy jest darmowy czy premium, odwiedzając ekran dostosowywania. Przydatna jest pewna wiedza HTML (HyperText Markup Language) i CSS (kaskadowe arkusze stylów), ale możesz dokonać podstawowych zmian, nawet jeśli nie znasz kodu strony.

Ekran dostosowywania

Kliknij link „Dostosuj”, aby przejść do ekranu dostosowywania, który umożliwia zmianę tytułu bloga, jego opisu i wszystkich opcji dostępnych w bieżącym motywie. Wybierz „Przeglądaj motywy”, jeśli chcesz przełączyć się na inny motyw. Zwróć uwagę na opcję „Dodaj stronę”, której możesz użyć do tworzenia statycznych stron i linków obok wpisów na blogu. Link „Opcje zaawansowane” pozwala ustawić liczbę postów wyświetlanych na każdym ekranie, wymusić otwarcie linków w nowym oknie i aktywować domyślny widok mobilny Tumblra dla Twojego bloga.

Wbudowany motyw Opcje

Autorzy motywów mogą dołączyć zestaw opcji zintegrowanych z ich motywami - oznacza to, że możesz zmieniać kolory, czcionki i inne zmienne bez zmiany rzeczywistego kodu samego motywu. Opcje wymienione po lewej stronie ekranu dostosowywania zostały dostarczone przez autora. Są one różne w zależności od tematu, ale mogą obejmować kolory i rozmiary czcionek, obrazy tła i nagłówka, opcje paska bocznego i układu, nieskończone przewijanie, wyświetlanie znaczników i notatek oraz opcje widgetów. Ponadto mogą istnieć pola do wprowadzania kodów nazw użytkowników dla Google Analytics, Typekit, Instagram, Twitter i innych usług innych firm.

Dodawanie niestandardowego CSS

Motywy Tumblr wykorzystują CSS, aby ustawić styl tekstu, obrazów i nagłówków w witrynie. Działają w taki sam sposób jak arkusze stylów w edytorze tekstu, dzięki czemu użytkownik może stworzyć jednolity zestaw formatów czcionek, które są stosowane w całej witrynie. Kliknij „Edytuj kod HTML” na ekranie dostosowywania, aby przestudiować istniejący kod HTML motywu: CSS powinien być osadzony w samym HTML lub pojawi się łącze do pliku .css znajdującego się w innym miejscu na Tumblr. Użyj sekcji Dodaj niestandardowy CSS na stronie Opcje zaawansowane, aby wprowadzić własny kod CSS, jeśli chcesz zastąpić domyślny arkusz stylów motywu.

Edycja motywu HTML

Jak dobrze dodając niestandardowy CSS, możesz również edytować kod HTML motywu bezpośrednio za pomocą linku „Edytuj HTML” na ekranie dostosowywania. Kod HTML jest zwykle używany do definiowania układu strony i struktury, kontrolowania, które elementy są wyświetlane i gdzie są umieszczone; Kod CSS bardziej dotyczy wyglądu i stylu tekstu, obramowań i obrazów. Jeśli bezpośrednio edytujesz motyw HTML, Tumblr wyłącza funkcję automatycznej aktualizacji motywu w celu zachowania zmian - oznacza to, że jeśli aktualizacja motywów zostanie wydana w przyszłości, musisz ją zainstalować ręcznie (a następnie ponownie zastosować Poprawki HTML).

Jak to zrobić ...?

Dokładny kod CSS i HTML, którego potrzebujesz do wprowadzenia zmian, zależy od sposobu, w jaki motyw został napisany przez jego autor. Różni twórcy stron internetowych używają różnych struktur HTML i CSS, ale jeśli poświęcisz trochę czasu na przeglądanie istniejącego kodu, powinieneś zobaczyć, w jaki sposób kolory i style zostały zastosowane. Jeśli potrzebujesz podstawowej nauki na temat ulepszeń HTML i CSS, możesz skorzystać z wielu samouczków w witrynach takich jak W3Schools, Webmonkey i HTMLDog. Istnieją również odpowiednie zasoby w Centrum pomocy Tumblr, a także możesz skontaktować się bezpośrednio z autorem tematu w celu uzyskania wskaźników.

URL:https://pl.whycomputer.com/Internet/100318855.html