Traffyk – I’m driving crazy

Nella realizzazione del mio tema personale ci sto prendendo davvero gusto, come vedete sono state aggiunte ancora altre novit come la barra a sinistra ritoccata e le nuove icone “sociali”, anche il form di registrazione alla newsletter molto pi gradevole secondo me.

Ma parliamo della vera novit ovvero quei piccoli pulsanti sotto il titolo di ogni articolo:
Successivo e Precedente.
Che ne pensate non sono graziosi? Permettono di saltare direttamente alla notizia successiva sulla pagina senza dover per forza scorrerla tutta.

Vediamo velocemente come implementare questa piccola soluzione nel vostro template preferito per [tag]WordPress[/tag], naturalmente questa modifica possibile soltanto a coloro che hanno accesso ai file dei propri temi grafici.

Il file in questione index.php, la modifica pu essere portata allo stesso modo anche su archive.php e su tutti gli altri file che mostrano una lista di post in un loop.

Ci basta trovare l’inizio del nostro loop sul file index.php e aggiungere qualche variabile e un paio di collegamenti, oggi mi sento buono pertanto vi posto direttamente le righe da sostituire, mi raccomando lavoro sempre con il template default di WordPress ma molto facile fare altrettanto con le altre template basta soltanto trovare il loop e la posizione in cui inserire i link con i pulsanti (vedi a fine post per alcuni pulsanti da scaricare).

Sostituisci queste righe

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink a <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j F Y') ?> <!-- di <?php the_author() ?> --></small>

Con queste
<?php if (have_posts()) : ?>

<?php $postCounter = 1; $postStopCounter = get_option('posts_per_page'); ?>

<?php while (have_posts()) : the_post(); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2 id="post-<?php echo $postCounter; ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permalink a <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('j F Y') ?> <!-- di <?php the_author() ?> -->
<?php
if ($postCounter!=$postStopCounter)
echo '&nbsp; <a href="#post-'.($postCounter+1).'" title="Vai al post successivo">
<img src="http://www.tuosito.com/img/bt_down.png" alt="Next Post" />Successivo</a> ';
if ($postCounter!=1)
echo '&nbsp;<a href="#post-'.($postCounter-1).'" title="Vai al post precedente">
<img src="http://www.tuosito.com/img/bt_up.png" alt="Prev Post" />Precedente</a>';
$postCounter++;
?></small>

Alcune icone da poter utilizzare come pulsanti:
, , ,
Grazie a Paolo di Flashmotus per le ultime due icone
Potete scaricare moltre altre icone da questo sito http://fasticon.com/freeware/

Tag: guide, Plugin, Wordpress

Questo articolo è stato pubblicato il mercoledì, 12 settembre 2007 alle 05:27 e classificato in Programming. È possibile seguire tutte le repliche a questo articolo tramite il feed RSS 2.0. Puoi lasciare un commento, oppure fare il trackback dal tuo sito.