Overblog Suivre ce blog
Administration Créer mon blog

Pagination

Lorsque vous affichez une liste d'article, il faut prévoir une pagination pour passer aux pages suivantes et précédentes. Pour cela, 2 variables : Navigation.PreviousPage et Navigation.NextPage

Si vous affichez un article seul, il faut également permettre d'afficher l'article suivant et l'article précédent. Là encore, 2 variables : Navigation.PreviousPost et Navigation.NextPost

Fonctionnement

Précédent (previous) indique qu'il y a un ou des articles avant, au sens des dates de publication. Suivant (next) indique les articles qui sont publiés après la page courante.

Certains pensent que cet ordre est doit être inverser : pour le changer il suffit d'inverser les textes et/ou les liens.

Exemple détaillé

<!-- Pagination -->
{% if Navigation.PreviousPage is not empty or Navigation.NextPage is not empty 
    or Navigation.PreviousPost is not empty or Navigation.NextPost is not empty %}
    <div class="pagination">
        {% if Navigation.PreviousPage is not empty or Navigation.PreviousPost is not empty %}
            {% if Navigation.PreviousPage is not empty %}
                <a href="{{ Navigation.PreviousPage }}" class="prev">{{ Lang.Get('Previous page') }}</a>
            {% elseif Navigation.PreviousPost is not empty %}
                <a href="{{ Navigation.PreviousPost.Permalink }}" 
                    class="prev"> 
                    {% if Navigation.PreviousPost.Title is not empty %}
                        {{ Navigation.PreviousPost.Title|truncate(30) }}
                    {% else %}
                        {{ Lang.Get('previous post') }}
                    {% endif %}
                </a>
            {% endif %}
        {% endif %}
        {% if Navigation.NextPage is not empty or Navigation.NextPost is not empty %}
            {% if Navigation.NextPage is not empty %}
                <a href="{{ Navigation.NextPage }}" class="next">{{ Lang.Get('Next page') }}</a>
            {% elseif Navigation.NextPost is not empty %}
                <a href="{{ Navigation.NextPost.Permalink }}" 
                    class="next">
                    {% if Navigation.NextPost.Title is not empty %}
                        {{ Navigation.NextPost.Title|truncate(30) }}
                    {% else %}
                        {{ Lang.Get('next post') }}
                    {% endif %}
                </a>
            {% endif %}
        {% endif %}
    </div>
{% endif %}

Explication détaillée :

  • Ligne 2 : s'il n'y a pas de page suivante / précédente, ou s'il n'y a pas d'article précédent / suivant : on n'affiche pas le bloc de pagination.

  • Ligne 5 à 18 : s'il y a une page ou un article précédent, on affiche un lien

  • Ligne 6 à 8 : cas de page précédente

  • Ligne 8 à 17 : cas de l'article précédent : s'il a un titre, on affiche le titre, ou le texte "previous post" sinon.

  • Ligne 19 à 32 : s'il y a une page ou un article suivant, on affiche un lien

  • Ligne 20 à 22 : cas de page suivante

  • Ligne 22 à 31 : cas de l'article suivant : s'il a un titre, on affiche le titre, ou le texte "next post" sinon.

Pour voir l'affichage, il suffit de regarder cet article : les liens articles suivants et précédents sont affichés en bas de chaque article.

Partager cet article

Commentaires

Obat Sipilis 27/11/2014 15:13

like post

Obat Kutil Kelamin 27/11/2014 15:13

good nice

Ryan 04/10/2014 07:10

thank you brother and i like share website

Obat Kutil Kelamin
Obat Kanker
Obat Ambeien
Obat Wasir
Cara Mengobati Wasir Atau Ambeien
Obat Sipilis

cleo viret 20/03/2013 22:26

Bonjour, plus aucun lien ne fonctionne sur mon blog...a priori je n'ai fait que bidouiller le css et changé le titre de mes pages..
J'ai besoin d'aide et aussi de comprendre...merci

Laura 27/02/2014 20:29

Bonsoir,

Toutes les pages (http://www.shoppingdelaura.com/page/2, http://www.shoppingdelaura.com/page/3, http://www.shoppingdelaura.com/page/4...) ont la même title. Je voudrais que se rajoute dans la title Page 2, Page 3, Page 4...

Comment faire pour modifier le paramétrage de ces title

Merci,

Laura

Ousmane Sarr 21/02/2013 18:39

bonjour, sur mon blog, la pagination se présente ainsi : page précédente, pages suivante, Est-ce que c'est possible de modifier la pagination sous la forme de numéro de page ? exemple : 1 2 3 4 5 ...

123 19/02/2013 18:25

je ne sais pas si ses possible mais j'aimerai rajouter plusieurs page sur mon blog,une page pour certain article et une autre page pour d'autre article,mais je ne sais pas comment faire?

Kiki 25/08/2012 16:52

Bonjour. La dernière phrase, je cite : "Certains pensent que cet ordre est doit être inverser : pour le changer il suffit d'inverser les textes et/ou les liens" me laisse perplexe... J'ai beau tenter : rien, je n'y arrive pas. C'est le et/ou qui me perd... Pourriez vous donner le passage à copier coller dans le html directement ? Merci.