878 abonnés
Tutoriels PC / MacOS X / Linux

Afficher un article aléatoire dans la sidebar de votre blog WordPress

Redonnez vie à d’anciens articles en les rendant visibles ! Comment ? En les affichant dans la sidebar de votre blog WordPress : vous permettez au visiteur de découvrir un peu plus votre site et vous augmentez par la même occasion le nombre de pages vues par visiteur.

Objectif

Afficher un nombre « x » d’articles aléatoires dans la sidebar de votre blog (titre et lien vers l’article + extrait) comme c’est le cas sur Protuts.

Code PHP à utiliser

Pour ce faire, ouvrez le fichier sidebar.php via Editeur de l’onglet Apparence de votre administration WordPress.

Puis coller ce morceau de code à l’endroit où doit apparaître le module Article aléatoire :

<?php
query_posts(array('orderby' => 'rand', 'showposts' => 1));
if (have_posts()) :
while (have_posts()) : the_post();?>
<a href="<?php the_permalink();?>"><?php  the_title();?></a>
<?php the_excerpt(); endwhile; endif; ?>

La valeur 1 correspond au nombre d’articles aléatoires à afficher.

Il ne vous reste plus qu’à englober le tout d’une balise DIV pour y appliquer un joli design.

Exemple daffichage dun article aléatoire : cas de G&T

Exemple d'affichage d'un article aléatoire : cas de G&T

21 commentaires pour “Afficher un article aléatoire dans la sidebar de votre blog WordPress”

  1. www.fuzz.fr dit :

    Afficher un article aléatoire dans la sidebar de son blog WordPress | Geek…

    Redonnez vie à d’anciens articles en les rendant visibles ! Comment ? En les affichant dans la sidebar de votre blog WordPress : vous permettez au visiteur de découvrir un peu plus votre site et vous augmentez par la même occasion le nombre de page…

  2. Michael dit :

    Bonjour,
    Merci à vous pour cet article très intéressant. Seul petit problème il désactive mes widgets lorsque l’on quitte ma page d’accueil pour aller en profondeur dans mon site…
    :(

  3. Michael dit :

    Coucou,
    Merci à toi pour la réponse rapide.
    En fait le script marche à merveille sur toutes les pages, c’est uniquement les widgets qui ne s’affichent plus…

    Tant pis, du coup j’ai enlever les wigdets… Ton script me plaisait trop…

  4. Rainbow dit :

    De rien pour cette réponse rapide :D

    Plus sérieusement,
    tu as placé le bout de code avant ou après cette ligne de code (qui fait référence aux widgets wordpress en mode « dynamique ») :

    < ?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>

  5. Michael dit :

    De toute façon c’est pas trop grave, l’intégration s’est faite tout de même.

    Merci à toi…
    :)

  6. Marion dit :

    Bonjour,

    Je viens de passer l’après-midi sur votre site que je trouve fabuleux. J’ai parcouru l’ensemble des articles Wordpress pour améliorer mon site.

    J’ai juste un petit souci concernant la mise en forme du code que vous donnez pour les articles aléatoires.

    Je suis débutante, je ne sais pas quoi ajouter pour le mettre en forme. Pourriez-vous m’indiquer le code complet que vous avez utilisé pour l’article aléatoire ci-dessus s’il vous plait? Je modifierai les couleurs par la suite. Modifier, je peux ; créer, je peux pas :) Merci par avance! :)

  7. Maigret dit :

    @Marion : merci à toi des compliments que tu nous adresses ! :cool:

    Nous ne pouvons malheureusement pas t’indiquer de code particulier. Tout dépend de ce que tu souhaites obtenir. J’ai vu sur ton site que cela s’intégrait parfaitement sur ton blog.

    Cela dit, de manière généralement, il convient de créer une nouvelle balise

    dans ta feuille de styles de cette façon :

    #random {
    propriété 1:valeur 1;
    propriété 2:valeur 2;
    }

    Ensuite, là où tu as inséré le bout de code en PHP pour afficher un article aléatoire, tu dois entourer le tout de cette manière :
    <div id= »random »>Ton bout de code</div>
    Il te faudra ajouter d’autres propriétés et notamment décliner pour les liens (#random a), les paragraphes, les titres, etc.

    J’espère que cela t’aidera un peu. :)

  8. Marion dit :

    Merci beaucoup pour cette réponse rapide et très complète! Je vais me pencher tout de suite sur le problème avec les informations que tu viens de me donner. Je n’avais même pas pensé à modifier la feuille de style. J’ai bien fait de poser la question :D

  9. Marion dit :

    Ouiiiiiiiiii ça marche :D Bon il y a encore quelques réglages à faire, mais j’ai un cadre!! Youpi! MERCI!

    Je vais suivre l’actualité de Protuts le plus souvent possible dorénavant :)

  10. Rainbow dit :

    @Marion : et le meilleur moyen pour la suivre, c’est de consulter la page abonnement ;)

  11. Marion dit :

    Voilà qui est fait :)

  12. Maigret dit :

    @Marion : merci à toi ! :cool:

  13. maelle dit :

    Bonjour,

    Votre code marche a merveille, si ce n’est que les images présent dans mon article de base ne s’affiche pas dans la sidebar. Comment faire pour que les images s’affichent?
    Merci de votre aide.

  14. maelle dit :

    Bonjour,

    Merci pour le code! Il marche a merveille. J’ai juste un petit souci. J’aimerais afficher dans la sidebar les images présente dans l’article. Pour l’instant seul le texte s’affiche. Comment puis-je faire?
    Merci de votre aide!

  15. Sniperdc dit :

    Super mes comment précisé la catégorie a afficher ?

  16. Rainbow dit :

    Bonsoir,
    je dois dire que c’est assez étrange que cela fonctionne sur la page d’accueil et pas sur les autres…

    As tu deux sidebars différentes : une pour la page d’accueil et une autre pour les articles ?

    Ton code est peut être mal placé dans le fichier sidebar.php ou une balise n’est peut être pas fermée comme il se doit ?

    Tiens moi au courant ;)

  17. Rainbow dit :

    Je pense que le problème vient de la fermeture du code en php : il faut très certainement enlevé un endif, endwhile ou quelque chose dans ce genre mais je ne suis pas expert dans le domaine et sans le fichier source ça m’est très difficile de t’aider :(

  18. Rainbow dit :

    Bon ben de rien alors ;)

Laisser un commentaire

© 2009-2010 Protuts. Tous droits réservés | Créé avec Wordpress | Thème conçu par Elegant Themes | Hébergé sur Mavenhosting