Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

Insérer les liens relatifs à l’intérieur de vos articles

Màj le 9 juin 2014

On a déjà publié un article sur  comment ajouter les articles relatifs (Related Post) à la fin de vos articles sous Wordpress ? Aujourd’hui on va aller un peu plus loin, on essayant d’insérer des liens en relation à l’intérieur de vos billets, c’est à dire un menu de liens d’articles au milieu de votre article .


La première chose à faire est de télécharger ce plugin Display Posts Shortcode. Cette extension vous permet d’afficher des liens vers d’autres articles à l’aide d’un petit code inséré dans vos billets.

Comment Insérer les liens relatifs à l’intérieur de vos billets

Configurer  Display Posts Shortcode

Après l’installation et l’activation du plugin , il faut marquer les articles que vous voulez afficher comme « Related Post » , on va faire appel à ces bielles dans notre article actuel avec un petit code, ce dernier ressemblera à ceci:

[display-posts tag="lemonchicken" image_size="thumbnail"]

Vous trouverez une liste de codes ici. Vous pouvez également trouver d’autres informations sur CSS dans ce même lien , etc

Maintenant on va mettre notre petit code (Shotcode) déjà crée précédemment dans une div appellée “lefttags” :

<div id="lefttags">
<strong>More Lemon Chicken Posts</strong>
[display-posts tag="lemonchicken" image_size="thumbnail"]
</div> 

Ensuite on va faire un peu de style, pour que nos articles relatifs soient alignés à gauche (et un peu d’espace à droite). Ajoutez ce code à votre feuille de style:

 #lefttags {
float: left;
padding: 0 10px 0 0;
}

Pour styler les liens et miniatures vous pouvez utilisez le code CSS suivant :

 .display-posts-listing .listing-item {
   clear: both;
   list-style:none;
   margin: 5px 0 0 0;
}
.display-posts-listing img {
   float: left;
   margin: 0 10px 10px 0;
   height: 50px;
   width: 50px;
}

Voici le résultat :
article-relatifs-dans-vos-articles

Et c’est tout, il ne reste que d’insérer vos code dans l’endroit souhaité dans vos billets sans oublier les div.


Vous aimerez également...

  • Ajouter un mega menu sur votre blog wordpress
  • Gérer où afficher vos widgets avec Widget Logic
  • Top 4 meilleurs plugins RSVP gratuits pour WordPress
  • Comment transférer les commentaires d’un article vers un autre
  • Diminuer le Taux de Rebond avec UpPrev
  • 5 meilleurs plugins « Exit-Intent Popup » gratuits pour WordPress

Classé sous :plugins Balisé avec :wordpess plugins

Accueil / plugins / Insérer les liens relatifs à l’intérieur de vos articles

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact