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.

Fahad Mahmood

Invoicepress

sommepro

<ul>
<li>
<p>Author: <a href="https://www.androidbubbles.com/contact" rel="nofollow ugc">Fahad Mahmood</a></p>
</li>
<li>
<p>Project URI: <a href="http://androidbubble.com/blog/wordpress/plugins/alphabetic-pagination" rel="nofollow ugc">http://androidbubble.com/blog/wordpress/plugins/alphabetic-pagination</a></p>
</li>
<li>
<p>WooCommerce Shop Page: <a href="http://demo.androidbubble.com/shop" rel="nofollow ugc">http://demo.androidbubble.com/shop</a></p>
</li>
<li>
<p>WooCommerce Product Category: <a href="http://demo.androidbubble.com/product-category/food-items" rel="nofollow ugc">http://demo.androidbubble.com/product-category/food-items</a></p>
</li>
<li>
<p>License: GPL 3. See License below for copyright jots and titles.</p>
</li>
</ul>
<p>Alphabetic pagination is a great plugin to filter your posts/pages and WooCommerce products with alphabets. It is simple to use and easy to understand for customization. Alphabetic Pagination allows you to enable pagination on pages, posts and categories. By default it works with categories to filter posts inside with the selection from the settings page. You can enable it for other sections as well.<br />
Options are availble to select auto/custom implementation, where to display post type/status selection and DOM position. You can activate another amazing plugin Chameleon to apply styles on pagination. Pagination can be enabled for selected pages/posts/taxonomies with additional shortcodes. Custom implementation, shortcodes and permissions are available in advanced version. Templates are avarialble with another WordPress plugin Chameleon to shape your page with different style. You can display pagination on archives, categories, shops, portfolio, or selected post/page/product/category etc.</p>
<p>Important!</p>
<p>Visit my blog and suggest good features which you wana see in this plugin.</p>
<h4>Tags</h4>
<p>listing, posts, pages, navigation, categories,taxonomies, custom, arabic, english, russian, korean, hungarian, greek, wpml, translation, CPT-onomies</p>
<h3>Basic Features</h3>
<ul>
<li>Auto Implementation</li>
<li>Display Empty Alphabets (ON/OFF)</li>
<li>Alphabets Grouping</li>
<li>Hide/Show pagination if only one post available (ON/OFF)</li>
<li>Specific DOM & CSS selectors</li>
<li>Language selection</li>
<li>Styles and Templates (Using WordPress Plugin Chameleon)</li>
<li>Custom DOM & CSS selectors</li>
<li>Manage settings page with Android App (Google Play Store)</li>
</ul>
<h3>Advanced Features</h3>
<ul>
<li>Custom Implementation</li>
<li>Shortcodes for Pagination</li>
<li>Shortcodes for Listing/Results</li>
<li>Shortcodes for Users List</li>
<li>jQuery/JS based one page listing and pagination</li>
</ul>
<h3>Video Tutorials</h3>
<h4>Elementor + Shortcodes</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/23DPJOrY2zY?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Styles</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/I8IAnf8wFpw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>License</h3>
<p>This is a free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 2 of the License, or any later version. This plugin is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this plugin. If not, see http://www.gnu.org/licenses/gpl-2.0.html.</p>


Alphabetic Pagination

Simple and Effective!

Alphabetic Pagination allows you to enable pagination on pages, posts, categories and WooCommerce shop page.

Responsive Pagination vs Alphabetic Pagination