Czy chcesz dodać paginację numeryczną w twoim motywie WordPress?
Domyślnie motywy WordPress dodają odnośniki Następny/Poprzedni na dole stron archiwum. Wyzwanie polega na tym, że nie są one zbyt przyjazne dla użytkownika. Dlatego też wiele popularnych blogów używa numerycznej paginacji, aby ułatwić odwiedzającym poruszanie się po ich stronach archiwalnych.
W tym artykule pokażemy, jak dodać paginację numeryczną w twoim motywie WordPress.
Dlaczego warto dodać numeryczną paginację do twojego motywu WordPress?
Większość motywów posiada stronę archiwum, która wyświetla listę wpisów. Gdy opublikujesz więcej wpisów na blogu WordPress, twoja strona archiwum będzie obejmować wiele stron.
Odnośniki paginacji pomagają odwiedzającym poruszać się między stronami archiwum i zazwyczaj pojawiają się na dole twojej witryny internetowej WordPress.
Niektóre motywy WordPress używają odnośników „Starsze wpisy” i „Nowsze wpisy” do paginacji. Pozwala to jednak odwiedzającemu przejść do przodu i do tyłu tylko o jedną stronę.
Nie pokazuje również obecnej, aktualnej lokalizacji odwiedzającego w archiwum. Może to utrudnić odwiedzającym poruszanie się po archiwum twojego bloga.
W tym miejscu pojawia się numeryczna paginacja.
Zamiast wyświetlać odnośniki „Starsze” i „Nowsze”, paginacja numeryczna wyświetla serię liczb, które pozwalają odwiedzającym przejść do określonej strony w archiwum.
Numeryczna paginacja może również wykorzystywać podświetlenia lub różne kolory, aby pokazać obecny, aktualny numer strony, dzięki czemu odwiedzający zawsze dokładnie wie, gdzie znajduje się w archiwum.
W WPBeginner używamy numerycznej paginacji i podświetlamy numer obecnej, aktualnej strony na pomarańczowo. Zapewniamy również bezpośrednie odnośniki do 4 stron otaczających obecną, aktualną stronę odwiedzającego.
Mamy nawet odnośnik do ostatniej strony w naszym archiwum, dzięki czemu odwiedzający mogą szybko i łatwo zobaczyć nasze najwcześniejsze wpisy, jak widać na poniższym obrazku.
Z naszego doświadczenia wynika, że tego rodzaju numeryczna paginacja ułatwia nawigację po twojej witrynie w porównaniu do domyślnych odnośników „Starsze wpisy” i „Nowsze wpisy”.
Jeśli twój motyw WordPress ma paginację „Starsze” i „Nowsze”, zawsze zalecamy zastąpienie jej paginacją numeryczną.
W tym przewodniku omówimy dwa różne sposoby dodawania paginacji numerycznej w twoim motywie WordPress. Jeśli wolisz przejść od razu do konkretnej metody, możesz skorzystać z poniższych odnośników.
- Metoda 1. Jak dodać paginację numeryczną w WordPress przy użyciu WP-PageNavi
- Metoda 2. Jak ręcznie dodać paginację numeryczną w twoim motywie WordPress
Metoda 1. Jak dodać numeryczną paginację w WordPress przy użyciu WP-PageNavi
Najprostszym sposobem na dodanie paginacji numerycznej w WordPressie jest użycie wtyczki WP-PageNavi.
Aby korzystać z tej wtyczki, nadal będziesz musiał wprowadzić pewne zmiany w kodzie twojego motywu, ale jest to o wiele łatwiejsze niż metoda pełnego kodu, ponieważ WP-PageNavi daje ci pełną kontrolę nad paginacją twojej witryny.
Pierwszą rzeczą, którą należy zrobić, jest zainstalowanie i włączanie wtyczki WP-PageNavi. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po włączaniu wtyczki przejdź do Ustawienia ” PageNavi, aby skonfigurować ustawienia wtyczki.
Tutaj możesz zastąpić dowolny domyślny tekst paginacji twoim własnym sformułowaniem. Na przykład, możesz zmienić tekst, którego twoja witryna internetowa używa dla odnośników „Pierwsza strona” i „Ostatnia strona”.
Można również dostosować numeryczne odnośniki paginacji.
W sekcji „Number Of Pages To Show” możesz wybrać, ile stron wtyczka wyświetli w sekcji paginacji twojej witryny internetowej.
Domyślnie jest ona ustawiona na 5, co oznacza, że WP-PageNavi pokaże bezpośrednie odnośniki do 5 stron.
Jak widać na poniższym zrzucie ekranu, jeśli jesteś na stronie 4, zobaczysz odnośniki do stron 2, 3, 4, 5 i 6.
Możesz chcieć wyświetlać więcej lub mniej stron. Aby dokonać tej zmiany, po prostu wpisz nową liczbę w polu „Liczba stron do wyświetlenia”.
Domyślnie wtyczka wyświetla kilka większych numerów. Pozwala to odwiedzającym przejść o kilka stron do przodu za pomocą jednego kliknięcia.
Domyślnie wtyczka wyświetla trzy większe liczby, które za każdym razem zwiększają się o 10. Na przykład 10, 20 i 30.
Chcesz użyć innego przedziału, na przykład 5 lub 20? Następnie wystarczy wpisać nowy rodzaj interwału w polu „Pokaż większe numery stron jako wielokrotność”.
Każda witryna WordPress jest inna, więc dobrym pomysłem jest wypróbowanie różnych ustawień, aby zobaczyć, które ustawienia paginacji działają najlepiej.
Jeśli dokonałeś jakichkolwiek zmian w ustawieniach WP-PageNavi, nie zapomnij przewinąć do dołu strony i kliknąć przycisk Zapisz zmiany.
Następnie musisz dodać tagi szablonu w twoim motywie WordPress. Aby to zrobić, zalecamy utworzenie motywu potomnego, a następnie edycję kodu motywu potomnego.
Tworząc motyw potomny, możesz nadal bezpiecznie aktualizować swój motyw WordPress bez utraty własnej paginacji numerycznej. Aby dowiedzieć się więcej, zapoznaj się z naszym przewodnikiem krok po kroku na temat tworzenia motywu potomnego WordPress.
Niezależnie od tego, czy zdecydujesz się edytować motyw nadrzędny czy potomny, będziesz potrzebować klienta FTP. Jeśli korzystasz z FTP po raz pierwszy, zapoznaj się z naszym kompletnym przewodnikiem na temat łączenia się z witryną za pomocą FTP.
Po połączeniu się z kontem hostingowym WordPress przez FTP, możesz edytować kod twojego motywu WordPress.
Kroki te będą się różnić w zależności od twojego motywu WordPress. Zazwyczaj jednak będziesz musiał edytować kod w pliku index.php lub archive.php, a także w innych plikach szablonu archiwum w twoim motywie WordPress.
Wystarczy otworzyć te pliki, a następnie wyszukać tagi previous_posts_link i next_posts_link.
Jeśli znajdziesz te tagi, zastąp je poniższym fragmentem kodu:
<?php wp_pagenavi(); ?>
Niektóre motywy mogą nie mieć tagu previous_posts_link lub next_posts_link.
Jeśli nie możesz znaleźć tych tagów w twoim motywie, poszukaj zamiast nich the_posts_navigation. Na przykład w pliku archive.php motywu Twenty Twenty-One znajdziesz następujące elementy:
<?php /*twenty_twenty_one_the_posts_navigation();*/
Następnie możesz zastąpić tę linię następującym fragmentem kodu:
<?php wp_pagenavi(); ?>
Po wprowadzeniu tych zmian zapisz, a następnie zamknij wszystkie otwarte pliki motywu WordPress.
Teraz, jeśli przejdziesz na stronę archiwum WordPress, powinieneś zobaczyć twoją nową paginację numeryczną na żywo w witrynie internetowej.
W tym momencie możesz zmienić kolor i styl paginacji numerycznej, aby lepiej pasowała do twojego motywu lub brandingu witryny internetowej.
Można to zrobić edytując kod wtyczki.
Zalecamy jednak wklejenie kodu WP-PageNavi do pliku style.css twojego motywu, a następnie wprowadzenie zmian w pliku motywu. Oznacza to, że nie utracisz własnych konfiguratorów podczas aktualizacji wtyczki WP-PageNavi.
Aby skopiować kod twojej wtyczki, przejdź do Ustawienia ” PageNavi. Następnie znajdź sekcję „Użyj pagenavi-css.css” i kliknij przycisk opcji „Nie” obok niej.
Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje zmiany.
Następnie przejdź do zakładki Wtyczki ” Edytor plików wtyczek.
Następnie możesz otworzyć menu rozwijane „Wybierz wtyczkę do edycji” i wybrać „WP-Page Navi”. Następnie możesz kliknąć „Wybierz”.
W menu po prawej stronie kliknij plik pagenavi-css.css.
Następnie skopiuj cały kod z tego pliku.
Następnie przejdź do Wygląd ” Edytor plików motywu.
W menu po prawej stronie kliknij plik style.css twojego motywu.
Teraz możesz wkleić twój kod pagenavi-css.css do pliku style.css motywu i rozpocząć wprowadzanie zmian.
Spójrzmy na przykład. Oto zmodyfikowana wersja kodu paginacji numerycznej, którą możesz dodać do pliku style.css twojego motywu:
wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #FFF;
text-decoration: none;
background-color:#6FB7E9;
border: 1px solid #B2D1E5;
padding: 5px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #E9F2F9;
background-color:#6FB7E9;
}
.wp-pagenavi span.current {
font-weight: bold;
background-color:#3C8DC5;
}
Na poniższym obrazku możesz zobaczyć, jak ta numeryczna paginacja będzie wyglądać na twojej witrynie.
Warto wypróbować różne style, aby zobaczyć, co wygląda najlepiej na twojej witrynie internetowej WordPress.
Gdy będziesz zadowolony z wyglądu paginacji numerycznej, kliknij przycisk Aktualizuj plik, aby zapisać twoje zmiany.
Metoda 2. Jak ręcznie dodać numeryczną paginację do twojego motywu WordPress
Inną opcją jest ręczne dodanie paginacji numerycznej w twoim motywie WordPress za pomocą kodu.
Wiele motywów WordPress ma wbudowane odnośniki „Starsze” i „Nowsze” lub domyślną paginację numeryczną. Na przykład popularny motyw Astra automatycznie dodaje własną numeryczną paginację do twoich stron archiwum, jak widać na poniższym obrazku.
Możesz użyć tej metody, aby dostosować wbudowaną paginację motywu. Na przykład, możesz zmienić stylizację, aby lepiej pasowała do twojej witryny.
Aby ręcznie dodać paginację numeryczną, otwórz plik functions.php twojego motywu. Tutaj możesz użyć klienta FTP lub menedżera plików twojego hostingu WordPress cPanel. Jeśli korzystasz z FTP, zapoznaj się z naszym kompletnym przewodnikiem na temat łączenia się z twoją witryną za pomocą FTP.
Po pomyślnym połączeniu się z twoją witryną, otwórz plik functions.php i dodaj następujący kod:
function wpbeginner_numeric_posts_nav() {
if( is_singular() )
return;
global $wp_query;
/** Stop execution if there's only 1 page */
if( $wp_query->max_num_pages <= 1 )
return;
$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
$max = intval( $wp_query->max_num_pages );
/** Add current page to the array */
if ( $paged >= 1 )
$links[] = $paged;
/** Add the pages around the current page to the array */
if ( $paged >= 3 ) {
$links[] = $paged - 1;
$links[] = $paged - 2;
}
if ( ( $paged + 2 ) <= $max ) {
$links[] = $paged + 2;
$links[] = $paged + 1;
}
echo '<div class="navigation"><ul>' . "\n";
/** Previous Post Link */
if ( get_previous_posts_link() )
printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
/** Link to first page, plus ellipses if necessary */
if ( ! in_array( 1, $links ) ) {
$class = 1 == $paged ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
if ( ! in_array( 2, $links ) )
echo '<li>…</li>';
}
/** Link to current page, plus 2 pages in either direction if necessary */
sort( $links );
foreach ( (array) $links as $link ) {
$class = $paged == $link ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
}
/** Link to last page, plus ellipses if necessary */
if ( ! in_array( $max, $links ) ) {
if ( ! in_array( $max - 1, $links ) )
echo '<li>…</li>' . "\n";
$class = $paged == $max ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
}
/** Next Post Link */
if ( get_next_posts_link() )
printf( '<li>%s</li>' . "\n", get_next_posts_link() );
echo '</ul></div>' . "\n";
}
Ten kod pobiera liczbę stron, gotową do wyświetlenia w twoim motywie WordPress.
Kolejne kroki będą się różnić w zależności od twojego motywu.
Jeśli twój motyw nie ma wbudowanej jakiejś formy domyślnej paginacji, możesz po prostu dodać następujący tag szablonu w index.php, archive.php, category.php lub dowolnej innej stronie, na której chcesz wyświetlać paginację numeryczną.
<?php wpbeginner_numeric_posts_nav(); ?>
Pamiętaj tylko, że miejsce dodania tego kodu będzie miało wpływ na to, gdzie numeryczna paginacja będzie wyświetlana na twojej witrynie internetowej.
Zazwyczaj chcesz wyświetlać paginację na dole twoich stron archiwalnych, więc zazwyczaj chcesz dodać tag szablonu do kodu stopki.
Czy twój motyw ma już jakąś formę paginacji, taką jak odnośniki „Starsze wpisy” i „Nowsze wpisy”?
W takim przypadku należy znaleźć kod paginacji i zastąpić go powyższym fragmentem kodu.
Na przykład, Ashe jest jednym z najlepszych darmowych motywów dla blogów WordPress i już dodaje odnośniki paginacji „Pierwsza” i „Ostatnia strona” do twoich stron archiwum.
Aby zastąpić te wbudowane odnośniki paginacją numeryczną, należy edytować pliki templates/grid.php i templates/blog-pagination.php motywu.
W każdym z tych plików wystarczy znaleźć następującą sekcję:
<?php get_template_part( 'templates/grid/blog', 'pagination' ); ?>
Następnie możesz zastąpić tę linię następującym fragmentem kodu:
<?php wpbeginner_numeric_posts_nav(); ?>
Po dodaniu kodu nie zapomnij zapisać swoich zmian.
Następnym krokiem jest stylizacja Twojej własnej paginacji numerycznej.
Aby ułatwić odwiedzającym nawigację po archiwum, podświetlimy numer obecnej, aktualnej strony innym kolorem. Aby to zrobić, otwórz plik style.css twojego motywu, a następnie wklej do niego następujący kod:
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
}
.navigation li {
display: inline;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #6FB7E9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover,
.navigation li.active a {
background-color: #3C8DC5;
}
Po tym wszystkim wystarczy zapisać twoje zmiany, klikając przycisk Aktualizuj plik.
Teraz, jeśli przejdziesz na stronę archiwum, zobaczysz numeryczną paginację na żywo na twojej witrynie internetowej.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać paginację numeryczną w twoim motywie WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat sposobów zarabiania pieniędzy na blogu online za pomocą WordPressa oraz jak stworzyć własny motyw WordPress bez pisania kodu.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Tom says
You really helpped me. Thanks !
Sam says
Thanks very helpful
lucky cabarlo says
how can i adjust the numbers to show in the custom numeric pagination
spongie says
how do you limit the page number to say up to 2 only then show ellipsis?
krishma says
can i use this plugin for custom post type
Astra says
Of course mate. You just need to put this code into your page-custom.php
Med says
Hello,
I found this very useful and I placed it to my new site. The problem is that it works perfect on the first page of the category, and after clicking on the „Next” link the url changes to /page/2/ but the highlighted page number is aways „1” and the content is always the first 10 articles (always in the first page).
I think there is something missing in my query:
<a href="”>
'aligncenter’));
} else {
echo ”;
}
?>
Preeti Bhandari says
how can i prevent whole page reload when clicking on next link, only want to refresh that particular section… Please help….
Luis Eduardo Braschi says
Because „the goal is to replace the default Older and Newer pagination links at the bottom of archive pages” – and this is what „your” function does – „with easy to navigate page numbers.”.
Tony says
Hi how do you get just the next and previous links only. thanks.
Barry says
How can i use the wpbeginner_numeric_posts_nav(); for my Custom Post type?
I have replaced global $wp_query for
$args = array(
'post_type’ => 'my-cpt’,
'meta_key’=>’cpt_detail’,
'orderby’=>’meta_value’,
'order’ => 'ASC’,
'paged’ => $paged
);
$cpt_query = new WP_Query($args);
and replaced $wp_query reference with $cpt_query but it doesn’t work
igloobob says
Hi, did you ever figure this out please? I’m trying to get this working myself and struggling. Would appreciate your help very much if you got it working…
Ashley Michèlle says
Using the 'wpbeginner_numeric_posts_nav’ method, how would one change the navigation brackets? I’m not a huge fan of the '»’.
Thanks!
James George Dunn says
Hello Ashley,
You can set a value in the brackets of get_previous_posts_link() and get_next_posts_link(). For example, get_next_posts_link(’Next Post’) will show „Next Post” instead of the default „Next Page »”.
AmirMasoud says
how can i change „Next Page” & „Previous page” text?
TimParkerRD says
If you’re using the wpbeginner_numeric_posts_nav function, you can pass custom text to the get_next_posts_links() and get_previous_posts_link(), like so:
get_previous_posts_link(„Go Back”);
Daniel Ortiz says
since Genesis Framework is not an open-source framework, are we allowed to use this code, commercially or not?( and are you allowed to distribute it?)
mr anon says
thanks a lot
gosukiwi says
Awesome, it works like a charm, I did some changes to fix my code though but the code is nice and well organized
Agarwalls says
Thanks, Very helpful for me.
SJ says
echo paginate_links( $args );
Why this one doesn’t do the job? I’m just curious
SJ says
Why this one doesn’t do the job? I’m just curious
Baba agba says
I tried it and its not working for me. Can you paste a simple example of your „paginated posts” code here
Nick says
Has anyone had any luck getting this working with a custom WP_Query? It works perfect with the standard loop, but does not show up with a custom query. Any help would be great.
Thanks.
Marx says
Have you tried the custom query examples noted from the codex?
http://codex.wordpress.org/Function_Reference/paginate_links
Hope that helps.
SJ says
Well this one doesn’t work for me
Don’t know why
Mufaddal says
Thanks so much, I tried your solution it worked for me.
Timberland says
You have 2 options to do that, First is to use query_posts instead of Wp_Query
or the Second is to name your custom query „wp_query” as $wp_query = new WP_Query( $args );
important part in both approaches is to pass the 'paged’ => $paged argument in your query otherwise won’t work,
//////////////////////////////////////With Wp_Query
$args = array( 'cat’ => 3, 'paged’ => $paged );
$wp_query = new WP_Query( $args );
if ( $wp_query->have_posts() ) :
while ( $wp_query->have_posts() ) {
$wp_query->the_post();
get_template_part( 'content’, get_post_format() ); }
else :
echo „No post to show”;
endif;
wpbeginner_numeric_posts_nav();
wp_reset_postdata(); }
//////////////////////////////////////With Query_Posts
$args = array( 'cat’ => 3, 'paged’ => $paged );
query_posts( $args );
if ( have_posts() ) :
while ( have_posts() ) {
the_post();
get_template_part( 'content’, get_post_format() ); }
else :
echo „No post to show”;
endif;
wpbeginner_numeric_posts_nav();
wp_reset_query(); }
[Hope that helps]
DavidCWebs says
Try this native WP function: http://codex.wordpress.org/Function_Reference/paginate_links There’s an example on that codex page showing how to use it with WP_Query.
Hope this helps
Tim says
Do this pagination have page number limits or does it automatically detect when more pages are required? Works really nicely
Akash Funde says
Thanks for sharing this it helps a lot
Thanks you so Much
adrian says
I’ve been using this successful for search results, archives, categories.. but it’s not working for tags. I suspect it could be a permalink issue. The first page works fine, but subsequent pages return 404s. Should this work for tags by default.?
Bubu says
search results, archives are ok but in categories same error here. the first page is ok, second page return with 404.
need some help to solve this issue thx
Caroline says
Thanks for this, it came in real handy making pagination Foundation framework-ready.
Hiro says
I added this to my site and it shows up properly but doesn’t display the proper content on page 2. Tried it both manually and with the plugin. Both times, the pagnation links appear, and when i click to go to page 2, the url changes to page 2 but the content on the page shows only content from page 1 (or index). Please advise
Steve says
I am new to Genesis but you say if we are using it that the function is already in there but when I tried adding the php to the hooked area, nothing would display so… I added the above code to my genesis functions.php and added the php call to my hooked area and now the pagination displays but it does not work. When I click the 2nd page, it just reloads the current page.
WPBeginner Support says
please contact genesis support
Administrator
Tyler says
Does this work for wordpress.com sites? I have this blog that is set up via wordpress.com, not the installed version and I need to add pagination for the blog. Is there a way to do that? Thanks for any future help!
WPBeginner Support says
No this tutorial is mean for Self hosted WordPress.org sites. As a WordPress.com user you can not directly edit themes.
Administrator
Crear Cuenta Outlook says
thank you so much
Rajavenkateshwaran says
Am facing issues when i use the function within the custom page template. I created a custom page template to loop 4 of the posts, this function works well in Homepage and it doesnshow any sign of navigation links in page template.
Best Regards,
Raja
WPBeginner Support says
If you are using a custom WP_Query then please check pagination parameters.
Administrator
aklavya says
thanx ……………… this code is very helpful
Dejan says
Thank you for this code of pagination it is working with WP 3.7.1
Eli Overbey says
Any thoughts on how to get archived pagination on Category Blog Page? (in Genesis)
I was able to create a page entitled ‘counseling-blog’, so now we have a Category Blog page at
But here’s the problem… No pagination. The /blog/ has the pagination from Genesis WP. All we have on that new Category Page page is:
”
There is no rel=”next” or rel=”prev”… Any thoughts on how to add next and prev to the Category Blog Page?
I thought the page would add those tags because the template is set as blog.
Big V says
Nice post, but I’m having issues with /page/2 not working in my custom theme. Any advice?
Jeremy says
WordPress has a core function for doing this.
http://codex.wordpress.org/Function_Reference/paginate_links
Gohar ul Islam says
I am searching code (or any kind of help) which uses paginate_links in Wp_query. Do u have any code like this?
Dmitry says
Thanks!
Mzer Michael Terungwa says
I tried to implement this pagination on the single.php page but it did not show up. Is this only for theme’s index.php, archive.php, category.php, and any other archive page template?
Michael says
It appears that Multiple Posts Pagination is quite different from single post pagination and would require different template tags to create them.
WPBeginner Support says
Yes this code is only for index and archive pages.
Administrator
Felipe Gangrel says
Awesome. Thanks a lot!!!
Talha says
Great code, thanks bro
Shaghayeggh says
Thank you very very much
Marko says
Hi,
thanks for great tutorial!
I had to add ul in front of every li in style.css, otherwise this worked perfectly.
(.navigation ul li a,) etc…
elvinson says
i have installed wp-pagenavi plugin, but it was not showing in archives , so i have used your coding manually it is working well. Thanks.
Don says
what about pagination for a single post that contains numerous pages .. i.e.- this is about A SINGLE POST – that was too long and had to be divided into multiple pages ! … the wp codex for this type of single post pagination is done with the command ( ) … unfortunately none of the plugins out there provides a good solution for this type of pagination ….. or they simple avoid it all together … the wp-pagenavi mentionned it very briefly…. but does not work for single post pagination on 95 % of the wp themes out there….
if there is such a plugin that provides a good alternative for wp_link_pages with good styling and other options for single post pagination …. please share !!!
Editorial Staff says
Genesis theme has that option. We are using that on our site http://list25.com/
Administrator
Chinmoy Paul says
Thanks for sharing this. I will use this in my next project.
Robert Smith says
Thanks for this guys! Been looking for a simple solution like this all evening and this was gold!!
Keep up the great work on your site, as it is a regular resource of mine
Thanks,
Rob
Arilton Freitas says
To me, the best way to include numeric pagination in WordPress is use the paginate_links() function. Simple and core-based.
http://codex.wordpress.org/Function_Reference/paginate_links
Editorial Staff says
Didn’t even know that existed. Thanks for pointing this out.
-Syed
Administrator
Mattia says
Indeed this is awesome, but… The pagination always appear, also if not needed… Ho do you prevent this?
If mu limit is 10 posts per page, but I only have written 5, the paginations appears and sends me to an empty „page 2″… ;(
Mattia says
I checked another of my sites and this error doesn’t appear. In this late site I am building, strangely pagination appears also if not needed! Does someone know which could be the cause? Many thanks!
Jacob says
WordPress already has this baked in with a function called paginate_links (http://codex.wordpress.org/Function_Reference/paginate_links).
Upendra Shrestha says
Hi, Previously I used wp pagenavi plugin in genesis framework. But it didn’t work with the framework. After adding the code „”, it just worked. I didn’t realize that I had to add this code.
Thanks.
Alex Sancho says
and what about the WordPress function paginate_links? http://codex.wordpress.org/Function_Reference/paginate_links
Connie says
for those who want to style differently but are not CSS-savy, there are at least 2 additional plugins available:
WP Visual Pagination, http://wordpress.org/extend/plugins/wp-visualpagination/
or
WP PageNavi Style , http://wordpress.org/extend/plugins/wp-pagenavi-style/
Cheers,
Connie
Editorial Staff says
Thanks for letting us know Connie.
Administrator
Azim says
Isn’t it going to be a heavy SQL query, esp. on blogs with lots and lots of posts? I had to get rid of such pagination on one of my projects (containing over 10K posts), because hoster claimed it consumed too much of a CPU and SQL resources. Basically, what it did is selected ALL posts (over 10K, remember?) and then just divided them into multiple pages with 20 (or whatever you specify in admin) posts per page…
Editorial Staff says
WordPress is dividing the posts in those pages to begin with using the WP_Query posts_per_page parameter. All this query is doing is looking at those pages and creating a numeric display. I’m sure there was more going on that your host didn’t bother explaining.
-Syed
Administrator