Czy chciałbyś dodać nieskończone przewijanie na WordPress?

Czy jest coś bardziej uzależniającego niż aktualności na Facebooku? To znaczy, siedzę tutaj, pisząc ten samouczek, ale ta uzależniająca funkcja po prostu przewija się… znowu… znowu.

Jest to funkcja używana przez Facebooka, która nazywa się: „ nieskończony zwój "Lub" nieskończone przewijanie ", dla kanału informacyjnego. Zamiast klikać przycisk lub „ następujący "Lub" Czytaj Więcej „, Treść jest ładowana po przewinięciu strony.

dodaj nieskończone przewijanie na WordPress

I zgadnij co? Możesz osiągnąć ten sam efekt na swoim blogu WordPress, dodając nieskończone przewijanie.

W tym samouczku omówię niektóre zalety i wady nieskończonego przewijania, a następnie pokażę, jak skonfigurować nieskończone przewijanie na blogu WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Zalety nieskończonego przewijania

Wiele dużych marek eksperymentowało z nieskończonym przewijaniem, co daje nam przewagę polegającą na możliwości sprawdzenia ich danych. Oto niektóre z korzyści, których doświadczyły sieci społecznościowe:

Przy okazji odkryj jak utworzyć przewijany tekst na Divi

  • Więcej widoków - NBC News odkryło, że użytkownicy telefonów stacjonarnych odwiedzili o 20% więcej stron na wizytę przy nieskończonym przewijaniu. Podobnie „ Czasy „Stwierdzono również, że 21% użytkowników zdecydowało się na resztę treści z nieskończonym przewijaniem.
  • Bardzo niski współczynnik odrzuceń  - " Czasy Zmniejszono także współczynnik odrzuceń 15%, gdy zdecydowano się na nieskończone przewijanie.
  • Lepsze wrażenia użytkownika - Wszyscy się z tym zgadzają. Niektórzy eksperci stwierdzili to nieskończony zwój UX zwiększa widoczność użytkowników, zmuszając użytkowników do mniejszego klikania, jednocześnie oferując lepszą mobilność.

Nie mogę powiedzieć na pewno, że uzyskasz takie same wyniki, jak te duże marki, ale jeśli masz dużo postów na blogu, przewijanie na pewno będzie dobrą opcją.

Odkrywaj kiedy i jak zainstalować WordPress w podkatalogu

Większość sieci społecznościowych korzysta z nieskończonego przewijania z tych samych powodów.

Wady z nieskończonym przewijaniem

Nie zawsze wszystko jest różowe z nieskończonym przewijaniem. Z pewnością należy wziąć pod uwagę kilka potencjalnych negatywnych punktów:

  • Brak stopki - tracisz na stopce, decydując się na nieskończone przewijanie. Będzie to dużym utrudnieniem, jeśli chcesz podać więcej informacji w stopce. Na przykład, jeśli używasz stopki do wyświetlania informacji o podmiotach stowarzyszonych, musisz znaleźć nowy sposób wyświetlania tych informacji.
  • Odbijanie paska przewijania powoduje złe wrażenia  - Ponieważ witryna zawsze się ładuje, jest bardzo prawdopodobne, że długość pasków ładowania ulegnie zmianie, co może spowodować utratę kontroli nad odczytem, ​​co spowoduje złe wrażenia użytkownika.
  • Brak poczucia „ukończenia” - To nie jest insynuacja. Badacze z firmy Nielsen odkryli, że użytkownicy mają poczucie spełnienia, gdy docierają do końca strony. Nieskończone przewijanie uniemożliwia to.

Ponadto w sekcji „Korzyści” nieskończone przewijanie jest dobre, gdy masz wiele równie ważnych postów na blogu. Cóż, jest też odwrotnie:

Zobacz także w tym artykule jak naprawić błąd „brak folderu tymczasowego” w WordPress

Jeśli Twoje przedmioty mają nierówne znaczenie (na przykład niektóre artykuły zawierają do 2.000 słów, a niektóre tylko słowa 300), więc nieskończone przewijanie, z pewnością nie jest dobrym pomysłem na twoją stronę.

Jak dodać nieskończoną zwój na WordPressie

Aby dodać nieskończone przewijanie w WordPress, możesz użyć bezpłatnej wtyczki o nazwie „ Ajax Loader Więcej ”. Ta wtyczka oferuje mnóstwo rozszerzeń premium, które mogą zwiększyć jej funkcjonalność, ale darmowa wersja powinna wystarczyć, aby po prostu dodać nieskończone przewijanie do Twojej witryny.

Idź dalej, konsultując się JavaScript w WordPress: przypadek użycia AJAX

Podstawowa wtyczka działa, generując krótki kod dodawany do strony. Ta strona wyświetla następnie posty na blogu w nieskończonym przewijaniu. Jest jeszcze kilka innych małych kroków, które musisz wykonać w trakcie kursu. Oto jak to wszystko ustawić:

Instalacja i konfiguracja wtyczki

Możesz znaleźć „ Ajax Loader Więcej » w katalogu WordPress wtyczki. Zainstaluj i aktywuj wtyczkę, tak jak każdą inną wtyczkę.

Po aktywacji zobaczysz zupełnie nową opcję „ Ajax ładuje więcej ”. Idź do „ Ajax Load More> → Repeater Template Aby stworzyć swój model.

« Twój model> Repeater Jest szablonem, który określa sposób wyświetlania artykułów w nieskończonym przewijaniu. Możesz to zmienić, ale musisz znać trochę PHP. Jednak domyślny szablon powinien być odpowiedni dla większości użytkowników:

Budowlano-dun-Model-wordpress

