Paginacja WordPressa

Domyślna funkcja nawigacji poprzedni/następny dla postów i stron WordPress działa dobrze w niektórych przypadkach. Nie jest to jednak najbardziej intuicyjna metoda. Jest to szczególnie prawdziwe w przypadku witryn z dużą ilością opublikowanych treści.

Paginacja – funkcja dzieląca zawartość na osobne strony – to jedna z opcji, która pozwala udoskonalić projekt witryny i poprawić sposób, w jaki użytkownicy poruszają się po zawartości. Ta technika jest zarówno praktyczna, jak i estetyczna, i staje się coraz bardziej popularna w Internecie.

W tym poście wprowadzimy paginację i omówimy różne sposoby dodania jej do WordPress. Można to zrobić za pomocą wtyczek, Ajax lub ustawień niestandardowych. Zacznijmy!

Dodanie paginacji do WordPress

Jeśli chcesz dodać paginację do swojej witryny WordPress, natkniesz się na dwie główne metody. Pierwszy to użycie wtyczki, a drugi to Ajax. Wkrótce szczegółowo wyjaśnimy oba te podejścia i wprowadzimy kilka niestandardowych poprawek, które możesz również wprowadzić. Wcześniej rozważmy podstawowy sposób wykorzystania paginacji w WordPress.

Paginacja bloga w wordpress

Paginacja jest najczęściej używana w sekcjach blogów na stronach WordPress. Można go zastosować do pojedynczych postów lub wykorzystać jako sposób na konsolidację stron kategorii blogów:

Paginacja bloga oferuje wiele korzyści, zarówno dla Twojej witryny, jak i dla odwiedzających ją osób. Na przykład paginacja może zwiększyć rankingi w wyszukiwarkach. Dzieje się tak dlatego, że zwiększy się liczba linków (tj. więcej stron) prowadzących do Twojej witryny.

Dla odwiedzających paginacja ułatwia nawigację. Zamiast korzystać z domyślnej metody nawigacji poprzedni/następny dla postów i stron, paginacja umożliwia czytelnikom klikanie określonych numerów stron. Oznacza to, że spędzą mniej czasu na wyszukiwaniu postów i stron, a więcej na interakcji z Twoimi treściami.

Wtyczki stronicowania

Najłatwiejszym sposobem korzystania z paginacji w WordPress są wtyczki do paginacji. Istnieje wiele opcji, ale przyjrzyjmy się bliżej niektórym z najlepszych rozwiązań.

Pierwszym z nich jest WP-Paginate. Ta wtyczka umożliwia dodawanie numerowanych przycisków w dowolnym miejscu witryny, w tym na stronie blogu , stronie wyszukiwania i stronie głównej . Pomaga to poprawić wrażenia użytkowników (umożliwiając im przejście do żądanej strony) i poprawia wygląd Twojej witryny:

Dodatkowo WP-Paginate umożliwia dostosowanie przycisków strony, a nawet określonych wartości (takich jak Page Range i Page Gap ). Oznacza to, że masz kontrolę nad głównymi elementami paginacji.

Po drugie, rzućmy okiem na WP-PageNavi. Podobnie jak WP-Paginate, ta wtyczka umożliwia dodawanie numerów stron w dowolnym miejscu w witrynie WordPress. Jednak w przeciwieństwie do poprzedniej wtyczki wymaga trochę konfiguracji:

Obie wtyczki stronicowania WordPress umożliwiają przejście z domyślnej poprzedniej/następnej nawigacji do bardziej zaawansowanego, numerowanego systemu. Pozwalają również dodawać własne niestandardowe CSS, jeśli chcesz. Istnieje jednak inny sposób osiągnięcia tego samego celu.

Paginacja Ajax w WordPress

Asynchroniczny JavaScript i XML (AJAX) to zestaw technik programowania, który umożliwia programistom tworzenie asynchronicznych aplikacji internetowych. Krótko mówiąc, Ajax wysyła i pobiera informacje z serwera bez ingerencji w wygląd strony, ponieważ działa w tle. Ajax służy do zmiany dynamicznej zawartości strony bez przeładowywania całej strony. Jest to powszechnie widoczne w przypadku nieskończonego przewijania, ale dotyczy również paginacji.

