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

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

Nieskończone przewijanie to technika projektowania stron internetowych, która automatycznie ładuje zawartość następnej strony, gdy użytkownicy dotrą do dołu strony. Pozwala użytkownikom zobaczyć więcej treści na swoim blogu bez klikania na paginację lub przycisk „Załaduj więcej”.

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

Czym jest nieskończony Zwój?

Nieskończone przewijanie to trend projektowania stron internetowych, który wykorzystuje Ajax ładowanie strony zamiast numerycznej nawigacji strony, aby automatycznie załadować zawartość następnej strony i wyświetlić ją na końcu bieżącej strony. Nieskończone przewijanie ułatwia przeglądanie większej ilości treści, po prostu przewijając w dół. Ładuje zawartość w sposób ciągły i nieskończony, gdy użytkownicy przewijają.

Tradycyjnie użytkownicy musieliby kliknąć przyciski „Następny”, „Poprzedni” lub numery stron, aby zobaczyć starsze artykuły na blogu.

Podczas korzystania z AJAX skrót dla asynchronicznych Javascript i XML, strony internetowe mogą komunikować się z serwerem bez przeładowywania całej strony. Umożliwia aplikacjom internetowym przetwarzanie żądań użytkowników i dostarczanie danych bez odświeżania.

Facebook, Instagram, Pinterest i inne.najlepsze przykłady nieskończonego przewijania to popularne serwisy społecznościowe, takie jak Facebook, Twitter, Instagram, Pinterest i inne. Jeśli używasz dowolnego z nich, wiesz, jak treści ładują się bez końca na osi czasu mediów społecznościowych.

Czy nieskończone przewijanie jest odpowiednie dla każdej strony internetowej?

Wiele stron internetowych z treściami w Internecie używa nieskończonej techniki przewijania, aby poprawić przeglądanie i zwiększyć zaangażowanie. To prowadzi wielu początkujących do zadawania pytań, takich jak czy jest odpowiedni dla każdej strony internetowej, czy też jest dobry dla mojej strony?

Nieskończone przewijanie jest doskonałe dla witryn prezentujących zawartość na osi czasu lub kanale, takich jak aplikacje społecznościowe. Oferuje fantastyczne doświadczenie przeglądania użytkownikom szukającym treści opartych na czasie.

Ponadto nieskończona konstrukcja przewijania jest idealna dla urządzeń mobilnych i dotykowych. Dla użytkowników mobilnych przewijanie jest bardziej przyjazne dla użytkownika niż tapowanie na małych linkach do stron.

Najważniejszą zaletą nieskończonej techniki przewijania jest płynne przeglądanie. Użytkownicy nie muszą ręcznie klikać linków paginacji. Zawartość szybko się ładuje dzięki przewijaniu i utrzymuje zaangażowanie użytkowników.

Ale z drugiej strony może również utrudnić nawigację w witrynie. Przy ciągłym ładowaniu trudno jest dowiedzieć się, gdzie (na której stronie) znajduje się artykuł na blogu. Niektórzy użytkownicy uważają nawet, że oglądanie wielu artykułów naraz jest przytłaczające.

Inną Wadą nieskończonego przewijania jest to, że nie można mieć stopki. Nawet jeśli go masz, będzie ukryty pod niekończącymi się artykułami. Wiele witryn dodaje niezbędne linki w stopce, więc ich brak może rozczarować niektórych użytkowników.

Być może najbardziej dotyczącym problemu z nieskończonym przewijaniem jest to, że może spowolnić witrynę lub nawet zawiesić serwer. Kiedy dodaliśmy infinite scroll do jednego z naszych mniejszych blogów, doświadczyliśmy awarii serwera po tym, jak użytkownicy przewijali niepotrzebnie, powodując wyczerpanie pamięci na małym koncie hostingowym WordPress. Zalecamy korzystanie z zarządzanego hostingu WordPress, jeśli chcesz spróbować nieskończonego przewijania.

Teraz, gdy znasz zalety i wady nieskończonego przewijania, możesz zdecydować, czy chcesz dodać go do swojego bloga, czy nie.

