Dodanie paginacji „1|2|3|następna|ostatnia” do WordPressa

Standardowa instalacja WordPressa ma bardzo brzydką i nieporęczną nawigacje pomiędzy wpisami w postaci „nowsze/starsze wpisy”. Często zachodzi wręcz potrzeba skorzystania z czegoś bardziej intuicyjnego.

Wystarczy jeden plugin

WP-PageNavi jest prostą w użyciu wtyczką, która zamieni nam paginacje z postaci:

Na postać:

Pierwszym krokiem jest oczywiście pobranie, zainstalowanie i włączenie dodatku.

Następnie musimy wejść w katalog naszego motywu i odnaleźć plik index.php.

wp-content/themes/nazwa_motywu

Bądź skorzystać z edytora wbudowanego w WordPress Wygląd>Edytor i wyszukać interesujący nas plik.

W pliku index.php należy odnaleźć dwie linijki:

<?php next_posts_link('&laquo; Starsze wpisy') ?>
<?php previous_posts_link('Nowsze wpisy &raquo;') ?>

I zamienić je na:

<?php wp_pagenavi(); ?>

W zależności od szablonu mogą się one różnić i wyglądać np. tak:

<div class="navigation">
			<div class="alignleft"><?php next_posts_link('&laquo; Starsze wpisy') ?></div>
			<div class="alignright"><?php previous_posts_link('Nowsze wpisy &raquo;') ?></div>
		</div>

Najważniejsze jest jednak odszukanie funkcji next_posts_link i previous_posts_link i zastąpienie ich funkcją wp_pagenavi().

W moim przypadku wygląda to tak:

<div class="navigation">
			<?php wp_pagenavi(); ?>
		</div>

Konfiguracja wtyczki

WP-PageNavi pozwala się w bardzo prosty sposób modyfikować za pośrednictwem samego WordPressa. Ustawienia wtyczki znajdują się w menu Ustawienia>PageNavi.

PS. Paginacja poza stroną główną (index.php) znajduje się także w archive.php oraz search.php.

6 thoughts on “Dodanie paginacji „1|2|3|następna|ostatnia” do WordPressa

  1. Ciekawa wtyczka, zainstalowałem ją u siebie, bo mój poprzedni plugin do paginacji nie był za ciekawy. 😉
    BTW, w ustawieniach są błędy: „pokarz” oraz „takst”.

    PS
    Jak ustawić, by numery stron były wyśrodkowane, a nie przylegające do lewej krawędzi bloga (tak jak to jest teraz u mnie)?
    Wrzuciłem w , lecz nie zadziałało.

    1. Musisz edytować style CSS elementu nadrzędnego. W moim przypadku dla klasy „navigation” musiałem ustawić „text-align: center;”

      Co do literówek – cóż 🙂

  2. Dzięki wielkie! Jestem zielony w kodowaniu i jak widzę te wszystkie znaki to już nic nie ogarniam. Ale udało się zmienić!

    Mała instrukcja dla totalnie zielonych:
    1. Na swojej stronie zaznacz element Starsze Wpisy i zrób Zbadaj Element. (działa w Firefox i Chrome)
    2. Zobacz jaki najbliższy tekst wyświetla się przy Starsze Wpisy np. nav-previous
    3. Wejdź w Motywy->Edytor
    4. Skopiuj zawartość okna
    4. Zrób Ctrl+F i w wyszukiwaniu wpisz tą funkcję
    5. Zaznacz wszystko co odpowiada za nav-previous i nav-next i wklej
    6. Voila!

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *