Celem bloku „powrót na górę” jest zapewnienie użytkownikom łatwego powrotu do początku strony. Gdy treść jest długa lub użytkownik przewinął znaczną odległość w dół, jest to wygodny sposób na szybki powrót do górnej części.

GutenKit oferuje blok powrotu do góry, aby łatwo skonfigurować witrynę WordPress. Dowiedzmy się, jak możesz używać tego bloku.

Jak używać GutenKit Powrót na górę? #

Używać Powrót do góry GutenKit, dostęp do pulpitu WordPress –

• Iść do Strony/posty > Dodaj nową stronę/post lub rozpocznij edycję istniejącej strony za pomocą edytora bloków.
• Spójrz na "+” po prawej stronie lub u góry ekranu edytora. Kliknij to.
• Pojawi się menu bloku, wyszukaj „Powrót do góry”.
• Kiedy go zobaczysz, kliknij go lub przeciągnij i upuść na ekranie edytora bloków.

Układ i zawartość #

Wygląd – umożliwia ustawienie wyglądu poprzez wybranie:

• Tylko ikona – Możesz wybrać dowolną ikonę z pola ikony i wyświetlić ją w stylu „Powrót na górę”.
• Tylko tekst – Zamiast ikon możesz wpisać tekst, np. Góra, W górę lub jakikolwiek inny, który będzie wyświetlany w stylu Powrót do góry.
• Wskaźnik postępu – To jest inny styl wskazujący powrót do góry. Jest pole opcji stylu dla wskaźnika postępu.

Wyrównanie – Możesz dostosować wyrównanie bloku, korzystając z tej opcji.

Ustawienia

• OFFSET GÓRNY (PX) – Tutaj musisz ustawić liczbę przesunięć.
• Pokaż przycisk podczas przewijania – Wprowadź wartość przewijania, jaką chcesz. Za pomocą tej opcji możesz wyświetl przycisk tylko wtedy, gdy użytkownik przewija w dół stronę. Możesz też ją wyłączyć.

Część stylowa #

Styl przycisku:Jeśli wybierzesz Tylko ikona styl wyglądu, to otrzymasz –

• Szerokość - Za pomocą suwaka możesz dostosować szerokość przycisku.
• Wysokość - Opcja ta umożliwia dostosowanie wysokości przycisku.
• Rozmiar ikony – Za pomocą tego paska możesz kontrolować rozmiar ikon.
• Kolor – Ustaw kolor ikony według własnego uznania.
• Tło - Dostępnych jest wiele kolorów pozwalających na zmianę koloru tła.
• Cień pudełka – Umożliwia zmianę koloru cienia, jego położenia i dostosowanie innych parametrów.
• Granica - Jeśli chcesz ustawić obramowanie i nadać mu kolor, użyj tej opcji.
• Promień graniczny – Dostosuj promień obramowania według własnych potrzeb.

Jeśli wybierzesz Tylko tekst stylu wyglądu, a następnie zobaczysz te same opcje dostosowywania.

Kiedy wybierzesz Wskaźnik postępu styl, wtedy będziesz mieć takie same funkcje stylizacji jak Tylko ikonaOprócz tego otrzymasz –

• Kolor pierwszego planu linii – aby dostosować kolor przedniej części paska postępu, możesz użyć tej opcji.
• Kolor tła linii – ta opcja umożliwia zmianę koloru tła linii.

Ostateczne wyjście #

Zobacz przykład, nasz dostosowany do Twoich potrzeb 👇

To jest proste!
Spróbuj sam i pozwól odwiedzającym Twoją witrynę szybko przejrzeć dowolną stronę lub wpis i powrócić na górę.