Jak dodać przycisk Załaduj więcej postów w WordPress

Opublikowany: 2018-06-25

Jako bloger i twórca treści chcesz, aby ludzie byli zaangażowani i czytali Twoje posty. Można to zrobić na wiele sposobów: dobry system wyszukiwania lub tagowania, pasek boczny z linkami do najnowszych postów , galeria starszych postów, gdy czytelnik dotrze do dołu strony, i tak dalej.

Innym świetnym sposobem jest użycie przycisku „załaduj więcej postów”, znanego również jako nieskończone przewijanie. To zainteresuje czytelników, którzy będą przeglądać Twoje treści tak długo, jak będą chcieli. Jeśli chcesz pobrać wtyczki lub popracować nad kodowaniem, ta nieoceniona funkcja jest łatwa do dodania do witryny WordPress. Zacznijmy.

Dlaczego nieskończone przewijanie?

infinity

Gdy użytkownik przechodzi do następnej strony, cała witryna musi zostać ponownie załadowana. Paski nawigacji, tło i nie tylko — i chociaż prawdopodobnie mają one zapisane w pamięci podręcznej, jest to dodatkowe kilka sekund oczekiwania. Przy nieskończonym przewijaniu wystarczy załadować tylko nowy post, co zajmuje tylko chwilę.

Ponadto nieskończone przewijanie pozwala odwiedzającym czytać. Mogą nie kontynuować czytania, jeśli będą musieli szukać starszych postów. Ale z przyciskiem tam, mogą po prostu pozostać trochę dłużej.

Jeśli jesteś gotowy, aby dodać więcej przycisku do WordPressa, jest tylko kilka rzeczy, o których powinieneś pamiętać.

  • Zawsze twórz kopię zapasową witryny WordPress przed edycją plików szablonów lub kodu. Lub użyj motywu potomnego, aby poeksperymentować, zanim wprowadzisz zmiany do głównej witryny.
  • Aby zainstalować wtyczkę WordPress, przejdź do obszaru administracyjnego WordPress i kliknij przycisk „Dodaj nowy” poniżej „Wtyczki”. Stamtąd wyszukaj żądaną wtyczkę, zainstaluj ją i aktywuj. To proste!
  • Jeśli to nie działa, pobierz wtyczkę z dowolnego miejsca. Przejdź ponownie do „Dodaj nowy”, ale tym razem kliknij „Prześlij”, aby przesłać plik. Następnie zainstaluj i aktywuj wtyczkę.
  • Niektóre wtyczki są dostarczane z innymi instrukcjami instalacji, jeśli te metody nie działają!

Bez wtyczki

Nie masz wtyczki? Jeśli wolisz zrobić to sam, nie martw się. Jeśli wolisz sam to zakodować lub stworzyć własną wtyczkę, postępuj zgodnie z tym przewodnikiem lub tym . Oba mogą pomóc w samodzielnym skonfigurowaniu tej funkcji — chociaż możesz tracić dodatkowe funkcje i łatwe dostosowywanie, które może zaoferować wtyczka.

Te samouczki zawierają dużo przerażającego kodu, ale dopóki postępujesz zgodnie z instrukcjami, nie powinno to być zbyt trudne. Będziesz konfigurować pewne parametry, aby upewnić się, że przycisk nie wyświetla się, jeśli nie ma wystarczającej liczby postów, konfigurując kod podstawowy i upiększając go za pomocą CSS.

Łatwe ładowanie Więcej

Jeśli wolisz wtyczkę, jest to świetna opcja. Easy Load More, jak sama nazwa wskazuje, jest leniwą wtyczką ładującą. Używa Ajax do ładowania dodatkowych postów na tej samej stronie i wymaga bardzo niewielkiej edycji plików motywów. Wtyczka została stworzona specjalnie po to, aby pozostawić jak najmniejszy ślad, z minimalistycznym i konfigurowalnym domyślnym przyciskiem, małym rozmiarem JavaScript i ikonami ładowania renderowanymi za pomocą SVG, dzięki czemu pliki graficzne nie będą musiały być pobierane.

Po pobraniu wtyczki konfiguracja jest naprawdę łatwa. Najpierw musisz skonfigurować wtyczkę z jej strony ustawień w menu wtyczki. Następnie znajdź stronę, na której chcesz przewijać w nieskończoność, i dodaj funkcję „load_more_button()” do plików szablonu motywu. Działa z niestandardowymi szablonami i na dowolnej stronie, od strony głównej po strony archiwalne.

