Come utilizzare le anteprime con i link dei post precedenti e successivi in ​​WordPress

Uno dei nostri utenti ci ha chiesto sulla nostra pagina Facebook: Come utilizzare le anteprime per la navigazione precedente / successiva in WordPress. Le funzioni next_post_link e previous_post_link non hanno un parametro thumbnail abbastanza semplice che un nuovo sviluppatore può semplicemente attivare e disattivare. In questo articolo, ti mostreremo come utilizzare le miniature dei post con link precedenti e successivi in ​​WordPress.

Il risultato finale sarebbe simile a questo:

La prima cosa che devi fare è aprire i tuoi temi single.php file e aggiungi il seguente codice all'interno del loop molto probabilmente dopo l'area the_content ():

    ID, array (100,100));?> %titolo
", TRUE);?> ID, array (100,100));?> %titolo
", VERO);?>    

La prossima cosa che devi fare è aprire il tuo style.css file e aggiungere i seguenti stili:

 # cooler-nav clear: both; altezza: 100 px; margine: 0 0 70 px; # cooler-nav .nav-box background: # e9e9e9; padding: 10px; # cooler-nav img float: left; margine: 0 10px 0 0; # cooler-nav p margin: 0 10px; font-size: 12px; vertical-align: middle; # cooler-nav .previous float: left; allineamento verticale: medio; larghezza: 250 px; height: 100px; # cooler-nav .next float: right; larghezza: 250 px; 

Sentiti libero di cambiare lo stile per abbinarlo al tuo tema. Spesso ai nostri utenti piace dare uno stile al codice, quindi è più facile per loro modificarlo. Questo è solo uno stile di base che dovresti essere in grado di personalizzare facilmente.

Se si desidera modificare le dimensioni dell'anteprima, è sufficiente modificare l'array (100.100) in base a ciò che si desidera.

Fonte: suabarra