WP-PageNavi

WP-PageNavi è un plugin per WordPress che permette di sostituire il sistema di navigazione predefinito con un sistema personalizzato configurabile dal pannello delle impostazioni del plugin.

Caratteristiche tecniche

Il plugin fornisce il template tag wp_pagenavi(). Per mettere in funzione il plugin, bisogna sostituire i link di navigazione del tema corrente con il suddetto template tag.

La funzione accetta tre argomenti, che permettono di aggiungere ulteriori parametri di configurazione alle opzioni disponibili nel pannello di amministrazione.

wp_pagenavi( $before, $after, $args );

$args è un array dei seguenti argomenti:

• wrapper_tag
• wrapper_class
• options
• query
• type
• echo

Nel tema Twenty Sixsteen, bisognerà individuare il seguente blocco di codice:

// Previous/next page navigation.
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>',
) );

Questo codice andrà sostituito con quello che segue:

<?php wp_pagenavi(); ?>

Di default, il plugin genera la seguente struttura di navigazione:

<div class="wp-pagenavi">
	<span class="pages">Page 3 of 5</span>
	<a class="previouspostslink" href="" rel="prev">«</a>
	<a class="page smaller" href="">1</a>
	<a class="page smaller" href="">2</a>
	<span class="current">3</span>
	<a class="page larger" href="">4</a>
	<a class="page larger" href="">5</a>
	<a class="nextpostslink" href="" rel="next">»</a>
</div>

L'aspetto del set di link di navigazione può essere facilmente sovrascritto sostituendo il foglio di stile predefinito con uno stile custom.
Come modello, può essere utile riprendere il file pagenavi-css.css che si trova nella root del plugin, riportato qui di seguito:

.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

I nomi delle classi CSS possono essere sovrascritti con nomi custom, grazie ad una serie di filtri elencati nella pagina del plugin.

Il plugin, scaricato oltre 7 mln di volte, vanta oltre 1 milione di istallazioni attive, con una valutazione media di 4.7 stelle su 5.

Prezzi e condizioni d'uso

WP-PageNavi è disponibile gratuitamente nella Plugin Directory.