Formation WordPress

Simple Pagination : une pagination avancée pour WordPress

WordPress est certainement le (ou l’un des meilleurs pour ne pas faire « pro-WordPress »…) CMS du marché. Mais voilà, malgré un nombre incalculable d’avantages, WordPress traîne un boulet tout de même important : sa pagination.

En proposant uniquement un bouton « Articles suivants » et « Articles précédents », la pagination de WordPress n’est pas optimisé et efficace pour le référencement. De plus, elle devient insurmontable quand on veut la personnaliser.

C’est à partir de ce moment qu’intervient Simple Pagination. Ce plugin permet de créer une pagination avancée et améliore considérablement la navigation au sein de votre site Internet.

Style par défaut de Simple Pagination

Simple Pagination permet de paramétrer beaucoup de choses :

  • les textes des différentes boutons
  • le choix entre plusieurs feuilles de style
  • l’affichage de la pagination

Vous trouverez ci-dessous des captures d’écran de l’interface d’administration afin de voir l’étendu des possibilités de Simple Pagination.

Remarque : le plugin est actuellement traduit en Français et en Anglais.

Tags :
Auteur : Jonathan
Actuellement en Master 1 Information Communication à Ingémédia, je m’intéresse depuis quelques années à différents aspects du milieu informatique qui m’ont vraiment séduits tels que la gestion de projet et la création de sites Internet.
Avatar de jonathan
Ce plugin contient aucune faille de sécurité - Testé par Julio Potier de BoiteaWeb
Les commentaires 58 commentaires sur cet article
  1. escenius le

    Bonjour,
    Je viens d’installer ce plugin qui me semble très intéressant mais cela ne fonctionne pas correctement! Je m ‘explique: la pagination s’affiche , mais le clic sur les différents numéros de page affiche inlassablement la page d’accueil uniquement :(

    Cordialement

    Avatar de
    • jonathan le

      Quel est votre configuration du plugin que je puisse regarder ça ?

      Merci :)

      Avatar de
      • escenius le

        Merci pour votre réponse!
        Configuration par défaut avec uniquement la modif du loop.php!

        Cordialement

        Avatar de
        • jonathan le

          Je viens de tester sans configuration des permaliens et ça ne fonctionne pas en effet.

          C’est parce que vous avez laisser « Valeur par défaut » dans les options des permaliens.

          Si vous utilisez un permalien, vous allez voir que ça fonctionne par contre.

          Je vais voir pour régler ce problème avec cette configuration et je mettrai à jour le plugin.

          Avatar de
          • escenius le

            Merci pour cette prise en compte rapide du problème!
            Félicitations
            Cordialement

            Avatar de
  2. jonathan le

    Voilà, je viens de mettre à jour le plugin avec le correction.

    Vous devriez avoir une notification de mise à jour sur votre administration, c’est la version 1.0.1 :)

    Je vous remercie pour le rapport de bug ^^

    Avatar de
    • escenius le

      Pas de notification de mise à jour! Donc , j ‘ai désinstallé et ré installé avec la version 1.1!

      Le problème est toujours présent malheureusement avec la config par défaut.
      Cela m ‘ennuie un peu de changer mes permaliens : le référencement risque d’en souffrir.
      Cordialement

      Avatar de
      • jonathan le

        Vous avez bien des urls du type => ?page=2 ?!

        Avatar de
        • escenius le

          Voici un example de page : http://www.elosreef.fr/?p=276

          Cordialement

          Avatar de
          • escenius le

            pardon exemple !désolé!

            Avatar de
  3. jonathan le

    La version 1.0.2 qiu corrige définitivement le bug devrait être disponible dans quelques minutes.

    J’ai ajouté 2 nouvelles feuilles de style dans cette version.

    Avatar de
    • escenius le

      Tout fonctionne, bravo et merci encore!

      Cordialement

      Avatar de
  4. steph le

    Il faut quand meme preciser qu’il faut avoir un minimum de connaissance pour mettre en route ce plugin, car il faut savoir toucher au code source du theme. Modifications à faire..
    Perso mon niveau tres moyen (je ne suis certainement pas le seul..) ne me permets malheureusement pas d’installer ce plugin ce qui est bien dommage.
    Le loop, le code du theme, la modif du code.. c’est un peu compliqué pour le neophyte comme moi.

    Avatar de
    • jonathan le

      A l’occasion, je ferai un podcast vidéo afin d’expliquer aux plus néophytes l’implantation du plugin dans un template.

      Avatar de
      • Damien le

        Très sympa ce plugin mais j’avoue ne pas trop savoir ou le mettre. Juste dans l’index.php ça suffit?

        Avatar de
        • jonathan le

          Ca dépend !

          Cela se place partout où tu as une loop ;)

          Donc ça peut très bien être dans index.php, category.php, etc…

          Avatar de
  5. AuPaysdesdelices.com le

    Merci ! c’est super simple à installer et efficace j’adore ;)

    Avatar de
  6. blh le

    N’y a t-il pas double emploi avec le code donné précédemment ? Quel est alors le mieux; function.php ou widget ?

    Avatar de
    • jonathan le

      Vous parlez de quel code ? Car Simple Pagination est un plugin.

      Avatar de
  7. rosasporto le

    Comment mettre le plugin sur mon blog ?
    http://blog-magico.com
    Merci de me répondre si possible!

    Cordialement

    Fernando

    Avatar de
    • jonathan le

      Suivez les instructions sur la page du plugin :)

      http://wordpress.org/extend/plugins/simple-pagination/installation/

      Avatar de
      • rosasporto le

        Bonjour Jonathan
        Mais je n’ai rien compris et c’est tout en anglais, et moi je ne connais rien aux codes HTML ni PHP! Je suis au même endroit quoi!

        Merci tout de même

        Avatar de
  8. Buddy le

    Bonjour, J’ai installé le plugin sur mon site WordPress. Tout est nickel. Je voudrais garder la feuille de style « default.css » mais uniquement changer la couleur du carré contenant le numéro de la page. Je n’arrive pas à le faire en modifiant default.css. Quelle est la bonne balise. Merci d’avance

    Avatar de
  9. Praveen Gowda I V le

    Hello I installed the plugin on my blog but it doesn’t look the way it needs to look
    I tried all the css files but is sustaining the default css of my theme only, can you please help me sort this out
    my blog is here

    Avatar de
  10. jonathan le

    @ Praveen : Can you give me the url of your blog?

    Avatar de
  11. buddy le

    La feuille css de la pagination semble fonctionner sous galaxy Tab avec les dégradés de couleurs sur les boutons, mais ne fonctionne pas sous Chrome 16, IE9 et Firefox 9

    Avatar de
  12. jonathan le

    @Buddy : Bizarre, je suis sur Chrome 16 et je n’ai pas de problème CSS3.

    Avatar de
  13. Praveen Gowda I V le

    My blog is at Geo Web Station

    Avatar de
  14. jonathan le

    @Praveen : Did you check the box that says to use the CSS plugin?

    Avatar de
  15. Praveen Gowda I V le

    @jonathna I have checked it, still it looks the same as before

    Avatar de
  16. jonathan le

    @Praveen : I’ve never had this problem, what is your version of WordPress? Otherwise, it may be a conflict with another plugin, but I am not convinced

    Avatar de
  17. Praveen Gowda I V le

    WordPress 3.3 but the same thing happened with 3.2 as well, It would be great if you can help me sort out this

    Avatar de
  18. lions le

    bonjour
    Je débute avec wordpress 3.3, j’ai installé simple pagination (sans problème), je voulais savoir sur quelle page je place ce plugin pour que les pages de mes articles soit numérotées.
    cordialement

    Avatar de
  19. jonathan le

    @Lions : J’explique l’installation ici : http://wordpress.org/extend/plugins/simple-pagination/installation/

    Avatar de
  20. lions le

    bonsoir jonathan
    je te remercie pour le lien, j’ai wordpress 3.3 et à la racine du theme, je n’ai pas de loop.php, j’ai ouvert single.php et j’ai ceci :

    <?php previous_post_link( '%link', __( '← Previous’, ‘twentyeleven’ ) ); ?>
    <?php next_post_link( '%link', __( 'Next →’, ‘twentyeleven’ ) ); ?>

    j’ai remplacer les 2 lignes next_post_link et previous_post_link par

    cela ne fonctionne pas.

    dans l’attente, je te remercie par avance.
    cordialement

    Avatar de
  21. jonathan le

    Il faut mettre

    &lt;?php echo wp_simple_pagination(); ?&gt;
    Avatar de
  22. lions le

    bonjour jonathan
    le souci c’est que j’utilisais le thème twentyeleven au lieu de twentyten, car sur twentyeleven il n’y a pas de loop.php.
    j’ai remarqué que l’on pouvait installer simple-pagination soit au dessus ou sous l’article, j’ai remplacé les 3 div

    <?php next_posts_link( __( '← Older posts’, ‘twentyten’ ) ); ?>
    <?php previous_posts_link( __( 'Newer posts →’, ‘twentyten’ ) ); ?>
    )
    par , cela fonction.
    vu que je début avec wordpress, ai-je bien fait.
    cordialement

    Avatar de
  23. jonathan le

    @ Lions : Il faut mettre < ?php echo wp_simple_pagination; ?> à la place des lignes que vous avez indiqué.

    Avatar de
  24. Board Directory le

    I find this to be the best pagination plugin out there, and am using it on my blog.

    Avatar de
  25. jonathan le

    @BOARD DIRECTORY : Thanks a lot :)

    Avatar de
  26. Aina le

    Allo!,

    Merci pour le plugin :)

    How can I change the number of listing post? I need 12 not 10

    Thks!

    Avatar de
  27. Brick Will le

    J’utilise votre plugin, il est vraiment efficace.
    Juste une remarque, sur une recherche contenant plusieurs mots, la pagination ne marche pas à partir de la page 2. la recherche produit un lien se terminant par mot+mot+mot et le plugin ne conserve pas les + dans l’url

    Avatar de
  28. jonathan le

    @Brick Will : Merci pour le retour, j’essaye de proposer une nouvelle version au plus vite pour corriger ce bug !

    Avatar de
  29. Satynethe le

    Bonjour,
    Merci pour toutes ces astuces clairement expliquées (en général je n’y comprends pas grand-chose)
    Avec la version que je viens de télécharger, est-il toujours utilise de configurer le pluggins et de rajouter du code dans la page loops (que d’ailleurs je ne trouve pas dans les fichiers twenty seven… :( )

    Avatar de
  30. Rushid le

    Hi, I’m looking for suggestion how would i be active your plugin in my mentioned site, I’ve tried but didn’t got the result, regards.

    Avatar de
  31. jonathan le

    @SATYNETHE & RUSHID : Read this page : Installation Simple Pagination

    Avatar de
  32. Satynethe le

    Bonsoir,
    Merci pour la réponse Jonathan mais je n’arrive toujours pas à comprendre le tuto d’installation malgré avoir tenté de traduire…

    « Téléchargez le complet simple pagination dossier pour les wp-content/plugins / / répertoire »
    >ça c’est fait

    « Activez le plugin via le menu ‘Plugins’ dans WordPress »
    > fait aussi

    « Aller à la «pagination simple» sous l’onglet ‘Settings’ et configurer le plugin »
    > là j’ai touché à rien j’ai tout « par défaut »

    « Utilisation des postes :
    Dans votre thème, ouvrir les fichiers de thème où vous souhaitez la pagination doit être utilisé. Vous avez besoin de trouver des appels à next_posts_link () et previous_posts_link () et de les remplacer.
    Habituellement, ceci est le fichier loop.php. »
    Mon souci c’est que je ne trouve pas de fichier Loop.php avec le thème Twenty eleven
    Donc je mets le code dans le fichier « functions » ?
    « Vous remplacer ces deux lignes avec ceci: »
    Quelles 2 lignes ?
    Je vois celles par quoi il faut remplacer :

    Mais je ne vois pas dans le tuto quelles sont les lignes à remplacer. (

    Merci pour ta patience et désolée d’avoir tant de mal à piger des choses qui ont l’air pourtant simple.

    Avatar de
  33. Satynethe le

    Ouhlala je crois que j’ai compris
    (en m’aidant d’un tuto d’installation d’un autre plugins de pagination qui indiquait où placer le code de pagination des articles pour le thème twentyEleven > puisque pas de « fichier loops »

    C’est dans « functions.php »

    Ensuite :
    - J’ai repéré comme indiqué dans ton propre tuto les termes  »
    next_posts_link et previous_posts_link

    Je suis tombée là dessus :
    <?php next_posts_link( __( '← Older posts’, ‘twentyeleven’ ) ); ?>

    Et là où il y a les points d’interrogation j’ai remplacé par :

    Ce qui a donné :

    Eurékaaaaaa !!!!! Ca marche :)

    Et merci pour ce plugins.

    Avatar de
  34. Satynethe le

    Je me corrige. En faisant comme décrit au-dessus c’est à dire en modifiant dans les 2 lignes « previous_posts_link et next_posts_link » ça me faisait une double pagination, alors qu’il faut remplacer ces deux lignes par le bout de code proposé sur le tuto d’installation.

    Avatar de
  35. jonathan le

    Il faut cliquer sur la balise « php » pour insérer du code ;)

    Avatar de
  36. Satynethe le

    Hé beh c’est ce que j’avais essayé de faire lors du 3ème post mais j’ai du faire une mauvaise manip… :(

    Je récapitule à l’aide de screens (mes comms précédents s’avèreront superflus si j’arrive à sortir mes screens ici :) )

    Ce qui donne ceci :

    Dans les fichiers « search », « index » et « archives » php je l’ai placé en dessous de la ligne qui débute par
    <div class…

    Et ça a bien fonctionné aussi \°/

    Avatar de
  37. Romain le

    Salut, est-ce que c’est possible d’adapter ce plugin pour les multi page (multipart quand tu partages un post en plusieurs page) il faut remplacer mais si je met simplement mais cela ne marche pas, j’ai simplement « Page » qui s’affiche sans numeros a cote…

    Avatar de
  38. jonathan le

    @Romain : je n’ai pas réfléchi à cet aspect là.

    Si c’est possible, je ferai une mise à jour du plugin.

    Avatar de
  39. Romain le

    Cool merci bien !

    Avatar de
  40. jonathan le

    La version 2.1.2 corrige le bug lors d’une recherche avec plusieurs mots.

    Avatar de
  41. Brick Will le

    Bravo pour cette correction, c’est du super travail, cette extension est devenue indispensable à mes blogs. merci d’avboir pris en compte si rapidement la remontée d’inf

    Avatar de
  42. britain le

    depuis des années j’utilise le plugin wp-pagenavi

    Avatar de
  43. Jonathan le

    @Britain : WP Pagenavi ne permet de faire une pagination pour les commentaires et il ne propose pas autant d’options pour la personnalisation de la pagination ;)

    Avatar de
Laisser un commentaire
Balises autorisées dans les commentaires: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Suivre les commentaires de cet article par E-mail