5 listopada 2025 r.
Style. Ujednolicony system stylizacji dla Twojej witryny
Skonfiguruj typografię, przyciski i paletę kolorów dla swojego projektu w jednym miejscu. Zastosuj style do elementów witryny za pomocą kilku kliknięć. Jeśli potrzebujesz zaktualizować projekt, po prostu edytuj styl - wszystkie zmiany zostaną automatycznie zastosowane w całej witrynie.
Gdzie znaleźć: Ustawienia witryny → Kolory i style → Zarządzaj stylami
Gdzie znaleźć: Ustawienia witryny → Kolory i style → Zarządzaj stylami
Jak style usprawniają przepływ pracy
- Szybsze tworzenie strony internetowej. Nie musisz dostosowywać każdego nowego przycisku lub nagłówka od zera. Wystarczy wybrać styl, a wszystkie ustawienia typografii i wyglądu zostaną zastosowane automatycznie.
- Oszczędność czasu podczas aktualizacji projektu. Wyobraź sobie, że zbudowałeś stronę internetową, a później zdecydowałeś się zmienić rozmiar nagłówka, kolor lub czcionkę. Wcześniej mogło to zająć godziny - teraz, dzięki stylom, możesz je zaktualizować za pomocą kilku kliknięć bezpośrednio w Ustawieniach witryny.
- Spójna identyfikacja wizualna. Używanie stylów ułatwia utrzymanie jednolitego wyglądu i stylu na wszystkich stronach. Gdy nagłówki, tekst i przyciski są spójnie stylizowane, witryna wygląda na dopracowaną i profesjonalną.
Co można dostosować za pomocą stylów
Typografia
Ustaw wygląd nagłówków, podnagłówków, tekstu podstawowego i innych elementów tekstowych. Na przykład można ustawić czcionkę Tilda Sans, rozmiar czcionki 36px i pogrubienie czcionki dla wszystkich nagłówków na stronie internetowej. Dla tekstu podstawowego można ustawić mniejszy rozmiar czcionki 24px i wybrać normalną wagę zamiast pogrubionej.
Jak zastosować styl typografii: W ustawieniach bloku otwórz zakładkę Typografia → Style → wybierz Styl. Zostanie on automatycznie zastosowany do bloku. Lub Cmd/Ctrl + kliknij dowolny element tekstowy i wybierz Styl w widżecie szybkiego dostępu.
Przyciski
Można ustawić kolor przycisku, obramowanie, promień, wypełnienie, cień i dodać ikonę. Możesz także skonfigurować efekt najechania kursorem - na przykład skalować przycisk w górę po najechaniu kursorem lub zmienić jego kolor tła.
Jak zastosować styl przycisku: W bloku Ustawienia otwórz zakładkę Przycisk → Style → wybierz Styl dla przycisku. Możesz też kliknąć przycisk na stronie i wybrać Styl w wyświetlonym widżecie.
Zarówno typografia, jak i style przycisków obsługują ustawienia responsywne, umożliwiając definiowanie różnych wartości dla punktów przerwania na komputerach, tabletach i urządzeniach mobilnych (np. mniejszy rozmiar nagłówka na urządzeniach mobilnych).
Kolory
Stwórz paletę kolorów, aby zachować spójny język wizualny w całej witrynie. Na przykład szary i beżowy mogą służyć jako kolory podstawowe, podczas gdy różowy może być używany jako akcent. W ten sposób można szybciej zastosować pożądane kolory, na przykład dla zakładek lub okładek stron.
Jak zastosować kolor z palety. W bloku Ustawienia, po wybraniu koloru elementu, otworzy się widżet. W menu rozwijanym wybierz opcję Style projektu i wybierz żądany kolor.
Eksportowanie i importowanie stylów
Możesz pobrać style swojego projektu i użyć ich ponownie w innym projekcie Tilda.
Aby wyeksportować styl, w Ustawieniach witryny → Kolory i style kliknij Zarządzaj stylami i wybierz Pobierz style - otrzymasz plik .tildastyles z nazwą projektu.
Aby zaimportować styl, kliknij Prześlij style w tym samym menu i wybierz plik .tildastyles (inne rozszerzenia plików nie zostaną przesłane). Nowo dodane style pojawią się obok istniejących.
Chętnie poznamy Twoje wrażenia z nowej funkcji - podziel się nimi w mediach społecznościowych. Jeśli masz sugestie dotyczące ulepszeń, skontaktuj się z naszym zespołem pomocy technicznej na swoim koncie lub wyślij wiadomość e-mail na adres team@tilda.cc.
Zobacz także
Dostosuj wygląd i sposób działania quizu, dodaj wiadomość powitalną i podpowiedzi wirtualnego konsultanta oraz skonfiguruj wyniki na podstawie odpowiedzi użytkowników.
Zamień zgrupowane elementy w jeden i dostosuj jego ustawienia
