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:
[codesyntax lang=”php”]
<?php next_posts_link('« Starsze wpisy') ?>
<?php previous_posts_link('Nowsze wpisy »') ?>
[/codesyntax]
I zamienić je na:
[codesyntax lang=”php”]
<?php wp_pagenavi(); ?>
[/codesyntax]
W zależności od szablonu mogą się one różnić i wyglądać np. tak:
[codesyntax lang=”php”]
<div class="navigation">
<div class="alignleft"><?php next_posts_link('« Starsze wpisy') ?></div>
<div class="alignright"><?php previous_posts_link('Nowsze wpisy »') ?></div>
</div>
[/codesyntax]
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:
[codesyntax lang=”php”]
<div class="navigation"> <?php wp_pagenavi(); ?> </div>
[/codesyntax]
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.
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.
Musisz edytować style CSS elementu nadrzędnego. W moim przypadku dla klasy „navigation” musiałem ustawić „text-align: center;”
Co do literówek – cóż 🙂
Na PW Ci napisałem, co miało się znaleźć w końcówce mojego pierwszego komentarza, bo Twój blog mi to uciął. ;P
Dopisz do stylów coś takiego:
.wp-pagenavi {text-align:center;}
Zadziałało.
Dziękuję. 😉
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!