Scuolissima.com - Logo

Come inserire articoli correlati su Wordpress senza plugin

Applicare attorno al post, preferibilmente appena sotto di esso, gli articoli correlati è il miglior modo per aumentare le visualizzazione di pagine per visitatore. Per inserirli basta ricercare plugin appositi come Related Posts Thumbnails che secondo me è uno dei più leggeri. I plugin solitamente sono superflui ed anche in questo caso vale questa regola, difatti se non inserite dentro i post delle immagini in evidenza non vi apparirà l'immaginetta negli articoli correlati ma una foto standard di colore grigio e sarebbe antiestetico. Per questo motivo i post correlati si possono mettere anche senza immagine ed allora in questo caso il plugin non serve proprio, basterà incollare un codice al posto giusto e ritoccarlo con un codice CSS. Sarà più semplice di quanto crediate.

Questa è l'anteprima a risultato finito!


Per inserire gli articoli correlati su Wordpress senza usare alcun plugin la prima cosa che dovete fare è andare su Aspetto > Editor e poi cercare il file single.php o Articolo Singolo ed incollare, non casualmente, ma sotto il loop del contenuto del post questo codice:

<?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);
$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();
?>

'posts_per_page'=>5); = In questo modo appariranno 5 articoli correlati.
Attraverso questo script appariranno gli articoli correlati in base al tag e non alle categorie.

Il codice è gia funzionante anche così ma per dargli un tocco di classe in modo da non mostrarli nella maniera classica, recatevi sul foglio di stile style.css ed inserite il seguente codice che ovviamente potete anche personalizzare a vostro piacimento:
#articoli-correlati{margin:10px 0px;padding:10px;border:1px solid #E5E5E5}
#articoli-correlati h3{font-size:13px;font-weight:bold}
#articoli-correlati ul li{list-style-type:none;font-size:13px}
#articoli-correlati a:link{color:#595959}
#articoli-correlati a:hover{color:#8F8F8F}

Se volete inserire l'elenco degli articoli correlati in base ad una sequenza ben precisa inserite prima della riga 'posts_per_page'=>5); quest'altro codice:
'orderby'=> 'rand',
Dove al posto di rand, inserite una di queste parole:

rand: ordine casuale;
date: ordine dei post per data;
modified: ordine secondo la data di modifica;
author: ordine dei post per autore;
title: ordine per titolo;
ID: ordine secondo l’ID;


Se solitamente non utilizzate i tag ma solamente le categorie dovete utilizzare un codice diverso da quello inserito all'inizio ed è il seguente:
$categories = get_the_category($post->ID);

if ($categories) {
    $category_ids = array();

    foreach($categories as $each_category)
        $category_ids[] = $each_category->term_id;

    $args = array(
        'category__in' => $category_ids,
        'post__not_in' => array($post->ID),
        'orderby'=> 'rand',
        'showposts' => 5,
        'ignore_sticky_posts' => 1
    );

$query = new WP_Query($args);

    if( $query->have_posts() ) {
        echo '<div class="related">';
        echo '<h3>Articoli correlati:</h3><ul>';

        while ($query->have_posts()) {
            $query->the_post();
        ?>
            <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to: <?php the_title_attribute(); ?>">
            <?php the_title(); ?></a></li>
        <?php
        }
        echo '</ul>';
        echo '</div>';
    }
}
wp_reset_query();
?>

Ricordo che bisogna incollarlo sempre nel file single.php 



🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2024, diritti riservati di Andrea Sapuppo
P. IVA 05219230876

Policy Privacy - Cambia Impostazioni Cookies