Aggiungere articoli correlati senza usare plugin
Con questo breve tutorial andrai ad implementare nel tuo template la visualizzazione degli articoli correlati senza usare alcun plugin inserendo semplicemente poche righe di…

Con questo breve tutorial andrai ad implementare nel tuo template la visualizzazione degli articoli correlati senza usare alcun plugin inserendo semplicemente poche righe di codice.
Modifica del file single.php
Apri con il tuo editor il file single.php contenuto nella cartella del tema (è possibile applicare questo hack anche ad altri template) e portati nel punto del loop dove intendi inserire gli articoli correlati quindi inserisci il codice riportato qui sotto:
[php]<?php $related_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) { $tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
‘tag__in’ => $tag_ids,
‘post__not_in’ => array($post->ID),
‘posts_per_page’=>5, // numero post correlati da visualizzare
‘caller_get_posts’=>1 );
$related_query = new wp_query( $args );
if( $related_query->have_posts() ) { echo ‘<div id="articoli-correlati"><h3>Articoli correlati</h3><ul>’;
while( $related_query->have_posts() ) { $related_query->the_post(); ?>
<li>
<h2><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2></li>
<?php } echo ‘</ul></div>’;
}
}
$post = $related_post;
wp_reset_query();
?>[/php]
Formattazione CSS
Per dare un tocco di stile apri il file style.css e inserisci il codice sottostante:
[css]/* Articoli correlati */
#articoli-correlati{background:#f1f2f4;margin:15px 0px;padding:10px;border:1px solid #E5E5E5}
#articoli-correlati h3{font-size:14px;font-weight:bold}
#articoli-correlati ul li{list-style-type:none;font-size:14px}
#articoli-correlati a:link{color:#595959}
#articoli-correlati a:hover{color:#8F8F8F}[/css]
Uso dello script
Il numero di articoli da visualizzare è impostato su 5 e lo puoi modificare facilmente cambiandone il valore nella riga commentata.
Lo script funziona basandosi sui tag comuni dei vari articoli inseriti normalmente dall’editor durante una normale stesura di un post.
Se per esempio hai un articolo “Primo articolo” con tag pippo e un altro “Secondo articolo” sempre con tag pippo, questo verrà visualizzato come correlato.
Ti è piaciuto questo articolo?
Ricevi ogni mattina la selezione della redazione.
Continua a leggere
WhatsApp per iPhone: arrivano gli sfondi animati e i nuovi temi
WhatsApp prepara un nuovo aggiornamento per iPhone con sfondi animati e temi per le chat. Scopri tutte le novità in…
Bose SoundLink Flex SE 2ª Gen: offerta top a 99,99 euro
Il Bose SoundLink Flex SE di seconda generazione scende al minimo storico su Amazon a 99,99 euro. Scopri caratteristiche, autonomia…
Google Pixel Tag: il nuovo rivale di AirTag per Android
Google lancia Pixel Tag, il localizzatore con UWB e batteria sostituibile. Scopri caratteristiche, prezzo e data di uscita.
