publikacja: 29 lipca 2008, 15:34; autor: Szymon Skulimowski http://wpninja.pl/wp-pagenavi-lepsza-nawigacja-pomiedzy-stronami/

WP-PageNavi: lepsza nawigacja pomiędzy stronami

WP-PageNavi: lepsza nawigacja pomiędzy stronami

Strona główna WordPressa przedstawia zazwyczaj najnowsze wpisy a ich Ilość ustawiona jest w panelu administracyjnym (opcje > wyświetlanie wpisów > strony bloga > pokaż najwyżej). Standardowo (i raczej słusznie) jest wstawiona tam liczba 10.

Tak więc, jeśli na swoim blogu będziesz mieć 11 wpisów, 1 najstarszy zostanie przesunięty na kolejną stronę. Na samym dole pokaże się wtedy nawigacja umożliwiająca przejście pomiędzy stronami. W standardowej wersji WordPressa wygląda ona niestety dosyć ubogo ponieważ:

  • nie ma możliwości wybrania dowolnej strony (są tylko odnośniki do poprzedniej lub następnej strony)
  • określenia „poprzednia” i „następna” mogą być mylące dla wielu gości
  • nie wiadomo ile jest wszystkich stron

Przetestowałem ostatnio bardzo interesującą wtyczkę – WP PageNavi, która w sposób bardzo ładny wzbogaca WP o dodatkowe funkcjonalności.

Instalacja

  1. Pobierz plik wtyczki ze strony autora.
  2. Rozpakuj archiwum i skopiuj katalog wp-pagenavi do wp-content/plugins/.
  3. Aktywuj wtyczkę w panelu administracyjnym.
  4. Wstaw poniższy kod:
    <?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
    do pliku index.php zaraz za <?php endwhile; ?>.
  5. Zapisz i ciesz się lepszą nawigacją.
  6. Możesz pokusić się także o drobne zmiany wyglądu nowej nawigacji – w tym celu powinieneś zainteresować się zawartością pliku pagenavi-css.css, który umieszczony jest w folderze wtyczki.

Efekt wtyczki można obejrzeć na moim blogu (na samym dole strony głównej).