Korzystając z paginacji Ajax, witryna może często aktualizować się o nowe treści (takie jak posty na blogu) bez zakłócania pracy użytkownika. Twoi czytelnicy mogą zobaczyć wszystkie najnowsze treści, które publikujesz, gdy są na stronie, ale nie będzie ona ładować się za każdym razem. Dodatkowo, kiedy użytkownicy klikają na następną stronę, nie muszą czekać na jej całkowite przeładowanie.

Paginacja Ajax bez wtyczek

Powyżej wprowadziliśmy kilka opcji wtyczek, które umożliwiają dodanie stronicowania do witryny WordPress. Jednak paginację Ajax można wykonać bez użycia wtyczki.

Ważne jest, aby zrozumieć, że ten proces wymaga sporo kodowania. Oznacza to, że powinieneś najpierw poważnie rozważyć utworzenie motywu potomnego. W ten sposób będziesz mógł wprowadzać zmiany w bieżącym motywie witryny bez ingerencji w jej domyślny kod. Zmniejsza to prawdopodobieństwo popełnienia krytycznych błędów i bardzo ułatwia dodawanie własnego kodu do plików motywu.

Po skonfigurowaniu motywu podrzędnego istnieją trzy główne kroki, aby dodać paginację do witryny. Oto przegląd procesu:

1. Utwórz wydarzenie. Tutaj decydujesz, które działanie w Twojej witrynie (takie jak kliknięcie numeru strony) uruchomi część JavaScript procesu.
2. Utwórz wywołanie Ajax. Gdy JavaScript zostanie „aktywowany”, do serwera sieciowego zostanie wysłane żądanie danych.
3. Komunikuj się z WordPressem. Wreszcie odpowiedź serwera określi, jak działa WordPress. W takim przypadku wywoła nową stronę z treścią bez ponownego ładowania całej strony.

Łatwo zobaczyć, jak Ajax może poprawić paginację. Wszystkie te kroki odbywają się w ciągu kilku sekund, co ogromnie poprawia komfort korzystania z Twojej witryny.

Niestandardowa paginacja

Jeśli wolisz nie używać Ajaksa, być może zastanawiasz się, czy istnieją inne sposoby tworzenia niestandardowej paginacji dla Twojej witryny WordPress. Chociaż wtyczki oferują kilka przydatnych funkcji, możesz także samodzielnie zmienić funkcjonalność stronicowania witryny.

Na przykład możesz zmodyfikować liczbę postów, które będą wyświetlane na stronie. Podczas gdy WordPress ustawia wartość domyślną na 10, możesz ją zmienić na prawie dowolną liczbę. Aby to zrobić, przejdź do Ustawienia > Czytanie > Strony bloga pokazują maksymalnie . Tutaj możesz bezpośrednio zwiększyć lub zmniejszyć wartość:

Inną niestandardową funkcją podziału na strony, o której wielu użytkowników nie wie, jest możliwość podzielenia pojedynczego posta na wiele stron. Jest to świetne rozwiązanie w przypadku artykułów z listami lub innych typów długich treści. Aby zaimplementować tę funkcję, wystarczy dodać <!– nextpage –> (w Edytorze tekstu ) między treścią, którą chcesz podzielić:

Jeśli jesteś bardziej zaawansowanym użytkownikiem, możesz także poeksperymentować z CSS (w pliku styles.css ), aby jeszcze bardziej dostosować podział na strony. Możesz zmieniać elementy, takie jak tła i kolory czcionek, elementy wypełniające i efekty najechania kursorem. Przy odrobinie pracy możesz skonfigurować paginację swojej witryny w dowolny sposób!

Chcesz dowiedzieć się więcej ciekawych elementów, które możesz dodać do swojej strony? Śledź WP Engine, a znajdziesz mnóstwo artykułów na temat nowości WordPress i nadchodzących funkcji. Aby uzyskać jeszcze więcej z WP Engine, możesz również sprawdzić nasze zarządzane plany hostingowe, które zapewniają dedykowane wsparcie i praktycznie wszystko, czego potrzebujesz do prowadzenia skutecznej strony internetowej!