{"id":760,"date":"2007-07-16T19:27:07","date_gmt":"2007-07-16T11:27:07","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/"},"modified":"2026-04-09T11:51:43","modified_gmt":"2026-04-09T03:51:43","slug":"adding-nice-wordpress-pagination","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/","title":{"rendered":"Adding Better WordPress Pagination With WP-PageNavi"},"content":{"rendered":"

Default WordPress pagination works, but it is not always the clearest way to help readers move through archives.<\/p>\n

Simple Previous<\/code> and Next<\/code> links are fine on smaller sites. Once a blog has a deeper archive, numbered pagination usually makes navigation easier because readers can see where they are instead of clicking blindly through older posts.<\/p>\n

One plugin that still does this well is WP-PageNavi<\/strong>, which is still maintained on WordPress.org and still provides the wp_pagenavi()<\/code> template tag for replacing basic archive navigation, alongside other WordPress plugins<\/a> that keep sites simple and useful.<\/p>\n

Default WordPress Pagination<\/h2>\n
\"Image\"<\/figure>\n

A standard WordPress theme often shows only simple archive navigation. That is acceptable for lighter sites, but it gets less helpful as content grows. Once custom loops or archive logic get involved, customize your WordPress query<\/a> becomes just as useful as styling the pagination itself.<\/p>\n

WP-PageNavi Pagination<\/h2>\n
\"Image\"<\/figure>\n

WP-PageNavi replaces the plain previous\/next pattern with a more structured numbered pagination layout.<\/p>\n

Installing and Using WP-PageNavi<\/h2>\n
    \n
  1. Download WP-PageNavi from its official WordPress.org plugin page<\/a>.<\/li>\n
  2. Install and activate the plugin in WordPress.<\/li>\n
  3. In the theme, locate the existing next_posts_link()<\/code> and previous_posts_link()<\/code> calls.<\/li>\n
  4. Replace those calls with:<\/li>\n<\/ol>\n
        <?php wp_pagenavi(); ?><\/pre>\n
      \n
    1. For multipart pages, replace wp_link_pages()<\/code> with:<\/li>\n<\/ol>\n
          <?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?><\/pre>\n
        \n
      1. Configure the plugin under WP-Admin -> Settings -> PageNavi<\/code>.<\/li>\n<\/ol>\n
        Most sites place pagination at the bottom of archive pages, though some themes also show it near the top.<\/p>\n
        Editing Pagination Styles<\/h2>\n
        WP-PageNavi\u2019s official documentation suggests two safer ways to customize the styling:<\/p>\n
          \n
        • copy pagenavi-css.css<\/code> from the plugin folder into your theme and edit it there, or<\/li>\n
        • disable the bundled stylesheet and add the styles directly to your theme\u2019s style.css<\/code><\/li>\n<\/ul>\n
          That is better than editing the plugin\u2019s stylesheet directly and losing changes on update.<\/p>","protected":false},"excerpt":{"rendered":"
          How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[49],"tags":[4663,3323,252],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nAdding Better WordPress Pagination With WP-PageNavi - Hongkiat<\/title>\n<meta name=\"description\" content=\"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding Better WordPress Pagination With WP-PageNavi\" \/>\n<meta property=\"og:description\" content=\"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2007-07-16T11:27:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-09T03:51:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png\" \/>\n<meta name=\"author\" content=\"Hongkiat.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Hongkiat.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/\"},\"author\":{\"name\":\"Hongkiat.com\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7cc686597d92f9086729e4bcc1577ba3\"},\"headline\":\"Adding Better WordPress Pagination With WP-PageNavi\",\"datePublished\":\"2007-07-16T11:27:07+00:00\",\"dateModified\":\"2026-04-09T03:51:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/\"},\"wordCount\":276,\"commentCount\":43,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pagination\\\/pagination-default.png\",\"keywords\":[\"ad-divi\",\"WordPress Plugins\",\"WordPress Tips\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/\",\"name\":\"Adding Better WordPress Pagination With WP-PageNavi - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pagination\\\/pagination-default.png\",\"datePublished\":\"2007-07-16T11:27:07+00:00\",\"dateModified\":\"2026-04-09T03:51:43+00:00\",\"description\":\"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pagination\\\/pagination-default.png\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/pagination\\\/pagination-default.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/adding-nice-wordpress-pagination\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding Better WordPress Pagination With WP-PageNavi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/7cc686597d92f9086729e4bcc1577ba3\",\"name\":\"Hongkiat.com\",\"description\":\"This post is published by an HKDC (hongkiat.com) staff. (I.e., intern, staff writer, or editor).\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Adding Better WordPress Pagination With WP-PageNavi - Hongkiat","description":"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/","og_locale":"en_US","og_type":"article","og_title":"Adding Better WordPress Pagination With WP-PageNavi","og_description":"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.","og_url":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2007-07-16T11:27:07+00:00","article_modified_time":"2026-04-09T03:51:43+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png","type":"","width":"","height":""}],"author":"Hongkiat.com","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Hongkiat.com","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/"},"author":{"name":"Hongkiat.com","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/7cc686597d92f9086729e4bcc1577ba3"},"headline":"Adding Better WordPress Pagination With WP-PageNavi","datePublished":"2007-07-16T11:27:07+00:00","dateModified":"2026-04-09T03:51:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/"},"wordCount":276,"commentCount":43,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png","keywords":["ad-divi","WordPress Plugins","WordPress Tips"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/","url":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/","name":"Adding Better WordPress Pagination With WP-PageNavi - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png","datePublished":"2007-07-16T11:27:07+00:00","dateModified":"2026-04-09T03:51:43+00:00","description":"How to replace basic previous-next navigation with clearer numbered pagination using WP-PageNavi.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/pagination\/pagination-default.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/adding-nice-wordpress-pagination\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Adding Better WordPress Pagination With WP-PageNavi"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/7cc686597d92f9086729e4bcc1577ba3","name":"Hongkiat.com","description":"This post is published by an HKDC (hongkiat.com) staff. (I.e., intern, staff writer, or editor).","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/com\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-cg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/760\/revisions"}],"predecessor-version":[{"id":74309,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/760\/revisions\/74309"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=760"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}