WP-PageNavi

Omschrijving

Want to replace the old ← Older posts | Newer posts → links with some page links?

Deze plugin geeft ondersteuning voor de wp_pagenavi() template tag, deze genereert mooie paginering links.

Gebruik

In je thema moet je het aanroepen van de next_posts_link() en de previous_posts_link() vinden en vervangen.

In het Twentyten thema, zie het er zo uit:

<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>

Je vervangt die twee regels met dit:

<?php wp_pagenavi(); ?>

For multipart pages, you would look for code like this:

<?php wp_link_pages( ... ); ?>

en vervang het met dit:

<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>

Go to WP-Admin -> Settings -> PageNavi for configuration.

Changing the CSS

If you need to configure the CSS style of WP-PageNavi, you can copy the pagenavi-css.css file from the plugin directory to your theme’s directory and make your modifications there. This way, you won’t lose your changes when you update the plugin.

Alternatively, you can uncheck the “Use pagenavi.css?” option from the settings page and add the styles to your theme’s style.css file directly.

Changing Class Names

Er zijn filters die kunnen worden gebruikt om de standaard klasse namen te veranderen die gekoppeld zijn aan de navigatie elementen.

Filters

  • wp_pagenavi_class_pages
  • wp_pagenavi_class_first
  • wp_pagenavi_class_previouspostslink
  • wp_pagenavi_class_extend
  • wp_pagenavi_class_smaller
  • wp_pagenavi_class_page
  • wp_pagenavi_class_current
  • wp_pagenavi_class_larger
  • wp_pagenavi_class_nextpostslink
  • wp_pagenavi_class_last

Filter Usage

// Simple Usage - 1 callback per filter
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_previouspostslink_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_nextpostslink_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_page_class');

function theme_pagination_previouspostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--previous';
}

function theme_pagination_nextpostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--next';
}

function theme_pagination_page_class($class_name) {
  return 'pagination__current-page';
}


// More Concise Usage - 1 callback for all filters
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_class');

function theme_pagination_class($class_name) {
  switch($class_name) {
    case 'previouspostslink':
      $class_name = 'pagination__control-link pagination__control-link--previous';
      break;
    case 'nextpostslink':
      $class_name = 'pagination__control-link pagination__control-link--next';
      break;
    case 'page':
      $class_name = 'pagination__current'
      break;
  }
  return $class_name;
}

Build Status

Ontwikkelaars-modus

Credits

Donations

I spent most of my free time creating, updating, maintaining and supporting these plugins, if you really love my plugins and could spare me a couple of bucks, I will really appreciate it. If not feel free to use it without any obligations.

Schermafdrukken

  • With Custom Styling
  • Admin - Options Page

FAQ

Foutmelding bij activatie: “Parse error: syntax error, unexpected…”

Zorg er voor dat je server draait op PHP 5. De eenvoudigste manier om dit te doen is door deze regel toe te voegen aan wp-config.php (na de openings <?php tag):

var_dump(PHP_VERSION);

Als ik naar pagina 2 ga, zie ik dezelfde berichten als op pagina 1!

Je gebruikt query_posts() verkeerd. Zie De juiste manier om query_posts() te gebruiken

Werkt PageNavi met secondaire WP_Query instances?

Ja; lees deze tutorial

Hoe negeer ik de opties pagina?

Als je gebruik maakt van een multi-language plugin, wil je waarschijnlijk de teksten op de optie pagina negeren.

Dat kan je zo doen:

<?php wp_pagenavi( array( 'options' => PageNavi_Core::$options->get_defaults() ) ); ?>

Beoordelingen

7 oktober 2021
After all these years of using Comic Easel, I noticed this plugin was built-in as part of that theme. Now that I'm aware, I've installed this and customized it to my liking.
10 augustus 2021
I would welcome a bit more customization but it works well
18 maart 2021
You would think such page navi feature would be part of WP core already instead of the lame Previous and Next links the system offers. If you have lots of content available for visitors search on your site, this plugin is a must to make the pagination nav the way it should be. One line of code replacement on the template, and it just works.
25 juli 2020
I have been using this plugin years ago on a news website, and always been happy with it. Didn't have another website suitable for this kind of navigation until now, just set it up (easy!) and loving it again. (Also, the second website is ClassicPress -- no issues.) Thank you!
Lees alle 139 beoordelingen

Bijdragers & ontwikkelaars

“WP-PageNavi” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“WP-PageNavi” is vertaald in 52 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “WP-PageNavi” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

2.94.0

  • NEW: Add args param on wp_pagenavi filter. Props @asadowski10
  • NEW: Improve accessibility of nav links. Props @carlabobak

2.93.4

  • FIXED: Update SCB Framework To Support PHP 8

2.93.3

  • FIXED: Update SCB Framework To Remove contextual_help

2.93.2

  • NEW: Bumped to WordPress 5.4
  • FIXED: Ensure Action Links is always an array

2.93.1

  • FIXED: Duplicated Settings Saved admin_notices

2.93

  • Remove screen_icon from SCB.

2.92

  • Voeg title attr toe aan pagina’s link. Met dank aan @Mahjouba91.

2.91

  • Validate text option against kses
  • Update SCB Framework

2.90

  • Remove po/mo files from the plugin
  • Use translate.wordpress.org to translate the plugin

2.89.1

  • FIXED: before and after args

2.89

  • NEW: wrapper_tag option to allow other HTML tag besides DIV and wrapper_class option to allow other class name besides wp-pagenavi. Props @Mahjouba91.

2.88

  • NEW: Added filters for altering class names. Props @bookwyrm

2.87

  • NEW: Uses WordPress native uninstall.php

2.86

  • NEW: Bump to 4.0
  • NEW: Added rel=next and rel=previous

2.85

  • FIXED: “Use pagenavi-css.css” & “Always Show Page Navigation” in the options are not being saved

2.84

  • FIXED: Updated scb framework to fix scbAdminPage incompatible error

2.83

  • added ‘echo’ parameter
  • added Estonian and Bengali translations
  • updated scbFramework

2.82

  • fixed prev/next links not appearing in some conditions
  • added Hebrew, Georgian and Azerbaijani translations
  • updated scbFramework

2.81

  • require an explicit type; fixes bugs with multipart pages

2.80

  • support for multi-part pages and user queries
  • moved prev/next links before/after first/last links
  • more info

2.74 (2011-02-17)

  • added ‘smaller’ and ‘larger’ classes
  • added $query arg to wp_pagenavi()
  • updated translations
  • more info