Czy masz długi pasek boczny, który łamie twój układ WordPress na niektórych stronach? Niedawno jeden z naszych użytkowników poprosił nas o rozwiązanie. Ponieważ użytkownik nie chciał usunąć żadnego z widżetów, zasugerowaliśmy dodanie stałej wysokości i paska przewijania do wszystkich długich widżetów, które rozwiązały problem. W tym artykule pokażemy, jak dodać niestandardowy pasek przewijania do dowolnego elementu w WordPress.

Add custom scrollbars to any element in WordPress

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę niestandardowego paska przewijania. Po aktywacji wystarczy przejść do Wygląd ” Paski Przewijania aby skonfigurować wtyczkę.

Custom Scrollbars settings

Musisz zacząć od podania nazwy paska przewijania. Wtyczka umożliwia dodawanie wielu pasków przewijania, więc dodanie nazwy pomoże Ci znaleźć niestandardowy pasek przewijania w obszarze administracyjnym.

Następny element w Ustawieniach to Selektor elementów docelowych. Jest to klasa lub identyfikator elementu sieci Web, który chcesz skierować. Identyfikator lub klasę dowolnego elementu można znaleźć, klikając go prawym przyciskiem myszy w przeglądarce Chrome i wybierając inspect element z menu.

Using inspect element tool to find element ID or CSS class

Jak widać na zrzucie ekranu, element, którym chcemy kierować, jest pomijany z klasą CSS BWP_GALLERY.

Po wejściu do selektora celu można wybrać wysokość i szerokość niestandardowego obszaru paska przewijania. Możesz także wybrać pozycję i motyw paska przewijania.

Po zakończeniu kliknij przycisk Zapisz zmiany, aby zapisać ustawienia.

To wszystko, możesz teraz odwiedzić swoją witrynę, aby zobaczyć niestandardowy pasek przewijania w akcji. Możesz powtórzyć proces, aby utworzyć inny niestandardowy pasek przewijania, klikając przycisk Dodaj.

Adding another custom scrollbar

Mamy nadzieję, że ten artykuł pomógł Ci dodać niestandardowe paski przewijania do dowolnego elementu w witrynie WordPress. Możesz również zobaczyć naszą listę 25 najbardziej przydatnych widżetów WordPress dla Twojej witryny.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…