Bagus Sasikirono

<p>Responsive Pagination plugin lets you configure your paginations to adapt to different screen size. Your paginations can be shown differently based on browser width as in responsive web design concept.</p>
<p>For instance, you might want to have a longer pagination with many page numbers when your site visitors are using desktops and large screens, but need shorter pagination with only <em>Prev</em> and <em>Next</em> link when they’re using phones.</p>
<p>You may try using this plugin when you found your theme is not doing well with the responsive design on its pagination. This plugin lets you configure manually to the desired breakpoints.</p>
<h3>Two Different Methods to Apply Responsive Pagination</h3>
<p>You can choose the way you want to apply responsive pagination.</p>
<h4>Method A : Convert Existing Paginations (No Coding Required)</h4>
<p>This method will convert the existing paginations from your theme into responsive paginations without needs to add any WordPress shortcode or PHP code. You only need to fill the selectors (<em>CSS</em> or <em>jQuery</em>-like selector) of the existing pagination elements. You’ll input the selectors in Admin Settings Page (<em>Settings > Responsive Pagination</em>)</p>
<h4>Method B : Create new Pagination Programmatically from Scratch</h4>
<p>This method will need you to insert PHP code into template files directly using <em>Responsive Pagination API</em>. This method supports queries using <em>WP_Query</em>, or even something more generic without <em>WP_Query</em>.</p>
<h3>Responsive Pagination API (For Programmatic Usage)</h3>
<p><em>Note : This API section is a short guide for creating responsive pagination programmatically. However, there is easier solution using this plugin without touching any code – that is by converting your theme’s existing pagination from within Admin Settings Page with just providing its CSS/jQuery selector.</em></p>
<p>If you want to create responsive pagination programmatically, this plugin adds new function for you to use, which will render a new pagination where you put the function.</p>
<pre><code><?php create_responsive_pagination( $id, $args ) ?>
</code></pre>
<p>Parameters :</p>
<ul>
<li><code>$id</code>: <em>(string)</em> <em>(required)</em> ID for the new pagination you want to create in <em>kebab-case</em> format.</li>
<li>
<p><code>$args</code> : <em>(WP_Query | array)</em> <em>(required)</em> <a href="https://developer.wordpress.org/reference/classes/wp_query/" rel="nofollow ugc">WP_Query</a> instance, or an associative array contains :</p>
<ul>
<li><code>$current</code> : <em>(int)</em> Current page</li>
<li><code>$total</code>: <em>(int)</em> Total pages</li>
<li><code>$urlFirstPage</code> : <em>(string)</em> URL for first page</li>
<li><code>$urlPattern</code>: <em>(string)</em> URL pattern for this pagination by using <code>{pagenum}</code> tag.</li>
</ul>
</li>
</ul>
<p>Note : Pagination settings and Breakpoint Configurations are still configured from within Admin Settings Page.</p>
<h4>Example (For Programmatic Usage)</h4>
<p>Example for creating pagination for posts within main loop using <em>WP_Query</em>. This also works with custom post type as long as you have <em>WP_Query</em> within loop.</p>
<pre><code><?php
  global $wp_query;   // or some custom WP_Query instance
  if( function_exists( 'create_responsive_pagination' ) ) {
      create_responsive_pagination( 'my-pagination-id', $wp_query );
  }
?>
</code></pre>
<p>Example for creating a more generic pagination by providing your own data for current page, total pages, URL first page, and URL pattern without <em>WP_Query</em>.</p>
<pre><code><?php
  if( function_exists( 'create_responsive_pagination' ) ) {
      create_responsive_pagination( 'my-pagination-id', array(
        'current'         => $my_current_page,   // your current page here
        'total'           => $my_total_pages,    // your total page here
        'url_first_page'  => 'https://www.example.com/archives/',   // URL when current page = 1
        'url_pattern'     => 'https://www.example.com/archives/page/{pagenum}'   // the pattern using {pagenum} tag
      ) );
  }
?>
</code></pre>


Responsive Pagination

Configure your paginations to adapt to different screen size like phones, tablets, and desktops.

bestwebsoft

