Jak zmienić wygląd linku / przycisku

Style linku /przycisku

Każdy widżet link możesz sformatować i dostosować wygląd linku do stylu strony. Do wyboru masz 4 style linków:

różne rodzaje linków<br>

1. przycisk tekstowy - zachowuje się jak standardowy przycisk ale nie ma tła i ramki, najczęściej stosowany jest w nawigacji górnej strony, w stopce, nagłówkach sekcji. Tekst w nim nie jest łamany do nowego wiersza.
   
2. przycisk pełny - klasyczny przycisk na stronie z kolorowym tłem, przyciąga uwagę i zachęca do działania, najczęściej stosowany jest w najważniejszej sekcji na stronie
   
3. przycisk przezroczysty - klasyczny przycisk z przezroczystym tłem, tekst i ramka są tego samego koloru, ma lekki styl
   
4. link tekstowy - stosowany do dłuższych tekstów np. jako tytuł wpisu bloga, nazwa produktu, tekst jest łamany do nowego wiersza jeżeli nie mieści się w jednej linii na stronie
   

Jak zmienić styl linku / przycisku?

Kliknij w link i wejdź w ustawienia linku w Inspektorze. Wybierz jeden z 4 wyżej wymienionych stylów linku.

styl przycisku<br>

W zależności od stylu linku masz dodatkowe ustawienia.

Wielkość przycisku

Przyciski różnią się wielkością jaką zajmują na ekranie. Przy czym zmiana wielkości przycisku nie wpływa na rozmiar czcionki (to ustawiasz osobno).

wielkość przycisku<br>

Rozmiar czcionki

Możesz zmienić rozmiar czcionki przycisku. Dodatkowo rozmiar fontu wpływa na wielkość całego przycisku.

rozmiar czcionki na przycisku<br>

Zaokrąglenie przycisku

Możesz dopasować zaokrąglenie krawędzi guzika do stylu swojej strony.

zaokrąglenie krawędzi przycisku<br>

Jak zaokrąglić przycisk? Obejrzyj filmik.

Kolor linku

Możesz wybrać dowolny kolor linku. Pamiętaj jednak aby napis był czytelny. Osobno możesz wybrać również drugi kolor, który będzie zastosowany po najechaniu na przycisk kursorem tzw. efekt hover.

kolor linku przycisku<br>

Jeżeli chcesz uzyskać efekt gradientu na przycisku zajrzyj na poniższą stronę:

Zobacz: Jak zrobić przycisk z gradientem

Czcionka

Dodatkowo linki możesz dopasować do charakteru strony wybierając dla nich osobny krój czcionki, inny niż dla tekstów lub nagłówków. Wejdź do ustawień "Styli Globalnych" w nawigacji kreatora i zmień czcionkę dla przycisków.

czcionka na przycisku<br>

Animacja podkreślenia

Dla przycisku tekstowego możesz wybrać animację podkreślania linku przy najechaniu na niego kursorem.

Cień

Możesz też dodać cień do guzika. Pamiętaj aby po dodaniu cienia zwiększyć margines dolny dla linku aby cień był cały widoczny.

Jak dodać cień do przycisku? Obejrzyj filmik

Jak zmienić podkreślenie linku?

Przycisk tekstowy lub link tekstowy możesz podkreślić, ustawić kolor linku, a także kolor linku po najechaniu na niego kursorem.

Dostępne opcje podkreślenia linku:

• link bez podkreślenia
• link podkreślony zawsze
• link podkreślony, jednak po najechaniu kursorem bez podkreślenia
• link podkreślony tylko po najechaniu na niego kursorem

Wejdź w ustawienia linku do zakładki "Styl" i wybierz opcję podkreślenia linku.

podkreślenie linku<br>