Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać nieskończone przewijanie do twojej witryny WordPress (krok po kroku)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz dodać nieskończone przewijanie do twojego bloga WordPress?

Nieskończone przewijanie automatycznie wczytuje treść z twojej następnej strony, dzięki czemu odwiedzający nie muszą klikać odnośników paginacji lub przycisku „wczytaj więcej” na dole strony.

W tym artykule pokażemy ci, jak łatwo dodać nieskończone przewijanie na twoim blogu WordPress, krok po kroku.

How to Add Infinite Scroll to Your WordPress Site (Step by Step)

Dlaczego warto dodać nieskończone przewijanie do twojej witryny WordPress?

Nieskończone przewijanie to trend w projektowaniu stron internetowych, który wykorzystuje technologię ładowania strony AJAX do automatycznego wczytywania następnej strony treści i wyświetlania jej na końcu obecnej, aktualnej strony. Może to ułatwić i uprzyjemnić odwiedzającym przeglądanie twoich treści.

Zamiast klikać odnośniki, aby zobaczyć więcej, nieskończone przewijanie automatycznie wczytuje nowe treści, gdy użytkownicy przewijają stronę w dół. To płynniejsze doświadczenie może zatrzymać ludzi na twojej witrynie dłużej i może zwiększyć liczbę odsłon.

Pagination on a WordPress website

To powiedziawszy, nieskończone przewijanie może nie być najlepszym wyborem dla każdego rodzaju witryny internetowej, takiej jak katalogi internetowe, w których każda strona jest inną literą alfabetu. Jeśli korzystasz z nieskończonego przewijania, nie możesz również wyświetlać stopki na twoim blogu WordPress.

Ponadto nieskończone przewijanie może dodatkowo obciążyć twój serwer. Jeśli więc chcesz wypróbować tę opcję, warto zoptymalizować wydajność twojej witryny internetowej WordPress.

Mając to na uwadze, przyjrzyjmy się, jak dodać nieskończone przewijanie do twojej witryny internetowej WordPress. Możesz użyć tych szybkich odnośników, aby przejść do konkretnej metody:

Metoda 1: Dodanie nieskończonego przewijania za pomocą Catch Infinite Scroll (zalecane)

Podczas naszych testów i badań stwierdziliśmy, że najlepszym sposobem na dodanie nieskończonego przewijania jest wtyczka Catch Infinite Scroll. Oprócz tego, że jest prosta w użyciu, pozwala również na dostosowanie sposobu działania nieskończonego przewijania.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę Catch Infinite Przewijanie. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, w twoim kokpicie WordPress pojawi się nowy element menu o nazwie „Catch Infinite Przewijanie”. Wystarczy kliknąć, aby skonfigurować ustawienia wtyczki.

Adding infinite scroll to your WordPress website

Chcemy uruchomić nieskończone przewijanie, gdy użytkownik zacznie przewijać stronę w dół.

Mając to na uwadze, otwórz menu rozwijane „Wczytywanie” i wybierz „Przewijanie”.

Adding infinite scroll to your WordPress blog

Jeśli wybierzesz opcję „Kliknij”, Catch nieskończone przewijanie wyświetli zamiast tego przycisk „Wczytywanie więcej”.

Następnie można dostosować selektor nawigacji, następny selektor, selektor treści i selektor elementów. Domyślne ustawienia działają całkiem dobrze, więc nie trzeba wprowadzać żadnych zmian.

Sekcja „Obrazek” pokazuje ikonkę ładowania treści, którą nieskończone przewijanie będzie wyświetlać podczas wczytywania treści.

Domyślnie używany jest obrazek GIF, ale można to zmienić. Wystarczy kliknąć „Prześlij”, a następnie wybrać obrazek z biblioteki multimediów lub przesłać nowy plik.

Creating an infinite scrolling animation

Gdy będziesz zadowolony z konfiguracji nieskończonego przewijania, kliknij przycisk „Zapisz zmiany”, aby zapisać twoje zmiany.

Teraz, jeśli przejdziesz na swoją witrynę internetową WordPress, zobaczysz nieskończone przewijanie w działaniu.

WordPress Infinite Scroll Preview

Metoda 2: Dodanie nieskończonego przewijania za pomocą YITH Infinite Scrolling (Easy)

Jeśli szukasz prostej alternatywy bez ustawień do skonfigurowania, możesz wypróbować YITH Nieskończone przewijanie.

Ta wtyczka działa po wyjęciu z pudełka, więc możesz ją po prostu zainstalować i włączać, aby dodać nieskończone przewijanie do twojej witryny internetowej WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu możesz przejść na twoją witrynę internetową, aby zobaczyć nową funkcję nieskończonego przewijania w działaniu.

Jeśli chcesz dostosować nieskończone przewijanie, znajdziesz kilka prostych ustawień, przechodząc do YITH ” Infinite Scrolling w twoim kokpicie WordPress.

The YITH Infinite Scrolling WordPress plugin

Tutaj można włączać i wyłączać nieskończone przewijanie.

Możesz także zmienić obrazek lub GIF, który YITH pokazuje podczas wczytywania treści. Wystarczy przewinąć do sekcji „Wczytywanie obrazka”, a następnie kliknąć „Prześlij”.

How to change the loading icon