Jedyną ważną rzeczą do zapamiętania jest to, że domyślny szablon „Repeater” wyświetla tylko fragmenty artykułów, a nie całe artykuły. Jeśli chcesz wyświetlić pełne artykuły, musisz zamienić „ the_excerpt () Przez „ the_content () ".

Jeśli znasz PHP, nadal możesz dostosować ten model. W przeciwnym razie możesz zostawić model „ Przekaźnik Domyślnie

Przeczytaj także nasz artykuł na temat 9 wtyczek WordPress do tworzenia siatek cen na blogu

Możesz tutaj skonfigurować wiele rzeczy. Masz możliwość zmiany tego, co będzie wyświetlane w nieskończonym zwoju i jak to wszystko będzie się zachowywać.

Nie mogę wymienić wszystkich możliwości w tym artykule, ale oto niektóre pola, które na pewno będziesz chciał wypełnić:

  • post_type - Domyślnie uwzględniane są tylko artykuły. Ale możesz także dołączyć niestandardowe strony lub formaty postów.
  • kategoria - Możesz uwzględnić tylko określone kategorie lub nie możesz wykluczyć niektórych kategorii.
  • autor - Jest to interesująca funkcja, w której można dodać nieskończone przewijanie dla określonego autora.
  • posts_per_page - Określ liczbę artykułów, które „ Ajax Loader Więcej Powinien ładować się za każdym razem, gdy się odświeża.
  • pauza - To z pewnością ważny element. Aby uzyskać prawdziwe nieskończone przewijanie, należy ustawić tutaj wartość „false”. W przeciwnym razie użytkownicy będą musieli kliknąć, aby wyświetlić inne artykuły.
  • przewijać - Ważne jest, aby włączyć tę funkcję, aby artykuły były automatycznie ładowane, gdy użytkownicy przewijają stronę w dół.

Odkryj także nasze 5 motywów WordPress dla podcastów

Po skonfigurowaniu wszystkiego skopiuj plik krótki kod po prawej stronie strony:

kopia-shortcode-ajax-loader-więcej

Wszystko, co musisz zrobić, to dodać ten krótki kod do strony, na której chcesz, aby pojawił się Twój nieskończony zwój. Na przykład możesz dodać go do strony o nazwie „ Blog Aby ustawić ją jako domyślną stronę blogu.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. Galeria paginacji na Youtube i Vimeo

Ta premia WordPress to responsywna i mobilna galeria z wieloma w pełni konfigurowalnymi funkcjami. Może wyświetlać filmy z listy odtwarzania YouTube, słów kluczowych lub wyszukiwać według albumu, kanału, grupy lub słowa kluczowego z Vimeo. Siatki można personalizować na kilka sposobów. Galeria Lightbox może wyświetlać odtwarzacz ze wszystkimi szczegółami filmu, w tym komentarzami.

Youtube vimeo plugin galerii paginacji wordpress

Ta wtyczka WordPress może być używana w dowolnym poście lub obszarze strony za pomocą skrótów lub bezpośrednio na stronach PHP. Wszystko, czego potrzebujesz, to utworzyć nową galerię, dodać na przykład identyfikator kanału YouTube i wygenerować krótki kod. Na tej samej stronie można używać kilku galerii.

Pobierz | Demo | hosting

2. Nieskończona przeglądarka WooCommerce Scroll i Ajax Pagination

WooCommerce Infinite Scroll i Ajax Pagination to Wtyczka WordPressa (WooCommerce) premium, który pomaga przekonwertować domyślną paginację produktu na nieograniczone przewijanie lub paginację Ajax. Gdy użytkownik przewinie stronę w dół, następna strona produktu jest automatycznie pobierana i dodawana. Oznacza to, że nie musi klikać „Następna strona”. 

WooCommerce Nieskończona Scroll i Ajax Pagination

Możesz także dodać przycisk „Załaduj więcej” zamiast nieograniczonego przewijania lub możesz zachować domyślną paginację i przekonwertować ją na paginację Ajax.

Aby przeczytać także: Wtyczki 5 WordPress do wstawiania formularzy do Twojej witryny

Ponadto możesz ustawić różne typy stronicowania dla urządzeń mobilnych, takie jak nieograniczone przewijanie dla urządzeń z dużym ekranem i przycisk „Załaduj więcej” dla urządzeń mobilnych.

Pobierz | Demo | hosting

3. Suwak Revolution

Slider Revolution to innowacyjna i responsywna wtyczka karuzelowa WordPress, która pięknie wyświetla Twoje treści. Czy to suwak, czy karuzela, jego edytor wizualny przeciągnij i upuść pozwoli Ci na przykład opowiedzieć historię Twojej firmy, wyróżnić najlepsze produkty, najlepsze artykuły i wiele więcej

najlepsze slidery wtyczki WordPress - rewolucja suwaków

Zapraszamy również do zapoznania się z naszą Wtyczki 9 Easy Digital Downloads do zarządzania cyfrowymi pobraniami

Jego cechy to: doskonały interfejs tworzenia slajdów, projektowanie slajdów metodą przeciągnij i upuść, w pełni responsywny układ, idealne zarządzanie treściami multimedialnymi, zoptymalizowana wydajność, Wsparcie wielojęzyczne, dostarczany z blisko 340 elementami graficznymi, oferowanymi licznymi szablonami pokazów slajdów, kompatybilnością z większością Motywy WordPress, doskonała obsługa klienta, obsługa ekranów dotykowych, bezpłatne i regularne aktualizacje, dokumentacja i samouczki wideo dostępne i wiele więcej.

Pobierz | Demohosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

To jest to! To wszystko w tym samouczku, teraz możesz skonfigurować nieskończone przewijanie na swoim blogu WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...