Installer le plugin YARPP

Cette extension est indispensable pour obtenir un bon maillage interne et améliorer la navigation de l’internaute. Pour en savoir plus, consultez ce guide dédié à YARPP.

Remarque : le plugin YARPP peut gérer cela de manière native si nécessaire

Pour faire apparaître les articles relatifs :

if (function_exists('related_posts')) { related_posts(); }

Voici d’autres codes complémentaires liés à YARPP mais non présents dans le livre.

Activez les miniatures d’article dans functions.php :

add_theme_support('post-thumbnails');
add_image_size('thumb200', 200, 200, true);

Récupérer une image à la une si elle n’est pas définie dans functions.php :

function get_post_thumbnail() {
 $files = get_children('post_parent='.get_the_ID().'&post_type=attachment&post_mime_type=image');
 if($files) :
 $keys = array_reverse(array_keys($files));
 $j=0;
 $num = $keys[$j];
 $image=wp_get_attachment_image($num, 'large', false);
 $imagepieces = explode('"', $image);
 $imagepath = $imagepieces[1];
 $thumb=wp_get_attachment_thumb_url($num);
 return $thumb;
 endif;
}

Le template des articles relatifs :


have_posts()):?>
  <div class="solcol">
    have_posts()) : $related_query->the_post(); ?>
        <div class="solb">
        <a href="" rel="bookmark" title="">
          <img src="ID;$thumbnail_src = wp_get_attachment_image_src(get_post_thumbnail_id($id), 'thumb200');$thumb=$thumbnail_src[0];
            if ($thumb != "") {$thumbdirectory = get_bloginfo('template_directory');$thumb= $nothumb.'/images/nothumb.jpg';}
            echo $thumb;?>" alt="" class="article-thumb" height="200" width="200">
          <span></span>
        </a>
      </div>
      <div class="solbe"></div>
    
  </div>

  <p>Pas encore d'article similaires</p>

Mettre en page les articles relatifs :

.solb,.solbe{text-align:center}
.solcol{margin:0.5em 0 1em;padding-top:0.2em;width:900px}
.solb{display:table-cell;margin:0 4px 0 4px;padding:6px;width:200px;background:#e9f0f8;border:1px solid #b2d6ff}
.solbe{display:table-cell;margin:0 4px 0 4px;padding:6px;width:6px;background:transparent}
.solb:hover{background:#b2d6ff}
.solb a{text-decoration:none}
.solb a span:hover{text-decoration:underline}
.solb{-moz-box-shadow:0 2px 3px rgba(0,0,0,.4);-webkit-box-shadow:0 2px 3px rgba(0,0,0,.4);box-shadow:0 2px 3px rgba(0,0,0,.4)}
.solb{border-radius:7px;-moz-border-radius:7px;-khtml-border-radius:7px;-webkit-border-radius:7px}

Cet article de SeoMix parle en détail des articles relatifs de YARPP.

Acheter le livre

Installer le plugin YARPP (Yet Another Related Post Plugin) (ch.13.)

2 Comments

Laisser un commentaire