Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać numeryczną paginację w twoim motywie WordPress?

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.

How to add numeric pagination in your WordPress theme

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.

Numeric pagination links on the WPBeginner website

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ć 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.

How to add numeric pagination in WordPress

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.

The WP-PageNavi WordPress plugin

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.

An example of numeric pagination in WordPress

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ść”.

Customizing the WordPress pagination settings

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.

Changing your WordPress pagination styling

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”.

The WordPress code editor

W menu po prawej stronie kliknij plik pagenavi-css.css.

Następnie skopiuj cały kod z tego pliku.

The WordPress plugin editor

Następnie przejdź do Wygląd ” Edytor plików motywu.

W menu po prawej stronie kliknij plik style.css twojego motywu.

The WordPress theme editor

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.

Custom numeric pagination in a WordPress theme

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.

Pagination in the Astra WordPress theme

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.

Manually adding numeric pagination in WordPress

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.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

116 komentarzyZostaw odpowiedź

  1. Sujal

    There’s little bug in last lines which shows next link. You’re missing $ sign at two places get_next_posts_link() . Can you please fix that so code works well for new visitors :-)

    /** Next Post Link */
    if ( $get_next_posts_link() )
    printf( '%s’ . „\n”, $get_next_posts_link() );

  2. Sandipan

    Not working. . After adding the code index.php links not working

    • WPBeginner Support

      Your theme may have some custom styling, you would want to reach out to your theme’s specific support and they should be able to assist.

      Administrator

  3. Quy

    thanks.
    Normally, home.php will show up the loop content for Post page, but since my theme does not provide home.php by default so I put the wpbeginner_numeric_posts_nav(); at index.php (below endwhile;) and it works.

    • WPBeginner Support

      Thanks for sharing how you were able to solve the issue :)

      Administrator

    • WPBeginner Support

      You’re welcome :)

      Administrator

  4. Alexandre

    Awesome article, simple and straight to the point!

    It worked perfectly for me, thanks a lot!!

    • WPBeginner Support

      Glad our guide was helpful :)

      Administrator

  5. ModGirl

    I’m using the wordpress theme „X Blog” and I’m trying to figure out how to add this to that theme. everything I try keeps giving me errors. not sure why the theme won’t work with this. any help would be appreciated. thanks

  6. Adam

    This is a really useful tutorial, thanks. I used the genesis code example with success!

    My one issue was that simply copying and pasting the code from this site caused an encoding error for where the ellipses go in the numbered pagination. So on the site it displayed a diamond/question mark character instead of the ellipsis. I ended up using the HTML Entity (decimal) ellipsis: … instead which fixed this error. This only occurred on one of the two sites implemented this code on probably due to differences in meta charset or something.

  7. Ilya

    Greetings from 2018! I have something cool for you, WordPress core the_posts_pagination() function.

  8. jagadeesh

    i have added the code but displaying at the top of website

  9. Sijo

    Pagination not working after page2. It’s showing 404 page when click 3 ,4 etc… I have used the same code above. How can i resolve this ?

  10. Jean Braithwaite

    I am using your manual method for pagination, and you say „add the following template tag in your theme’s index.php, archive.php, category.php, and any other archive page template”.

    The site is a regular website along with a blog which uses a custom post type.

    It worked well on my archive.php page, but I would also like to use it on my blog page, which is a page template, page-blog.php. I can’t get it to work there at all. Why is that? Is there something I can do to get it working?

  11. ziru

    hello, I added to some templates and my wordpress couldn’t work anymore, not even login in and my homepage turn to a blank page and seems the whole website break down, what can I do?

  12. Turab

    Love u for this. U’re a lifesaver.

  13. Subroto

    Thank you very much for this post.

  14. Ingy Anees

    This is working fine with me in custom post type but can’t get it to work with search results .. nothing is shown at all. and advice ?

  15. souno

    Very nice article and i have a question.

    How to show total number of pages at last? In your demo it shows „9”

    Thank You!

  16. renee

    awesome code – worked like a charm! thank you for sharing it

  17. Azamat

    How can I add pagination to the custom taxonomy terms list?

  18. Andy

    Like Rajath I had a few problems with the pagination not rendering well on mobiles. In my case the lines overlapped. I resolved this by adding a line height to the CSS:

    line-height: 2.5em;

  19. mostafa

    Hi, I 've used this code for my theme (without wp-nav plugin) ,it works other pages except in front page .what is exactly the problem?

  20. Rajath

    Hi i`m using this pagination in my theme and it works fine in all pages and categories except in the pages where i`m using custom wp_query. I`ve read that you are using a code similar to the one in genesis framework and i`ve used wp_reset_query() but it isn`t working. Thanks in advance for the help.

  21. anuj sharma

    hi
    i m using your given code and paste in function .php and also add css in style.css but this shows pagination design but its not working

  22. JM

    Hello! First off, I want to thank you for posting this. I know that this post is now pretty old, but it is still very useful!

    The pagination displays and functions fine for the most part; but the first and last page links are missing for me. It does not matter which page I am on (first, second, third, etc.), no first page or last page links show up. Any ideas on how I can fix this?

    Thanks in advance for any help!

  23. Syed Hamza

    Numeric Pagination shows only on PC but doesn’t show on mobile. I want to show this pagination on both versions.
    How I can fix it?

    • JeffD

      Thank you so much for the excellent tutorial. I want to use the non-plugin solution (the php script), but with no truncation/ellipses for page links (instead of 1…2 3 4 5 6…10, I want to just show all pages all the time – 1 2 3 4 5 6 7 8 9 10). How can I modify the script to do this? Should be easy for you experts but not for me! Thank you in advance for any helps!

  24. Nelson

    This code is not working for me, are there any pointers

  25. Youssef

    Hi I want return default wp pagination in my theme” freshlife by theme junkie I don’t Like the numeric pagination because it show the total posts in my website . please wpbeginne help

  26. Bilal

    i want to paginate my products how can i do it

  27. Rajath

    Hi, NIce tutorial and your website have helped me in many issues while developing my own theme. I have opted for the manual pagination shown here instead of plugin. But the pagination is not responsive and looks bad when the screen size is reduced. How to make it responsive or are there any other alternatives(no plugins please).I`m not going to publish this theme so i`m building it just to suit my need…

    • WPBeginner Support

      Look at your WordPress theme’s stylesheet. Study how your theme handles responsiveness. Some themes use media queries to detect screen width and then adjust different elements accordingly. Some themes use relative widths to make sure that all elements inside their design layout are responsive to the screen width.

      Administrator

      • Rajath

        I’m developing the theme. I’m unable to make the pagination responsive. So I just removed the padding around the links which make them to look like a button. Instead I left them like numbers which works fine in small screens too. Thank You for the reply.

  28. javad

    hi
    i used first code in function but WP language changed to unreadable words why????

  29. Gabriel Tellez

    Thanks man, is great.

  30. James

    I’m trying to remove the pagination from my homepage found below each summary post, to me it doesn’t look great, is there a way to do this.

  31. Aryan

    Actually i am new to wordpress but i know php good……i want to add a pagination from custom table in data base……

  32. Fasih

    the numbered pagination without the plugin is working fine on localhost but when i upload the files i cant see anything but when i check the inspect element, the only thing i found was an empty div containing the classes but with nothing inside it. i have uploaded all the files correctly and double checked but not successful. please guide me

  33. Moustafa

    This script does not work in the new WordPress 4.3.1
    omdat bij de oude versie heeft die script wel gewerkt en nu niet meer

    Pleas help…

  34. Tom

    You really helpped me. Thanks !

  35. lucky cabarlo

    how can i adjust the numbers to show in the custom numeric pagination

  36. spongie

    how do you limit the page number to say up to 2 only then show ellipsis?

  37. krishma

    can i use this plugin for custom post type

    • Astra

      Of course mate. You just need to put this code into your page-custom.php

  38. Med

    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 ”;

    }

    ?>


  39. Preeti Bhandari

    how can i prevent whole page reload when clicking on next link, only want to refresh that particular section… Please help….

  40. Luis Eduardo Braschi

    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.”.

  41. Tony

    Hi how do you get just the next and previous links only. thanks.

  42. Barry

    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

      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…

  43. Ashley Michèlle

    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

      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 »”.

    • TimParkerRD

      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”);

  44. Daniel Ortiz

    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?)

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.