Komentarze (57)

  1. kidler (25 sierpnia 2008, 21:34) #:

    Warto dodać że kod z punktu 4 można wstawić do pliku archiwe.php i search.php :) Dzięki temu „lepsza nawigacja” będzie również podczas wyszukiwania i przeglądania wpisów w danej kategorii

  2. Szymon Skulimowski (26 sierpnia 2008, 9:27) #:

    Zgadza się :).

  3. Nomad (22 września 2008, 18:14) #:

    No dobra – moze glab jestem, ale mi nie wychodzi.
    Zalatwilem pkt 1-3
    Przy pkt 4 plik index.php wyglada tak:

    <a href=”" rel=”bookmark”>

    Opublikowany | |

    Kategorie: <?php the_tags(‚Tags: ‚,’ > ‚); ?>

    <!–

    –>

    Comments

    %%

    %%

    %%

    Wklejalem w miejscach oznaczonych %% (oczywiscie pojedynczo) i nic. Gdzie winienem wkleic? :)

  4. Nomad (22 września 2008, 18:16) #:

    No i rozwalilo wpis :) czyli skrypt zadzialal :)
    Motyw to Elements of SEO 1.4 strona to nomadowyblog.pl

  5. Szymon Skulimowski (22 września 2008, 18:26) #:

    W tym motywie masz takie dwie linijki:

    <p><?php _e('Sorry, no posts matched your criteria.'); ?></p><?php endif; ?>
     
    </div>

    Jeśli wstawisz kod dokładnie pomiędzy nie to powinno być cacy.

  6. Nomad (22 września 2008, 18:40) #:

    Nic z tego :(
    Wczesniej tez probowalem w tym miejscu :)

  7. Nomad (22 września 2008, 18:43) #:

    Namierzylem jest to plik home.php :)

  8. Kamil (9 listopada 2008, 22:55) #:

    Ok zatem już trzymam się tematu. Przydałoby się jeszcze małe wyjaśnienie jak ją przetłumaczyć na język polski. Kombinuję w pliku wtyczki o nazwie wp-pagenavi.php w dolnej części kodu i nic (potem wyłączam i na nowo włączam wtyczkę i też nie skutkuje):

    1) $pagenavi_options['pages_text'] = __(‚Strony %CURRENT_PAGE% z %TOTAL_PAGES%’,'wp-pagenavi’);

    2) $pagenavi_options['first_text'] = __(‚« Pierwsza’,'wp-pagenavi’);
    $pagenavi_options['last_text'] = __(‚Ostatnia »’,'wp-pagenavi’);

  9. Szymon Skulimowski (9 listopada 2008, 23:00) #:

    @ Kamil,
    Po aktywacji zajrzyj w panel administracyjny, zakładkę „ustawienia” a następnie „PageNavi” :-). Znajdziesz tam wszystko czego potrzebujesz do tłumaczenia.

  10. User (11 listopada 2008, 23:21) #:

    Gratuluje, zajefajna strona i ciekawe porady.

    Przydalby sie na niej równiez maly poradnik jak zainstalowac/ wyedytowac/ przetlumaczyc wtyczke WP-Polls (albo inna) aby uzyskac taki ladny efekt jak na tej stronie, bez zadnych archiwów i innych zbednych bajerów ;-)
    Mozesz tez wspomniec w jakims artykule o jakies fajnej wtyczce do wyswietlania komentarzy w sidebarze bo ten standardowy jest ubogi :-D

    Pozdrawiam,
    User.

  11. Szymon Skulimowski (14 listopada 2008, 11:11) #:

    @User,

    Dzięki! WP-Polls mówisz? Da się zrobić. :-)

    Mozesz tez wspomniec w jakims artykule o jakies fajnej wtyczce do wyswietlania komentarzy w sidebarze bo ten standardowy jest ubogi :-D

    Standardowy czyli jaki?

  12. Kamil (3 stycznia 2009, 15:59) #:

    U mnie tez jest problem z WP-polls, popieram przydalby sie jakis dobry artykul /poradnik na temat tej wtyczki. Tak mi wyswietla strone: http://www.my-mobile.com.pl , nie ma pola wyboru tylko odrazu wyniki sondy :/

  13. alfa (4 stycznia 2009, 20:12) #:

    a u mnie szefuniu http://technow.pl/ , gdy wybieramy strone 1, 2, 3 czy 29 zawsze pokazuje się strona numer 1

  14. palmiak (4 stycznia 2009, 21:14) #:

    a gdy najedziesz na 2,3 etc to jaki adres wyświeta? Coś w stylu http://technow.pl/category/hardware/page/2 (zamiast 2 oczywiście odpowiednie liczby) czy coś innego? Jeżeli coś takiego to powinno wszystko działać i za zagadkę można uznać czemu nie działa. Jeżeli jest inaczej to całkiem możliwe, że wynika to z kilku loopów na stronie przez co wtyczka durnieje gdzie ona tak naprawdę jest.

    Aczkolwiek to takie wręcz studenckie rozmyslanie…

  15. alfa (5 stycznia 2009, 15:31) #:

    http://technow.pl/page/2 tak wyglądają kolejne podstrony … przy czym każda z nich wyświetla stronę główną

  16. palmiak (5 stycznia 2009, 16:18) #:

    Czy mógłbym Ci poprosić o kontakt. Wejdź na vivee.info w kontakt i daj znak mailowy. Myślę, że coś z tym pagenavi poradzimy.

  17. Kamil (6 stycznia 2009, 17:10) #:

    A jak naprawic ta sonde wp-polls wie ktos??????

  18. alfa (6 stycznia 2009, 20:08) #:

    Kamil nie zmieniaj tematyki przewodniej tego postu.

    Palmiak, czy mógłbyś napisać do mnie na gg://10959088 , aż się dziwię że są takie osoby jak ty które same od siebie proponują pomoc (wielki plus dla ciebie i twojej strony)

    Pozdrawiam Patryk

  19. palmiak (6 stycznia 2009, 22:05) #:

    alfa, ja wiem, że to głupio zabrzmi ale nie korzystam z gg i stąd propozycja żebyś do mnie napisał, bo formularz u Ciebie się buntował delikatnie :)

  20. Szymon Skulimowski (6 stycznia 2009, 22:06) #:

    nie korzystam z gg

    Witaj w klubie (-:

  21. Filu (7 stycznia 2009, 20:18) #:

    Kapitalna wtyczka, odpaliłem i zadziałała bez problemu. Z komentarzy dowiedziałem się jeszcze, że można to samo zrobić na pozostałych stronach, jeszcze dziś postaram się wprowadzić zmiany.

    Pozdrawiam

  22. Damian (7 stycznia 2009, 22:34) #:

    Bez tej wtyczki nie wyobrażam sobie już bloga :P

  23. alfa (9 stycznia 2009, 13:27) #:

    Ja niestety też ale u mnie nie działa :(

  24. alfa (11 stycznia 2009, 10:34) #:

    technow.pl na stronie jest włączony mod ale nie działa poprawnie , może ktoś wie co jest nie tak ?

  25. Szymon Skulimowski (11 stycznia 2009, 10:45) #:

    Skórka premium, której używasz ma mocno zmodyfikowane funkcje do wyświetlania strony głównej. Autor nie przewidział w niej wsparcia dla stronnicowania wpisów.

  26. alfa (11 stycznia 2009, 12:33) #:

    Chciałbym bardzo podziękować osobie o nicku palmiak, która rozwiązała wszystkie problemy dotyczące tego plugina, ale to nie wszystko Maciej udzielił mi wskazówek co i jak postępować , żeby wszystko działało poprawnie

    od teraz plugin śmiga na mojej stronie bez żadnych błędów i przeciw skazań

    Wielki plus

    Pozdrawiam Patryk

  27. palmiak (11 stycznia 2009, 12:39) #:

    A dziękować ;)

    @Szymon Skulimowski: e tam nie przewidział ;) Postaram się artykulika strzelić u siebie jak to robić, bo to akurat się wielu ludziom może przydać, szczególnie, że masa tych premium ma pokręcone pętelki.

  28. Szymon Skulimowski (11 stycznia 2009, 13:00) #:

    Artykuł z pewnością by się przydał. Brawo za bezinteresowną pomoc :-)

  29. tomek (2 marca 2009, 23:00) #:

    a u mnie szefuniu http://technow.pl/ , gdy wybieramy strone 1, 2, 3 czy 29 zawsze pokazuje się strona numer 1

    czy udało się rozwiązać ten problem bo ja mam taki sam i to nie tylko z wtyczką ale także ze standardową nawigacją, mam 2 pętle na stronie ale usunięcie jednej nic nie dało dopiero usunięcie z jednej pętli
    query_posts('category_name=news');
    dało efekt. Czy w tym jest jakiś konflikt, z góry dzięki :)

  30. Kamil Lubelski (11 kwietnia 2009, 22:21) #:

    Mam pytanie dotyczące punktu czwartego.
    Gdzie mam wkleić podany wyżej kod, skoro w moim pliku index.php nie ma ?

    Tak wygląda mój plik index.php:

    Skórka librio.

  31. Kamil Lubelski (11 kwietnia 2009, 22:25) #:

    Zamieszczam jeszcze jeden wpis, bo tam zapomniałem dodać kod.

    Tak wygląda mój plik index.php:

    Skórka librio.

  32. Szymon Skulimowski (11 kwietnia 2009, 22:35) #:

    @Kamil,
    Jeśli chcesz wstawić kod PHP to powinieneś zamieścić go pomiędzy tagami <pre></pre> bo inaczej nic się nie pojawi (co widać powyżej) :-).

  33. codecalm (17 kwietnia 2009, 23:19) #:

    bardzo dobra wtyczka, gorąco polecam wszystkim użytkownikom WP. ;p

  34. Mateusz Puszczyński (11 maja 2009, 15:04) #:

    Mam pytanie dotyczące nie bezpośrednio samej wtyczki, (tą zainstalowałem i działa bez problemu) ile raczej jej wyglądu. Zna ktoś jakiś sposób, żeby w CSS ustawić ją na środku niezależnie od ilości stron (czyli rozmiarów div’a)?

    Pozdrawiam!

  35. Szymon Skulimowski (11 maja 2009, 15:19) #:

    text-align:center do .wp-pagenavi powinno dać radę :-)

  36. Mateusz Puszczyński (11 maja 2009, 15:56) #:

    Dzięki za szybką odpowiedź. Faktycznie dało radę. :)

    Pozdrawiam!

    P.S. Fajny blog, tak trzymaj. :)

  37. albatros (9 czerwca 2009, 17:16) #:

    Można zmodyfikować tą wtyczkę tak aby przy paginacji wpisu na kilka stron też wyświetlała się taka nawigacja?

  38. Yahó (10 czerwca 2009, 18:23) #:

    Witam ja mam taki problem…chce zmienić standardowe ustawienie po wgraniu już kodu na stronkę (Page 1 of 2) na Strona 1 z 2 gdzie należy podmienić te nazwy?

  39. mmizu (22 czerwca 2009, 12:39) #:

    Próbował ktoś wykorzystać tę wtyczkę do stronicowania komentarzy?

  40. Levre (11 września 2009, 5:12) #:

    Mam pytanie czy jest możliwość zastosowania tej wtyczki w stronach w wordpresie np kiedy w pa/strony doda sie do teskstu to dana strona dzieli sie na 2

  41. Szymon Skulimowski (13 września 2009, 12:40) #:

    @mmizu,

    Próbował ktoś wykorzystać tę wtyczkę do stronicowania komentarzy?

    Stronicowanie komentarzy masz standardowo wbudowane w WP. Opcję taką można włączyć poprzez zakładkę „ustawienia” / „dyskusja” w panelu administracyjnym.

    Trzeba tylko posiadać nowy system komentarzy.

  42. Szymon Skulimowski (13 września 2009, 12:48) #:

    @Levre,

    Mam pytanie czy jest możliwość zastosowania tej wtyczki w stronach w wordpresie np kiedy w pa/strony doda sie do teskstu to dana strona dzieli sie na 2

    Dzielenie wpisu/strony na kilka części robi się poprzez wstawienie w treści znacznika <!--nextpage-->.

    Przydatny odnośnik do dokumentacji technicznej na ten temat:
    Styling Page-Links

  43. Burger (14 stycznia 2010, 15:38) #:

    Mój problem polega na tym, że podczas włączeniu wtyczki i dodaniu kodu, na stronie wyświetla się komunikat:
    Parse error: syntax error, unexpected T_STRING in /home/***/domains/***/public_html/wp-content/themes/burgertheme/index.php on line 13

    Nie wiem co z tym faktem zrobić.
    Z góry dzięki za pomoc.

  44. Szymon Skulimowski (14 stycznia 2010, 16:11) #:

    Ok, a czy mógłbyś pokazać co masz w pliku wp-content/themes/burgertheme/index.php w wierszu 13 (a najlepiej 12-14)?

  45. Burger (14 stycznia 2010, 17:13) #:

    Błąd 404

    Jak dodawać w komentarzu ten kod jako wyróżniony?

  46. Burger (14 stycznia 2010, 18:10) #:

    <h2>Błąd 404</h2>
    <?php if(function_exists(‚wp_pagenavi’)) { wp_pagenavi(); } ?>
    <?php endif; ?>

  47. Burger (14 stycznia 2010, 18:58) #:

    Błąd polegał na tym, że miałem źle napisany kod php wyżej. Teraz strona się otwiera, ale nawigacja i tak się nie wyświetla.

  48. Maciej (13 kwietnia 2010, 16:12) #:

    Czy ta wtyczka działa też na stronach statycznych? Z moich prób wynika, że niestety nie… :/

  49. Szymon Skulimowski (13 kwietnia 2010, 16:15) #:

    Mógłbyś rozwinąć pojęcie „strona statyczna”? Czy chodzi tutaj o zwykłą stronę podzieloną na kilka podstron czy o stronę, która ma indywidualny szablon z dodatkową petlą?

  50. Maciej (13 kwietnia 2010, 16:17) #:

    TAK

  51. Maciej (13 kwietnia 2010, 16:17) #:

    Nie ma w ogóle jakichkolwiek wpisów typu post.

  52. Maciej (13 kwietnia 2010, 16:20) #:

    Zwyczajnie, nie tworzę jakichkolwiek wpisów (typu post). Strony (page) mają zablokowane komentowanie. That’s it.

  53. Szymon Skulimowski (13 kwietnia 2010, 16:26) #:

    To może inaczej – podaj proszę adres strony, na której chciałbyś konkretnie użyć wtyczki.

  54. Maciej (13 kwietnia 2010, 16:30) #:

    Np. tu: http://www.ostojawmorusach.info/?page_id=2

  55. Szymon Skulimowski (13 kwietnia 2010, 17:20) #:

    A jaki efekt chciałbyś uzyskać na tej stronie? Tzn. co miałoby się dziać po kliknięciu na powiedzmy 2 czy 3 stronę?

  56. Maciej (13 kwietnia 2010, 17:34) #:

    Chciałem w ogóle długie wpisy podzielić na strony i obsłużyć to wszystko możliwościami właśnie takimi, jakie potencjalnie daje wtyczka WP-PageNavi. No, coż… pogodziłem się z tym, że jeśli przyjdzie mi to jeszcze raz do głowy, to skorzystam ze standardu. Przy tworzeniu swojej strony korzystałem ze stronicowania wpisów ową wtyczką i było OK. Na razie to mi nie jest potrzebne do szczęścia, ale mam niedosyt na przyszłość…
    Dzięki, Szymonie, za trud.
    Pozdrawiam. M.

Dodaj własny komentarz

Odnośniki z innych stron (1)

Lista innych stron, które w jakiś sposób odnoszą się do opublikowanej tutaj treści:

  1. Zaawansowane pozycjonowanie WordPressa

    [...] WP Navi, dodająca numerowane linki do kolejnych podstron kategorii, tagów, itp. Wtyczkę tę WPNinja już u siebie opisał. [...]