<p>A lightweight and powerful pagination plugin for WordPress that adds fully customizable pagination to your posts, pages, blog, search results, archive, category, tags, and author pages. Choose from numeric, “Load More”, or infinite scroll styles, and customize their appearance and behavior.</p>
<p>Perfect for WordPress users who want better content organization, enhanced SEO, and a smoother user journey.</p>
<p><a href="https://bestwebsoft.com/demo-pagination-plugin/?ref=readme" rel="nofollow ugc">View Demo</a></p>
<p><iframe loading="lazy" title="Pagination by BestWebSoft WordPress Plugin - Brief Overview" width="750" height="422" src="https://www.youtube.com/embed/TwAd3DWLGr8?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>Free Features</h4>
<ul>
<li>Automatically add pagination to:
<ul>
<li>Home</li>
<li>Blog</li>
<li>Archive</li>
<li>Search results</li>
<li>Paginated posts/pages</li>
</ul>
</li>
<li>Seamless integration with:
<ul>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/gallery/?k=8a6c514916efe4264d0732b86b82487f" rel="nofollow ugc">Gallery</a></li>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/portfolio/?k=982e34e0a05371dc2dcca2a5fc535c1a" rel="nofollow ugc">Portfolio</a></li>
</ul>
</li>
<li>Insert pagination via function into:
<ul>
<li>Comments PHP template</li>
<li>Theme or plugin PHP files</li>
</ul>
</li>
<li>Flexible positioning:
<ul>
<li>Above content</li>
<li>Below content</li>
<li>Both above and below</li>
<li>Manual placement via function</li>
</ul>
</li>
<li>Customize Next/Previous arrows and add scroll to top</li>
<li>Display “Page X of Y” indicator</li>
<li>Choose pagination layout:
<ul>
<li>Full numeric (1,2,3,4,5,6)</li>
<li>Short numeric (1,2…5,6)</li>
</ul>
</li>
<li>Selectively hide pagination for:
<ul>
<li>Default themes</li>
<li>Paginated posts or pages</li>
<li>Comments</li>
<li>Custom templates</li>
</ul>
</li>
<li>Set width and alignment (left, center, right) with custom margins</li>
<li>Customize pagination styles:
<ul>
<li>Hover color</li>
<li>Background color</li>
<li>Current page background color</li>
<li>Text color</li>
<li>Current page text color</li>
<li>Border color</li>
<li>Border width and radius</li>
<li>Several ready-made templates to choose from</li>
</ul>
</li>
<li>Add custom HTML/CSS via plugin settings</li>
<li>Fully compatible with latest WordPress version</li>
<li>Intuitive interface – no coding required</li>
<li>Step-by-step guides and video tutorials included</li>
</ul>
<blockquote>
<p><strong>Pro Features</strong></p>
<p>All Free version features plus:</p>
<ul>
<li>Automatically add pagination to:
<ul>
<li>WooCommerce Shop</li>
</ul>
</li>
<li>Select pagination type:
<ul>
<li>Numeric</li>
<li>“Load More” button</li>
<li>Infinite scroll</li>
<li>Next/Previous only</li>
</ul>
</li>
<li>“Load More” after initial content load</li>
<li>Divi theme compatibility [NEW]</li>
<li>Scroll Progress Bar option [NEW]</li>
<li>Priority support within 1 business day (<a href="https://bestwebsoft.com/support-policy/" rel="nofollow ugc">Support Policy</a>)</li>
</ul>
<p><a href="https://bestwebsoft.com/products/wordpress/plugins/pagination/?k=beef8d83cadcb70a8565e009a280f80c" rel="nofollow ugc">Upgrade to Pro Now</a></p>
</blockquote>
<p>Have a feature request? Let us know! <a href="https://support.bestwebsoft.com/hc/en-us/requests/new" rel="nofollow ugc">Suggest a Feature</a></p>
<h4>Documentation & Videos</h4>
<ul>
<li><a href="https://bestwebsoft.com/documentation/pagination/pagination-user-guide/" rel="nofollow ugc">[Doc] User Guide</a></li>
<li><a href="https://bestwebsoft.com/documentation/how-to-install-a-wordpress-product/how-to-install-a-wordpress-plugin/" rel="nofollow ugc">[Doc] Installation</a></li>
<li><a href="https://bestwebsoft.com/documentation/how-to-purchase-a-wordpress-plugin/how-to-purchase-wordpress-plugin-from-bestwebsoft/" rel="nofollow ugc">[Doc] Purchase</a></li>
<li><a href="http://www.youtube.com/watch?v=Xh0LjOSgxzs" rel="nofollow ugc">[Video] Installation Instruction</a></li>
</ul>
<h4>Help & Support</h4>
<p>Need help? Visit our Help Center — our friendly Support Team is here for you: <a href="https://support.bestwebsoft.com/" rel="nofollow ugc">https://support.bestwebsoft.com/</a></p>
<h4>Translation</h4>
<p>Available languages:</p>
<ul>
<li>French (fr_FR)</li>
<li>German (de_DE)</li>
<li>Portuguese (pt_PT)</li>
<li>Hebrew (he_IL)</li>
<li>Russian (ru_RU)</li>
<li>Ukrainian (uk)</li>
</ul>
<p>Want to improve or add a translation? <a href="https://support.bestwebsoft.com/hc/en-us/requests/new" rel="nofollow ugc">Send us your PO/MO files</a>. Use <a href="http://www.poedit.net/download.php" rel="nofollow ugc">Poedit</a> for editing translation files.</p>
<h4>Recommended Plugins</h4>
<ul>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/updater/?k=f471af6c58ecd7f550f0601416e4331f" rel="nofollow ugc">Updater</a> – Automatically update WordPress core, plugins, and themes.</li>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/gallery/?k=8a6c514916efe4264d0732b86b82487f" rel="nofollow ugc">Gallery</a> – Add responsive galleries and albums to your WordPress site.</li>
<li><a href="https://bestwebsoft.com/products/wordpress/plugins/portfolio/?k=982e34e0a05371dc2dcca2a5fc535c1a" rel="nofollow ugc">Portfolio</a> – Create and manage portfolios to showcase your work.</li>
</ul>


Pagination by BestWebSoft – Customizable WordPress Content Splitter and Navigation Plugin

Add customizable WordPress pagination to your website. Easily split long posts and pages into multiple parts for improved navigation and user experien …

Responsive Pagination vs Pagination by BestWebSoft – Customizable WordPress Content Splitter and Navigation Plugin