Lovro Hrust

<p>Plugin to support navigation by pages – similar to built in function the_posts_navigation() for posts.<br />
Pages in navigation are filtered by provided menu (Primary menu by default) and sorted in the same order as in menu.<br />
By default, main menu is used, but different menu could be used by calling function for displaying with different menu as parameter.</p>
<h3>Disclaimer!</h3>
<p>This plugin works only with classic themes. With FSE themes it will not work, since it depends on classic menus.</p>
<h3>Usage</h3>
<h4>Basic</h4>
<p>Just install and call <code>the_pages_navigation()</code> in your php template. There is also a <code>get_the_pages_navigation()</code> function which returns string with same content.<br />
Arguments to these functions could be supplied, all optional.<br />
* $menu – a menu ID, slug, name, or object (WP_Term) for which to show pages<br />
* $start_position – start position from which position in menu to start navigation<br />
? $end_position – to which position in menu to show navigation</p>
<h4>Advanced</h4>
<p>There are filters that can help to customize plugin output.</p>
<p>Change menu filter</p>
<pre><code>apply_filters('page_nav_menu', $default_menu)
</code></pre>
<p>Filters menu used for navigation.</p>
<ul>
<li>$default_menu – a menu ID, slug, name, or object (WP_Term)</li>
</ul>
<p>Arrow filters</p>
<pre><code>apply_filters( 'page_nav_left_arrow', $HTML )
apply_filters( 'page_nav_right_arrow', $HTML )
</code></pre>
<p>Filters arrow output.</p>
<ul>
<li>$HTML – HTML of arrow, coded as SVG, img or something else.</li>
</ul>
<p>Filter output</p>
<pre><code>apply_filters( 'arrow_wrapper', $HTML_output, $left, $enabled, $output_image, $output_link, $output_div, $output_text )
</code></pre>
<p>Filters whole HTML output.</p>
<ul>
<li>$HTML_output – as the name says</li>
<li>$left – output is for left side (previous)</li>
<li>$enabled – navigation on that side is enabled</li>
<li>$output_image – html of arrow image</li>
<li>$output_link – URL of link to which arrow leads</li>
<li>$output_div – wrapper of text besides arrow</li>
<li>$output_text – text besides arrow</li>
</ul>
<h4>Examples of filtering</h4>
<pre><code>add_filter( 'page_nav_left_arrow', function() {
    return '<svg width="53" height="32" viewBox="0 0 53 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M51.77 15.994H1M16.622 31L1 15.998 16.622 1v30z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>';
} );
</code></pre>


Page navigation by menu

Create navigation to next/previous pages similar to navigation for posts. Previous and next pages are determined from menu.

wpwombat

<p>This plugin adds ‘Previous’ and ‘Next’ buttons to all pages, posts and products. These buttons let you navigate through site content quickly and easily. You can choose to show the prev/next buttons inside the WordPress Editors and also on the front-end of your site. You can also customize the appearance and the content of the buttons.</p>
<p>More information about this plugin is available <a href="https://wpwombat.com/plugin-navigation-buttons/" rel="nofollow ugc">here</a>.</p>
<h4>Key Features in this plugin</h4>
<ul>
<li><strong>Back End Buttons</strong> Add ‘Previous’ and ‘Next’ buttons to the WordPress Editors</li>
<li><strong>Front End Buttons</strong> Add ‘Previous’ and ‘Next’ buttons for all posts, products and pages</li>
<li><strong>Customize Button Visibility</strong> Choose whether buttons are shown on the front and back ends</li>
<li><strong>Works with Woocommerce</strong> Adds ‘Previous’ and ‘Next’ buttons on products</li>
<li><strong>Customize Button Style</strong> Set button colors and content</li>
<li><strong>Gutenberg and Classic</strong> Works with all main WordPress Editors</li>
</ul>
<h4>Installation</h4>
<p>Once you have installed the plugin, you just need to activate it for use immediately.</p>
<h4>Manual Installation</h4>
<ol>
<li>Download the plugin Zip file and extract its contents</li>
<li>Upload the <code>wpwombat-navbuttons</code> folder to the directory <code>/wp-content/plugins/</code>.</li>
<li>Activate the plugin using the ‘Plugins’ menu in WordPress.</li>
</ol>
<h4>Configuration</h4>
<p>You can access the plugin settings from the admin dashboard by choosing the ‘Settings -> Nav Buttons’ page. From here, you can customize the button locations, content and appearance.</p>
<h4>Developer Resource</h4>
<p>Are you a developer? Do you want to customize the button styles? If so, you can use the following CSS styles: .wpwombat-nav-product-link-prev, .wpwombat-nav-product-link-next, .wpwombat-nav-post-link-prev, .wpwombat-nav-post-link-next, .wpwombat-product-nav-buttons</p>
<h3>Suggestions</h3>
<p>All constructive suggestions and feedback on this plugin are welcome <a href="mailto:info@wpwombat.com" title="Indie WordPress Themes" rel="nofollow ugc">contact us</a>.</p>


Next and Previous Buttons

Easily add 'Previous' and 'Next' buttons to all products, pages and posts. The buttons can…

Page navigation by menu vs Next and Previous Buttons