Impostare paginazione e personalizzarla

 

La paginazione per pagina articoli index.php

Attivare la paginazione, ovvero quella lista delle pagine numerate del blog, che si trova solitamente a fondo pagina, consente all’utente di navigare agevolmente da una pagina all’altra.

Basta scrivere la seguente funziona dove vogliamo che compaia la paginazione.

<?php echo paginate_links();?>

 

ovviamente possiamo dargli un pò di stile, usando le classi di bootstrap

 

 

<nav>
<ul class=”pagination pagination-sm justify-content-center m-5″>
<li class=”page-item”>
<?php echo paginate_links();?>
</li>
</ul>
</nav>
consulta sempre la pagina codex di worpdress per altre opzioni aggiuntive più avanzate.
ad esempio tra parentesi <?php echo paginate_links(”);?> possiamo inserire un array
         <!– paginazione–>
                <nav>
                    <ul class=”pagination pagination-sm justify-content-center my-5″>
                        <li class=”page-item”>
                            <?php echo paginate_links(array(
                                ‘show_all’ => true,
                                ‘prev_next’ => true,
                                ‘prev_text’ => __(‘<i class=”fas fa-arrow-left”></i>’),
                                ‘next_text’ => __(‘<i class=”fas fa-arrow-right”></i>’),
                                ‘type’ => ‘list’,
                                ‘before_page_number’ => __(‘<i class=”fas fa-book”></i>’),
                            )); ?>
                        </li>
                    </ul>
                </nav>
La paginazione per la pagina del singolo articolo
 <!–paginazione per navigare  tra gli articoli della stessa categoria di quello che si sta consultando–>
                    <nav>
                        <ul class=”pagination pagination-sm justify-content-center my-5″>
                            <li class=”pr-5″> <?php previous_post_link(‘%link’, ‘precedente nella categoria’); ?> </li>
                            <li> <?php next_post_link(‘%link’, ‘successivo nella categoria’); ?> </li>
                        </ul>
                    </nav>
                </div>
                <hr>
                <!–paginazione per navigare tra gli articoli successivi o precedenti–>
                <nav>
                    <ul class=”pagination pagination-sm justify-content-center my-5″>
                        <li class=”pr-5″> <?php previous_post_link(); ?> </li>
                        <li> <?php next_post_link(); ?> </li>
                    </ul>
                </nav>

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *