Ustawianie kolorów i stylów strony internetowej

Aby ustawić kolory i style strony internetowej, przejdź do „Ustawień strony” i kliknij zakładkę „Kolory i style”.

Aby ustawić kolor dla wszystkich nagłówków, tekstu, linków lub tła strony w całej witrynie, kliknij odpowiednie pole i ręcznie wybierz kolor w jednym z trzech formatów lub wprowadź bezpośrednio kod koloru.

Aby zmienić styl wszystkich linków na stronie internetowej, kliknij link „Dodatkowe ustawienia”. W ustawieniach określ szerokość i kolor podkreślenia, a także style linków po najechaniu kursorem.

Aby utworzyć własną bibliotekę stylów dla projektu, kliknij przycisk „Zarządzaj stylami”.

W panelu zarządzania stylami można dodać kolor, styl typografii i przycisk. Można również pobrać utworzone style i zaimportować je do innego projektu.

Aby dodać nowy styl do projektu, kliknij „Zarządzaj stylami” i wybierz jedną z opcji: Utwórz styl koloru, Utwórz styl typografii lub Utwórz styl przycisku.

Jeśli masz już style i chcesz dodać kolejny, kliknij ikonę plusa obok opcji „Kolor”, „Typografia” lub „Przycisk”, aby dodać nowy. Nowy styl pojawi się obok poprzedniego.

Aby edytować styl, kliknij na niego.

Kolor. Podczas tworzenia stylu koloru należy podać nazwę i opis, które zostaną następnie wyświetlone w stylach projektu.

Typografia. Podczas tworzenia stylu typograficznego dostępne są ustawienia koloru tekstu, rozmiaru czcionki dla różnych rozdzielczości ekranu, rodzaju czcionki, grubości i inne ustawienia czcionki.

W górnej części edytora stylu typograficznego można wyświetlić podgląd czcionki. Aby zobaczyć, jak czcionka jest wyświetlana na urządzeniu mobilnym, wybierz potrzebny zakres w panelu ustawień punktów przełamania.

Aby edytować punkty przerwania, kliknij ikonę koła zębatego, a otworzy się menu z domyślnymi urządzeniami.

Przycisk. Podczas tworzenia stylu przycisku można dodatkowo wybrać wyświetlanie ikony lub zawijanie tekstu. Można również ustawić typografię, styl po najechaniu kursorem i inne podstawowe ustawienia.

Styl przycisku można również wyświetlić podgląd na różnych urządzeniach, a punkty przerwania można edytować.

Kolor. Aby użyć utworzonego stylu koloru, kliknij dowolny element, dla którego chcesz określić kolor, a następnie w edytorze wybierz opcję Style projektu.

Wybierz potrzebny styl, a zostanie on automatycznie zastosowany do bloku. W polu z określonym kolorem wyświetli się nazwa stylu oraz ikona wskazująca, że styl koloru projektu został zastosowany do tego pola.

Typografia. Aby użyć utworzonego stylu typograficznego, w ustawieniach bloku wybierz zakładkę „Typografia” i kliknij „Style”.

W menu kontekstowym kliknij potrzebny styl, a zostanie on automatycznie zastosowany do bloku. Aby przejść do ustawień stylu, kliknij „Przejdź do biblioteki stylów”.

Po zastosowaniu stylów typograficznych w ustawieniach wyświetlane będą tylko te opcje, które nie zostały określone dla danego stylu. Po edycji tych opcji zmiany zostaną zastosowane tylko do bieżącego bloku i nie będą miały wpływu na styl typograficzny ustawiony w projekcie.

Przycisk. Aby użyć utworzonego stylu przycisku, w ustawieniach bloku wybierz zakładkę „Przycisk” i kliknij „Style” obok ustawień wstępnych.

W menu kontekstowym kliknij potrzebny styl, a zostanie on automatycznie zastosowany.

Tak jak poprzednio, w ustawieniach przycisku wyświetlane będą tylko te ustawienia, które nie zostały określone w samym stylu. Można je edytować lub pozostawić bez zmian.

Aby dodać ikonę do przycisku, przejdź do sekcji „Treść” bloku.

Obok przycisku pojawi się miejsce na ikonę. Kliknij na nie, aby dodać ikonę. Otworzy się menu, w którym dostępne będą opcje ikon: strzałki, emoji, Tilda , The Noun Project oraz opcja przesłania własnych plików ikon.

Aby zmienić ikonę wyświetlaną po najechaniu kursorem na przycisk, kliknij opcję „Dodaj ikonę po najechaniu kursorem”.

Wybierz ikonę i zapisz zmiany.

Aby usunąć ikonę, kliknij jej obrazek obok tekstu przycisku. Wybierz zakładkę „Ikona” i kliknij kosz. Zapisz zmiany, a ikona zniknie.

Aby pobrać styl projektu, kliknij przycisk Zarządzaj stylami i wybierz odpowiednią opcję. Plik o nazwie projektu i rozszerzeniu .tildastyles zostanie pobrany na Twoje urządzenie.

Aby przesłać styl, wybierz odpowiednią opcję w menu kontekstowym. Nowe style zostaną dodane do stylów utworzonych wcześniej w projekcie. Style utworzone wcześniej w projekcie nie zostaną usunięte ani zaktualizowane.

Jeśli usuniesz styl z projektu, a następnie zapiszesz ustawienia, styl będzie nadal stosowany w ustawieniach bloków przez kolejne 2 tygodnie. W blokach, w których styl był wcześniej stosowany, pojawi się powiadomienie.

Po upływie dwóch tygodni styl zostanie całkowicie usunięty z projektu, a ustawienia bloków zostaną zresetowane.

Jeśli dodałeś style do strony w jednym projekcie, a następnie chcesz przenieść tę samą stronę do innego projektu w bieżącym lub innym koncie, strona zostanie przeniesiona wraz ze stylami.

Podczas przenoszenia style zostaną skopiowane do nowego projektu, aby bloki były wyświetlane poprawnie.

Podczas próby przeniesienia strony lub stron ze stylami do projektu w ramach tego samego konta, na którym limit stylów został lub zostanie osiągnięty, pojawi się powiadomienie o błędzie. Aby zakończyć przenoszenie strony, należy usunąć dodatkowe style w innym projekcie.

Podczas przenoszenia strony lub stron ze stylami do projektu na innym koncie, na którym limit został osiągnięty, strony nie zostaną przeniesione. Po kliknięciu przycisku „Akceptuj” pojawi się powiadomienie, że limit został przekroczony i należy usunąć dodatkowe style.