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.

strix-bubol5

This plugin’s page-list has an input box that allows you to directly specify the page number you wish to display.
This plugin has a setting to display page-list in reverse order
You can specify style-sheet and some options at each page.
This plugin has several sample stylesheets by default.
By passing an array of options to the function as arguments on each page, it is possible to change the appearance of multiple linked listings within the same page, except for the style.
It is common to have two linked lists, one at the top of the page and one at the bottom. In such cases, when the function is called a second time, the list created the first time is reused from memory to avoid having the same process performed twice.
This plugin has a custom block for Gutenberg Block Editor.
Even if you don’t know much html or php, this plugin has the ability to insert linked list at the beginning and end of an html element using Javascript by specifying the ID of the html element where you want to display it. 
Furthermore, if you have no idea about the ID of html elements, etc., go into the plugin’s options settings page and try typing “search” in the “Page-lists outputted by javascript” field. When the page is displayed, the plugin uses javascript to find the html elements of the main content, and if it is lucky enough to find it, it will use Javascript to insert a page-lists at the beginning and end of that HTML element. Perhaps it might work.
<h3>Arbitrary section 1</h3>
Explanation of errors detected by the plugin “Plugin Check (PCP)” 
*file： \simplistic-page-navi\simplistic_pagenavi.php
1:881行 ERROR WordPress.Security.EscapeOutput.OutputNotEscaped All output should be run through an escaping function (see the Security sections in the WordPress Developer Handbooks), found ‘$ret’.
＞This variable $ret contains the assembled pagination and is pointed out as not being escaped in the final output. The option values ​​set by the user are sanitized when saved and are also sanitized individually when actually used. The tags that are incorporated into the pagination are only pre-defined ones, and I understand that there is no need to escape the final assembly..
2:410行 WARNING WordPress.Security.NonceVerification.Recommended Processing form data without nonce verification.
＞This is a function that gets the parameters (query) of the accessed URL. Because it only gets values ​​that exist in public_query_vars set by WordPress, I think that nonce verification is not necessary.
3:860行 ERROR WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound Global variables defined by a theme/plugin should start with the theme/plugin prefix. Found: “$simplistic_page_navi_start”.
4:888行 ERROR WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedFunctionFound Functions declared in the global namespace by a theme/plugin should start with the theme/plugin prefix. Found: “direct_splcpn_style”.
＞The plugin is encapsulated in a class, but these variables and functions are outside of that class. I could add a prefix as instructed, but I’ve left it as it is because it might already be in use.。
5:The plugin is encapsulated by a class, and for most of the variables in the files included by the methods in that class, an error occurs saying “Because it is a global variable, you must add a prefix.”。
＞However, since these variables are used within methods inside a class, they cannot possibly be global. I believe this is a false positive that undermines reliability. It’s annoying, so I’m handling it with “// phpcs:ignoreFile”.。

Simplistic page navi

This plugin displays a linked list by page number. It is simple but has several features.

Responsive Pagination vs Simplistic page navi