Jak wyłączyć przepełnienie w WordPress (usuwanie poziomego przewijania)

Czy chcesz wyłączyć przepełnienie na twojej witrynie internetowej WordPress?

Poziomy pasek przewijania pojawia się, gdy element na stronie jest zbyt szeroki, aby go wyświetlić i wykracza poza ekran. Większość motywów WordPress nie używa poziomego przewijania, ponieważ może to zepsuć układ twojej witryny i dezorientować użytkowników.

W tym artykule pokażemy, jak łatwo wyłączyć przepełnienie w WordPress i usuwać poziomy pasek przewijania.

Co powoduje poziomy pasek przewijania lub przepełnienie w WordPress?

Podczas konfigurowania twojej witryny internetowej WordPress ważne jest, aby była ona przyjazna dla użytkownika i dostępna dla każdego.

WordPress wyświetli poziomy pasek przewijania, jeśli element jest szerszy niż twój układ witryny internetowej. Nazywa się to „przepełnieniem”. Posiadanie poziomego paska przewijania może zepsuć twój projekt i sprawić, że twoja witryna internetowa będzie mniej przyjazna dla użytkownika.

Strona internetowa z poziomymi i pionowymi paskami przewijania może być również dezorientująca dla odwiedzającego i trudna w nawigacji. Może to spowodować, że ludzie opuszczą twoją witrynę, powodując niższą konwersję i sprzedaż.

Wyłączenie przepełnienia sprawi, że twoja witryna będzie bardziej przyjazna dla użytkownika, stworzy układ o poprawionej szerokości i poprawi ogólną responsywność witryny.

Mając to na uwadze, przyjrzyjmy się, jak łatwo wyłączyć poziomy pasek przewijania w WordPress:

Metoda 1: Dodanie fragmentu kodu CSS przy użyciu konfiguratora motywu

Możesz wyłączyć przepełnienie w WordPressie, po prostu dodając kod CSS w opcji „Dodatkowy CSS” w konfiguratorze motywu.

Wszystko, co musisz zrobić, to przejść na stronę Wygląd ” Konfigurator z kokpitu WordPress.

Gdy znajdziesz się na stronie Konfigurator, kliknij kartę „Dodatkowe CSS”.

Następnie wystarczy skopiować i wkleić poniższy kod:

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

Następnie wszelkie przepełnienia zostaną usuwane i będziesz mógł zobaczyć ich zastosowanie w panelu podglądu na żywo twojej witryny internetowej.

Nie zapomnij kliknąć przycisku „Opublikuj” u góry strony, gdy skończysz!

Metoda 2: Dodanie fragmentu kodu CSS za pomocą WPCode

Kod CSS można również dodać za pomocą fragmentu kodu przy użyciu wtyczki WPCode.

WPCode to najlepsza wtyczka do fragmentów kodu WordPress na rynku, używana przez ponad 1 milion witryn internetowych.

Zalecamy tę metodę, ponieważ ta wtyczka ułatwia dodawanie własnego kodu do WordPressa bez konieczności edytowania jakichkolwiek plików twojego motywu.

Najpierw zainstaluj i włącz wtyczkę WPCode na twojej witrynie internetowej. Więcej szczegółów można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź na stronę Code Snippets ” + Add Snippets z kokpitu WordPress.

Gdy już się tam znajdziesz, kliknij przycisk „Use Snippet” pod opcją „Add Your Custom Code (New Snippet)”.

Spowoduje to przejście do strony „Create Custom Snippet”, gdzie możesz zacząć od wpisz tytuł dla twojego fragmentu kodu. Nazwa ta nie będzie wyświetlana użytkownikom i służy wyłącznie twojej identyfikacji.

Następnie wybierz „Fragment kodu CSS” jako rodzaj kodu z rozwijanego menu po prawej stronie.

Uwaga: Jeśli korzystasz z darmowej wtyczki WPCode, musisz wybrać opcję „Universal Snippet”.

Następnie skopiuj i wklej poniższy fragment kodu CSS w polu „Podgląd kodu”:

<style type="text/css">
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
</style>

Gdy już to zrobisz, przewiń w dół do sekcji „Wstaw”, gdzie znajdziesz dwie opcje, „Automatyczne wstawienie” i „Krótki kod”.

W tym miejscu wybierz tryb „Auto wstawienie”, aby automatycznie wykonać twój kod po włączaniu.

Jeśli jednak chcesz wyłączyć poziomy pasek przewijania tylko na niektórych stronach, możesz wybrać tryb „Krótki kod”.

Po wykonaniu tej czynności WPCode udostępni krótki kod po włączaniu fragmentu kodu, który można wkleić w określonym obszarze witryny internetowej lub na stronie, aby usuwać przepełnienie.

Po wybraniu twojej opcji, przejdź na górę strony i przełącz przełącznik z „Nieaktywny” na „Aktywny” w prawym górnym rogu.

Następnie wystarczy kliknąć przycisk „Zapisz fragment kodu”.

To wszystko! Właśnie usuwałeś wszelkie poziome paski przewijania na twojej witrynie.

Bonus: Dodaj własny pasek przewijania w WordPressie

Po wyłączeniu poziomego paska przewijania można również dodać własny pasek przewijania.

Na przykład, jeśli twoja witryna używa określonego schematu kolorów zgodnie z kolorami marki, możesz użyć tego samego koloru dla paska przewijania. Będzie to wyglądać atrakcyjnie wizualnie i zachęci użytkowników do odwiedzenia twojej witryny.

Aby utworzyć własny pasek przewijania, zainstaluj i włącz wtyczkę Advanced Scrollbar. Aby uzyskać szczegółowe informacje, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź na stronę Ustawienia ” Zaawansowane ustawienia paska przewijania z kokpitu WordPress. Z tego miejsca możesz teraz zmienić kolor paska przewijania zgodnie z twoimi upodobaniami.

Po zakończeniu kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia. Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat dodawania własnego paska przewijania w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyłączyć przepełnienie na twojej witrynie WordPress. Być może zechcesz również zapoznać się z naszą ekspercką listą niezbędnych wtyczek WordPress do rozwoju twojej witryny oraz naszym przewodnikiem dla początkujących, jak utworzyć formularz kontaktowy w WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.