WP-Paginate

Beschrijving

Laatste nieuws

WP-Paginate biedt een eenvoudige en flexibele manier om de pagina-navigatie van je WordPress site te verbeteren.

Naast het verhogen van de gebruikerservaring voor je bezoekers, is er ook veel gemeld dat paginering de SEO van je site verhoogt door meer links naar je inhoud aan te bieden.

Eigen stijlregels voer je in op het tab Aangepaste CSS in WP-Paginate instellingen.

Vanaf versie 1.1 kun je WP-Paginate ook gebruiken om reacties te pagineren!

Vertalingen: https://plugins.svn.wordpress.org/wp-paginate/I18n (controleer het versienummer voor het juiste bestand)

Schermafdrukken

Installatie

Installeer en Activeer

  1. Unzip het gedownloade WP-Paginate zip bestand
  2. Upload de wp-paginate map plus inhoud naar de folder wp-content/plugins/ van je WordPress installatie
  3. Activeer WP-Paginate vanaf de Plugins pagina

Implementeer

You can now configure the location and appearance of pagination links through WP-Paginate Settings rather than edit your theme files. See the Configure section.

Voor berichten paginering:
* Open de themabestanden waar je paginering wilt gebruiken. Afhankelijk van je thema kan dit in een aantal bestanden staan, zoals index.php , of de archive.php categories.php search.php tag.php functions.php bestand(en). Het twentyeleven thema plaatst de paginatie code in de functions.php twentyeleven_content_nav() functie.

Voorbeelden:

Voor het Twenty Seventeen thema, in index.php, vervang:

the_posts_pagination( array(
    'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>',
    'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ),
    'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
) );

With:

if(function_exists('wp_paginate')):
    wp_paginate();  
else :
    the_posts_pagination( array(
        'prev_text' => twentyseventeen_get_svg( array( 'icon' => 'arrow-left' ) ) . '<span class="screen-reader-text">' . __( 'Previous page', 'twentyseventeen' ) . '</span>',
        'next_text' => '<span class="screen-reader-text">' . __( 'Next page', 'twentyseventeen' ) . '</span>' . twentyseventeen_get_svg( array( 'icon' => 'arrow-right' ) ),
        'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyseventeen' ) . ' </span>',
    ) );
endif;

Voor het Twenty Sixteen thema in, index.php, vervang:

    the_posts_pagination( array(
        'prev_text'          => __( 'Previous page', 'twentysixteen' ),
        'next_text'          => __( 'Next page', 'twentysixteen' ),
        'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentysixteen' ) . ' </span>',
    ) );

With:

    if(function_exists('wp_paginate')):
        wp_paginate();  
    else :
        the_posts_pagination( array(
            'prev_text'          => __( 'Previous page', 'twentysixteen' ),
            'next_text'          => __( 'Next page', 'twentysixteen' ),
            'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentysixteen' ) . ' </span>',
        ) );
    endif;

Voor het Twenty Fifteen thema, in index.php, vervang:

        the_posts_pagination( array(
            'prev_text'          => __( 'Previous page', 'twentyfifteen' ),
            'next_text'          => __( 'Next page', 'twentyfifteen' ),
            'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
        ) );

With:

        if(function_exists('wp_paginate')):
            wp_paginate();  
        else :
        the_posts_pagination( array(
            'prev_text'          => __( 'Previous page', 'twentyfifteen' ),
            'next_text'          => __( 'Next page', 'twentyfifteen' ),
            'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'twentyfifteen' ) . ' </span>',
        ) );
      endif;

Voor reacties paginering:
1) Open het themabestand(en) waar je reacties paginatie wil gebruiken. Meestal is dit het comments.php bestand.

2) Vervang je bestaande previous_comments_link() en next_comments_link() codeblok door het volgende:

<?php if(function_exists('wp_paginate_comments')) {
    wp_paginate_comments();
} ?>

Configureer

1) Configure the WP-Paginate settings, if necessary, from the WP-Paginate option in the Settings menu

2) Weergavestijlen kunnen op de volgende manieren worden aangepast:

  • Voeg een wp-paginate.css bestand toe aan de folder van je thema en voeg daar je eigen stijlregels aan toe
  • Voeg je eigen stijlregels (CSS) toe aan styles.css in je thema
  • Wijzig het wp-paginate.css bestand in de wp-paginate plugin folder

Opmerking: De eerste twee opties voorkomen dat updates van WP-Paginate je eigen aangepaste stijlen overschrijven.

Upgrading

To 1.1.1+:

  • Update WP-Paginate settings, change Before Markup to <div class="navigation">
  • Update wp-paginate.css, verander .wp-paginate ol in .wp-paginate

FAQ

How can I override the default pagination settings?

De wp_paginate() en wp_paginate_comments() functies hebben elk één optioneel argument, in query string format, waarmee je de globale instellingen kunt overschrijven. De beschikbare opties zijn:

  • title – The text/HTML to display before the pagination links
  • nextpage – The text/HTML to use for the next page link
  • previouspage – The text/HTML to use for the previous page link
  • voor – Tekst/HTML toe te voegen voor de paginalinks
  • na – Tekst/HTML toe te voegen na de paginalinks
  • empty – Display before markup and after markup code even when the page list is empty
  • reeks – Weer te geven aantal paginalinks voor en na de huidige pagina
  • anker – Aantal paginalinks dat altijd wordt getoond aan het begin en eind
  • gap – Minimum aantal pagina’s voordat een gap wordt vervangen door (…)

Je kunt zelfs de huidige pagina en het aantal pagina’s regelen met:

  • pagina – Huidige pagina. Deze functie bepaalt de waarde automatisch
  • pagina’s – Totaal aantal pagina’s. Deze functie bepaalt dat aantal automatisch