Następnie wybierz obrazek z biblioteki multimediów WordPress lub prześlij nowy obrazek z twojego komputera.

Metoda 3: Dodanie nieskończonego przewijania za pomocą Ajax Load More (zaawansowane)

Ajax Wczytywanie Więcej ma zaawansowany interfejs z wieloma różnymi opcjami, w tym szablon repeatera, kreator krótkich kodów i zapytania WordPress.

Wtyczka oferuje również więcej ustawień dostosuj, w tym wiele stylów ikonek wczytywania strony i stylów przycisków.

Mając to na uwadze, ma bardziej stromą krzywą uczenia się i nie jest zalecana dla początkujących. Daje jednak bardziej zaawansowanym użytkownikom pełną kontrolę nad nieskończonym przewijaniem witryny internetowej.

Aby uzyskać szczegółowy przewodnik, możesz zapoznać się z naszym poradnikiem na temat tworzenia przycisku wczytywania większej liczby wpisów w WordPressie za pomocą wtyczki Ajax Load More.

The AJAX Load More WordPress plugin

Dodawanie nieskończonego przewijania w WordPress: Najczęściej zadawane pytania

Czy nadal masz pytania dotyczące dodawania nieskończonego przewijania do twojej witryny internetowej WordPress? Omówmy kilka często zadawanych pytań dotyczących tej funkcji projektowania.

Czy nieskończone przewijanie jest dobre czy złe?

Nieskończone przewijanie ma swoje wady i zalety. Świetnie sprawdza się w witrynach internetowych, takich jak media społecznościowe, blogi i serwisy informacyjne, gdzie użytkownicy lubią przeglądać różnorodne treści. Jednak w przypadku witryn zorientowanych na cel, takich jak e-handel, może to być frustrujące dla użytkowników próbujących znaleźć określone elementy.

Czy nieskończone przewijanie poprawia wydajność?

Nieskończone przewijanie może ułatwić użytkownikom szybki dostęp do większej ilości treści, zwłaszcza na urządzeniach mobilnych, gdzie przewijanie jest naturalne.

Jednak bez odpowiedniej optymalizacji może spowolnić czas wczytywania strony, zwłaszcza w przypadku dużych plików multimedialnych. Dlatego dobrym pomysłem jest przestrzeganie najlepszych praktyk dotyczących szybkości i wydajności witryny internetowej.

Czy nieskończone przewijanie jest złe dla SEO?

Bez odpowiedniej optymalizacji, nieskończone przewijanie może być szkodliwe dla SEO WordPressa. Wyszukiwarki mogą nie indeksować całej treści, ponieważ nie przewijają jej automatycznie w dół.

Istnieją jednak sposoby na zoptymalizowanie go pod kątem lepszego SEO. Możesz dodać przycisk wczytywania za pomocą AJAX, aby wyszukiwarki rozpoznały dodatkowe materiały, użyć znaczników schematu, aby wyjaśnić twoją treść dla wyszukiwarek i wstępnie wczytywać odnośniki do nadchodzących treści.

Czy nieskończone przewijanie jest lepsze niż paginacja?

To, czy nieskończone przewijanie jest lepsze niż paginacja, zależy od tego, co działa najlepiej dla twojej witryny internetowej i użytkowników. Nieskończone przewijanie zapewnia płynne wrażenia, podczas gdy paginacja zapewnia bardziej przejrzystą strukturę. Oba rozwiązania mają swoje zalety, więc dokonaj wyboru w oparciu o twoją treść i preferencje odbiorców.

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać nieskończone przewijanie do twojej witryny WordPress. Możesz również dowiedzieć się, jak zwiększyć ruch na blogu lub sprawdzić nasze wybory ekspertów dotyczące niezbędnych wtyczek WordPress, aby rozwinąć twoją witrynę internetową.

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

22 komentarzeZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    How does the search bot behave with infinite scrolling? Can it load the site content, does it only load the first page and skip the rest of the content? I’m interested in this for SEO reasons.

    • WPBeginner Support says

      Search plugins would normally scan all of your content but it would depend on the infinite scroll solution for how it would interact with your search in terms of displaying the results.

      Administrator

  3. Ben says

    Hi, When using infinite scroll and the user clicks on a post the back button takes them to the top of the list rather than where they were before.
    Is there a fix for this?

    • WPBeginner Support says

      Not at this time, you would want to reach out to the plugin’s support for the possibility to add that feature in the future.

      Administrator

  4. Abuel says

    Hello!

    I want to ask on how can i activate infinite scrolling on my blog page that i created using elementor?

    Thank you.

    • WPBeginner Support says

      You would want to reach out to elementor’s support for that question as elementor’s settings would be the ones your site follows.

      Administrator

  5. Steve says

    This article is helpful. It’s unclear though how to add content to the scroll. I’d appreciate an explanation.

    • WPBeginner Support says

      You would want to check with the support for the plugin you are using for if that is an option or if they have a recommended method for setting that up.

      Administrator

  6. Max says

    Hi, great post as usual! Is there also a solution to implement a sorting by a category or a tag that the user can choose like in the Neil Patel’s blog listing page?! Thank you in advance.

  7. Fman says

    Hi there wpbeginner!

    I would like to add infinite scroll to related products on my woocommerce site, how do we do that ?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.