Jeśli zdecydowałeś się dodać nieskończone przewijanie do swojego bloga WordPress, możesz to zrobić łatwo. Pokażemy Ci wiele wtyczek, z których możesz korzystać, dzięki czemu możesz wybrać tę, która najlepiej odpowiada twoim potrzebom.

Video Tutorial

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

Dodawanie nieskończonego przewijania do swojego bloga WordPress z Catch Infinite Scroll

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

Po aktywacji WordPress doda nowy element menu o nazwie „Catch Infinite Scroll” do panelu administracyjnego WordPress. Musisz go kliknąć, aby skonfigurować ustawienia wtyczki.

Najpierw możesz wybrać opcję wyzwalania do ładowania artykułów. Wtyczka umożliwia automatyczne ładowanie zawartości, gdy użytkownicy przewijają stronę w dół lub dodają przycisk „Załaduj więcej”.

Należy wybrać opcję „przewijanie”, aby uruchomić autoload z przewijaniem. Alternatywnie możesz wybrać opcję „Kliknij”, jeśli chcesz dodać przycisk Załaduj więcej.

Następnie możesz zobaczyć selektor nawigacji, selektor następny, selektor treści i selektor elementów. Nie musisz niczego zmieniać w tych opcjach, ponieważ domyślne opcje działają całkiem dobrze.

Następnie istnieje opcja obrazu, w której możesz dodać ikonę programu ładującego zawartość. Domyślnie ma obraz GIF loader. Jeśli masz lepszy obraz, możesz go zmienić.

Opcja „Zakończ Tekst” zawiera wiadomość, która zostanie wyświetlona po zakończeniu przeglądania artykułów przez użytkownika. Domyślnie tekst mówi ” nie ma więcej elementów do wyświetlenia.’Możesz łatwo edytować ten tekst w razie potrzeby.

Po zakończeniu kliknij przycisk Zapisz zmiany.

To jest to! Nieskończone przewijanie jest teraz aktywne na Twoim blogu. Możesz odwiedzić swojego bloga i zobaczyć nieskończone przewijanie w akcji.

Alternatywne wtyczki WordPress, aby dodać nieskończone przewijanie w WordPress

Catch Infinite Scroll działa dobrze z większością motywów WordPress; jednak może się nie udać w przypadku niektórych motywów. W takim scenariuszu możesz użyć dowolnej z następujących wtyczek infinite scroll WordPress.

1. Ajax Load Więcej

Podobnie jak Catch infinite Scroll, Ajax Load More plugin pozwala również dodać nieskończone przewijanie i klikalne Załaduj więcej przycisków do witryny WordPress.

Wtyczka oferuje więcej opcji dostosowywania, w tym wiele stylów ikon ładowania strony, stylów przycisków itp. Aby uzyskać szczegółowy przewodnik, możesz zobaczyć nasz samouczek na temat tworzenia przycisku Załaduj więcej postów w WordPress za pomocą wtyczki Ajax Load More.

Jednak wtyczka ma pewną krzywą uczenia się dla początkujących. Posiada zaawansowany interfejs z wieloma opcjami, w tym szablonem repeater, shortcode builder, zapytaniami WordPress i innymi.

Będzie to wymagało pewnych umiejętności kodowania, aby zastosować nieskończone przewijanie za pomocą tej wtyczki.

2. YITH nieskończone przewijanie

YITH Infinite Scrolling to prosta alternatywa dla Ajax Load More or Catch Infinite Scroll plugin.

Podobnie jak wtyczka Catch Infinite Scroll, ma minimalne opcje konfiguracji interakcji internetowej opartej na przewijaniu w witrynie. Wystarczy zainstalować i aktywować wtyczkę i włączyć nieskończone przewijanie.

Każdy, w tym początkujący, może łatwo skonfigurować nieskończone przewijanie za pomocą tej wtyczki. Jednak nie ma opcji przycisku „Załaduj więcej”, która jest zawarta w dwóch pozostałych wtyczkach wymienionych powyżej.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać Nieskończony Projekt przewijania do swojego bloga WordPress. Możesz również zobaczyć nasz przewodnik, Jak dodać śledzenie scroll-depth w WordPress.

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