Voorbeeld (geldt ook voor wp_paginate_reacties()):

<?php if(function_exists('wp_paginate')) {
    wp_paginate('range=4&anchor=2&nextpage=Next&previouspage=Previous');
} ?>

Hoe kan ik de paginatie van reacties anders indelen dan de paginatie van de berichten?

Als je wp_paginate_comments() gebruikt, voegt WP-Paginate een extra klasse toe aan het ol element, wp-paginate-comments.

Beoordelingen

29 juni 2024
thank you! its a great plugin. with CSS styles – this is the winner plugin 🙂
20 december 2023
The plugin works correctly, is very easy to configure and supports many themes.It does not have a Spanish translation at the moment, but it does not affect the front interface
2 november 2023
Works very well. It could be excellent with a few extra options, like chosing the page to go to, or more flexible styling.
Lees alle 104 beoordelingen

Bijdragers & ontwikkelaars

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

Bijdragers

“WP-Paginate” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “WP-Paginate” naar jouw taal.

Interesse in ontwikkeling?

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

Changelog

2.2.2

  • Tested with WordPress 6.5

2.2.1

  • Tested with WordPress 6.4

2.2.0

  • Tested with WordPress 6.1

2.1.9

  • Added code to prevent script injection into a hidden field on the settings page

2.1.8

  • Add the

<

nav> tag to the list of allowed tags for pagination markup

2.1.7

  • Tested with WordPress 5.8

2.1.6

  • Improved accessibility by adding aria-label attributes

2.1.5

  • Updated jQuery function calls
  • Replaced old color picker with newer version

2.1.4

  • Fixed potential XSS Vulnerabilities

2.1.3

  • Tested with WordPress 5.6
  • Updated readme.txt with note to use WP-Paginate Settings rather than editing theme files
  • Added Portuguese translation

2.1.2

  • Added code to fix PHP warning message

2.1.1

  • Added setting to remove ellipses from pagination links
  • Added code to load jquery-migrate

2.1.0

  • Tested with WordPress 5.5

2.0.9

  • Fix inserting of empty style tag

2.0.8

  • Getest met WordPress 5.4.1

2.0.7

  • Fixed issue with not applying before and after function arguments

2.0.6

  • Fixed issue with slashes added to URLs containing query strings

2.0.5

  • Added option to add trailing slash to pagination links when needed

2.0.4

  • Removed trailing slash from pagination links

2.0.3

  • Added neon pink button style

2.0.2

  • Added new preset
  • Schermafbeeldingen instellingenpagina geüpdatet

2.0.1

  • fixed undefined index notices

2.0.0

  • Nieuwe knopontwerpen toegevoegd
  • Mogelijkheid toegevoegd om lettertype te kiezen
  • Vertalingenbestand geüpdatet
  • Mogelijkheid toegevoegd om paginanavigatie te gebruiken zonder de themebestanden te hoeven bewerken. Geldt voor berichten, niet voor reacties.
  • Added the ability to hide the standard theme pagination. This applies to posts but not to comments.
  • Added a review notice

= 1.3.4=
* Getest met WordPress 4.7.1

1.3.3

  • Tabblad toegevoegd bij instellingen voor eigen stijlregels (CSS)

1.3.2

  • Getest met WordPress 4.7.

1.3.1

  • Bug opgelost die voorkwam dat een wp-paginate.css stylesheet werd geladen vanuit een sub-thema (gerapporteerd door sunamumaya)
  • Getest met WordPress 4.1

1.3

  • Plugin overgedragen aan Studio Fuel (http://studiofuel.com) – geen functionele wijzigingen
  • Getest met WordPress 4.0.1

1.2.6

  • Afsluitende PHP tag verwijderd
    Github pull verzoek via DeanMarkTaylor
  • Do not add the title element if the title is empty
    Github pull request via Claymm / chaika-design

1.2.5

  • Remove PHP4 support to resolve PHP Strict warning
    Github pull request via DeanMarkTaylor
  • Getest met nieuwste versie van WordPress

1.2.4

  • Ensure pagination of posts when wp_paginate() is called
    Github pull request via whacao
  • Support loading on https pages (plugin now requires WordPress 2.6+)
    Github pull request via hadvig

1.2.3

  • Fixed deprecated parameter to the WordPress add_options_page() function
    Github pull request via alexwybraniec

1.2.2

  • XSS kwetsbaarheid verholpen, gemeld door Andreas Schobel (@aschobel)

1.2.1

  • Added is_rtl function check to prevent errors with older version of WordPress

1.2

  • Ondersteuning toegevoegd voor RTL talen
  • Fixed comments pagination bug
  • Changed language domain name from wp_paginate to wp-paginate (this will affect translation file names)

1.1.2

  • Fixed comment pagination bug (nested comments caused blank page)
  • Enabled HTML for Pagination Label, Previous Page, and Next Page
  • Localization changes were made, Translations need to be updated

1.1.1

  • Changed output to include wp-paginate and wp-paginate-comments class names on the ol element
  • Changed the before option from <div class="wp-paginate"> to <div class="navigation">
  • Added .wp-paginate-comments styles to wp-paginate.css
  • Stijlen aangepast in wp-paginate.css

1.1

  • Functie wp_paginate_comments() toegevoegd om paginanavigatie te gebruiken voor reacties

1.0.1

  • Added I18n folder and wp-paginate.pot file
  • Fixed some internationalization and spelling errors
  • Bestand readme.txt geüpdatet en uitgebreid

1.0

  • Eerste release