Bagus Sasikirono

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.
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 Prev and Next link when they’re using phones.
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.
<h3>Two Different Methods to Apply Responsive Pagination</h3>
You can choose the way you want to apply responsive pagination.
<h4>Method A : Convert Existing Paginations (No Coding Required)</h4>
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 (CSS or jQuery-like selector) of the existing pagination elements. You’ll input the selectors in Admin Settings Page (Settings > Responsive Pagination)
<h4>Method B : Create new Pagination Programmatically from Scratch</h4>
This method will need you to insert PHP code into template files directly using Responsive Pagination API. This method supports queries using WP_Query, or even something more generic without WP_Query.
<h3>Responsive Pagination API (For Programmatic Usage)</h3>
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.
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.
<pre><code><?php create_responsive_pagination( $id, $args ) ?>
</code></pre>
Parameters :
<ul>
<li><code>$id</code>: (string) (required) ID for the new pagination you want to create in kebab-case format.</li>
<li>
<code>$args</code> : (WP_Query | array) (required) <a href="https://developer.wordpress.org/reference/classes/wp_query/" rel="nofollow ugc">WP_Query</a> instance, or an associative array contains :
<ul>
<li><code>$current</code> : (int) Current page</li>
<li><code>$total</code>: (int) Total pages</li>
<li><code>$urlFirstPage</code> : (string) URL for first page</li>
<li><code>$urlPattern</code>: (string) URL pattern for this pagination by using <code>{pagenum}</code> tag.</li>
</ul>
</li>
</ul>
Note : Pagination settings and Breakpoint Configurations are still configured from within Admin Settings Page.
<h4>Example (For Programmatic Usage)</h4>
Example for creating pagination for posts within main loop using WP_Query. This also works with custom post type as long as you have WP_Query within loop.
<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>
Example for creating a more generic pagination by providing your own data for current page, total pages, URL first page, and URL pattern without WP_Query.
<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.

Akhtarujjaman Shuvo

mdashikul

AddonMaster

Post Grid Master helps you create post grids with AJAX filters. You can create post grid layouts with taxonomy filters, AJAX pagination, load more buttons, infinite scroll, and more.
Post Grid Master includes a shortcode generator that lets you easily create shortcodes and display grids anywhere — even inside theme templates.
<a href="https://plugins.addonmaster.com/gridmaster/" rel="nofollow ugc">See the Live Demo</a> 
<a href="https://www.youtube.com/watch?v=8Th_jp8YEk4" rel="nofollow ugc">Watch the Video Demo on YouTube</a>
<h3>Features of Post Grid Master</h3>
Post Grid Master offers you a lot of features that will help you create a post grid with AJAX filter easily. You can develop your custom theme templates easily by using the Post Grid Master shortcode. Here are some of the features that you will get with Post Grid Master.
Shortcode Generator 
Post Grid Master has a shortcode generator that helps you generate the shortcode easily and use it anywhere to show the post grid. It includes a preview feature so you can preview the post grid before using it.
Pre-Built Grid Layouts 
Post Grid Master has a few pre-built post grid layouts (more are coming) that you can use to create your post grid. It includes unique classes for easy custom layout creation via CSS.
Custom Post Type Support 
You can create grids for default or custom post types.
Posts Per Page 
Control how many posts appear per page — show all or a specific number.
Order By / Order 
Order posts by date, title, random, comment count, author, etc., in ascending or descending order.
Excerpt Length 
Control the excerpt length by word or character count. Choose to pull content from the excerpt or main content field.
Read More Button 
Show or hide the “Read More” button, and customize its text.
Filter Styles 
Includes 3 filter styles, or hide the filter entirely. Optionally remove the “All” button.
Custom Taxonomy Support 
Create custom taxonomy filters and display grids by selected terms.
AJAX Pagination 
Load the next page without reloading. Supports default or “Load More” pagination styles.
Load More Button 
Load next posts via button click.
Infinite Scroll 
Automatically load more posts as users scroll down.
Animate on Post Load 
Add animation effects when posts load.
Grid Image Thumbnail Size 
Choose from available image sizes for grid thumbnails.
Filter Heading Option 
Display or hide filter headings with custom text.
Toggle Filter Items Option 
Show/hide filter items by clicking on the filter heading.
<h3>Other Features</h3>
<ul>
<li>Works with Any Theme </li>
<li>Clean & Optimized Code for Performance </li>
<li>Fully Responsive </li>
<li>Cross Browser Compatible </li>
<li>Translation Ready </li>
<li>Well Documented </li>
<li>Essential Features Free of Cost </li>
</ul>
Still have questions? 
If you have any questions or queries regarding Post Grid Master, please ask them in the <a href="https://wordpress.org/support/plugin/ajax-filter-posts/" rel="ugc">support forum</a> or <a href="https://addonmaster.com/submit-a-ticket/" rel="nofollow ugc">contact us</a>.
<h3>Pro Features</h3>
There are some pro features that you will get with the pro version of Post Grid Master. Here are some of the pro features.
Pro Filter Styles — Additional advanced styles 
Pro Grid Layouts — More pre-built templates 
Taxonomy Image and Color — Show taxonomy images and colors in filters or grids 
Auto Select Taxonomy — Automatically select taxonomy on taxonomy pages 
Custom Taxonomy Terms — Choose which terms to display 
Initial Term on Page Load — Preload posts based on a term 
Auto-Select Initial Term — Auto-selects term on term page 
Allow Multiple Selection — Filter by multiple terms at once 
Auto Post Type Selection — Auto-select post type on post type pages 
Heading Tag — Change title heading tag (h1–h6, div, span, p) 
Heading Font Size — Control title font size per device 
Column & Row Gap Control — Adjust spacing 
Post Items Per Row — Customize post columns per device 
Slider Option — Display post grids in a slider with customizable options: 
– Slides to Show 
– Slides to Scroll 
– Show Prev/Next Arrows 
– Show Dots 
– Enable Autoplay 
– Autoplay Speed 
– Pause Autoplay on Hover 
– Infinite Loop Sliding 
– Center Mode
<h4>More features coming soon…</h4>
<h3>Privacy Policy</h3>
Post Grid Master uses <a href="https://appsero.com" rel="nofollow ugc">Appsero</a> SDK to collect some telemetry data upon user confirmation. This helps us troubleshoot problems faster and make product improvements.
Appsero SDK does not gather any data by default. It starts collecting basic telemetry data only when a user allows it via admin notice.
Learn more about <a href="https://appsero.com/privacy-policy/" rel="nofollow ugc">how Appsero collects and uses data</a>.

Post Grid Master — Post Grids & AJAX Filters

Very good work buddy. Exactly what i was searching.keep it up 

This plugin saved my life

wOW!

Create post grids with AJAX filters, pagination, load more, infinite scroll, and custom post type support.

Responsive Pagination vs Post Grid Master — Post Grids & AJAX Filters