Ajax Załaduj więcej

Jeśli szukasz czegoś bardziej zaawansowanego, Ajax Load More oferuje wiele dodatkowych funkcji.

Ajax load more

Istnieje narzędzie do tworzenia krótkich kodów, które umożliwia tworzenie niestandardowych zapytań dotyczących innych stron, postów lub komentarzy. Parametry zapytania oznaczają, że ładowane posty mogą należeć do określonych kategorii lub typów postów, a także możesz odfiltrować niektóre posty. Możesz także tworzyć szablony, aby wtyczka idealnie pasowała do Twojego motywu.

Oprócz tych wszystkich funkcji istnieją dodatki, które dodatkowo rozszerzają funkcjonalność. Wstępnie ładuj posty, zastąp leniwe ładowanie stronami lub zmień wygląd i układ wtyczki!

Chociaż Ajax Load More może być dostosowywany i dostosowywany w znacznym stopniu przez zaawansowanych użytkowników, skonfigurowanie go jest dość małą męką. Po prostu użyj narzędzia Shortcode Builder, aby utworzyć własny krótki kod i dodać go do swojej witryny bezpośrednio za pomocą edytora treści lub umieszczając go w plikach szablonu. I to wszystko, co musisz zrobić!

Załaduj więcej produktów dla WooCommerce

Load More Products for WooCommerce

Jeśli korzystasz z handlu elektronicznego, ten wyspecjalizowany przycisk ładowania więcej wykorzystuje podobne kodowanie Ajax do ładowania nieskończonych produktów. Jest kompatybilny z wieloma wtyczkami WooCommerce. Darmowa wersja zapewnia dostęp do nieskończonego przewijania za pomocą przycisku i niektórych podstawowych funkcji dostosowywania. Płatna wtyczka ma wiele leniwych opcji ładowania z animacjami, dostosowywaniem przycisków i różnym ładowaniem dla urządzeń mobilnych.

Proste ładowanie Więcej

Jeśli potrzebujesz tylko czegoś prostego i łatwego do aktywacji, Simple Load More wykona zadanie. Aktywuje się automatycznie na Twojej stronie głównej, więc jeśli to wszystko, czego potrzebujesz, możesz po prostu zainstalować, skonfigurować i skończyć.

Simple Load More

Jeśli potrzebujesz go na innych stronach, po prostu wykonaj prostą konfigurację i dodaj funkcję „simple_more_button()” lub krótki kod „[load_more button_text=”ABC”]” do plików szablonu strony, na której chcesz umieścić przycisk.

Załaduj więcej czegokolwiek

Jeśli chcesz wypróbować prostą wtyczkę jQuery załaduj więcej, sprawdź tę. Load More Anything działa w dowolnym miejscu, na dowolnej stronie i dla dowolnej treści. Posty, komentarze, produkty, obrazy — cokolwiek i gdziekolwiek.

Potrzebujesz do tego trochę wiedzy technicznej. Chociaż nie musisz zadzierać z plikami motywów, musisz znaleźć znacznik „div”, który odnosi się do miejsca, w którym chcesz wyświetlać przycisk i skąd będzie pobierać zawartość. Najprostszym sposobem jest użycie „Sprawdź element” w miejscu, w którym chcesz umieścić przycisk, i spróbuj znaleźć właściwe znaczniki div, class lub side. Jeśli nie jesteś programistą internetowym lub nie wiesz, jak poruszać się po Inspect Element, możesz pominąć ten.

Load More Anything

Łatwo zaangażuj czytelników dzięki funkcji Load More

To nie było takie trudne, prawda? Nieskończone przewijanie to świetny sposób na zapewnienie odwiedzającym łatwego dostępu do większej ilości treści, bez konieczności ładowania wielu stron lub przechodzenia przez linki nawigacyjne. Jest prosty i eliminuje wszelkie możliwe zamieszanie. Jeśli nie masz jeszcze przycisku ładowania więcej na swojej stronie, na co czekasz?

Jeśli ten przewodnik Ci pomógł, sprawdź nasze Facebook i Twitter , aby uzyskać więcej wskazówek i samouczków WordPress? A jeśli są jakieś samouczki WordPress, które chcesz od nas zobaczyć, daj nam znać w komentarzach poniżej.