10 Astuces WordPress pour vous simplifier la vie

Posté le 6 septembre 2008 par PiXeL dans Wordpress

Bienvenue sur le Journal du Blog, vous pouvez vous abonner au flux RSS. Merci pour votre visite!

Cet article est l’adaptation francophone de “10 WordPress hacks to make yourlife easy” de Jay sur blogohblog.com

Afficher les Gravatars dans vos commentaires

gravatar 10 Astuces WordPress pour vous simplifier la vie

Pour vous rafraichir la mémoire, les Gravatars sont les petites images illustrant les commentaires de vos lecteurs. Elles proviennent du site gravatar.com. Quelques thèmes WordPress ne l’incluent pas encore par défaut. C’est pourquoi, nous vous proposons pour cette première astuce de les ajouter à votre thème, ce qui confèrera un peu plus de gaieté. Ouvrez le fichier comments.php de votre thème puis trouvez cette partie :

<?php comment_text() ?>

Puis remplacez cette ligne par :


<div class="gravs">
<?php if (get_bloginfo('version')>=2.5)
echo get_avatar( $comment->comment_author_email, $size = '50', $comment->comment_author_link);?>
<?php comment_text() ?>
</div>
<br clear="all" />

Ce code affichera les Gravatars. Maintenant ajoutons un peu de CSS au fichier style.css :

</code></code>

.gravs {margin-top:20px;}
.avatar {float:left; margin-right:5px; margin-bottom:5px; padding:3px; border:1px solid #999999;}

Si vous regardez à nouveau votre thème, vous verrez apparaitre les Gravatars. ;)

Galerie d’images dans WordPress

gallery 10 Astuces WordPress pour vous simplifier la vie

Toutes les versions de WordPress supérieures à la 2.5 incluent une fonction de galerie d’images où vous pouvez transférer vos images et les classer pour afficher celles que vous souhaitez dans un article ou dans une page.

Mais presque tout les anciens thèmes (avant la 2.5 de WP) et pas mal de nouveaux n’intègrent pas cette fonctionnalité. Pour l’ajouter, voilà ce que vous devez faire :

Dans votre thème actuel, ouvrez single.php et sauvegardez le en image.php. Maintenant ouvrez ce fichier et trouvez la ligne qui affiche le contenu de votre article. Cela devrait-être quelque chose comme ce qui suit. Cela peut différer un peu mais la fonction est appelée the_content comme ceci :

<?php the_content('Read More'); ?>

Maintenant ajoutez le code suivant avant la ligne précédente :

</code></code>

<p class="attachment">
<a href="<?php echo wp_get_attachment_url($post->ID); ?>"><?php echo wp_get_attachment_image( $post->ID, 'medium' ); ?></a>
</p>
<div class="caption">
<?php if ( !empty($post->post_excerpt) ) the_excerpt(); // this is the "caption" ?>

</div>

Puis ce morceau après :

</code></code>

<div class="imgnav">
<div class="imgleft"><?php previous_image_link() ?></div>
<div class="imgright"><?php next_image_link() ?></div>
</div>
<br clear="all" />

Enfin ajoutez également ce morceau de CSS à votre fichier style.css :

</code></code>

/****************Image Gallery *********************/
.gallery {text-align:center;}
.gallery img {padding:2px; height:100px; width:100px;}
.gallery a:hover {background-color:#ffffff;}
.attachment {text-align:center;}
.attachment img { padding:2px; border:1px solid #999999;}
.attachment a:hover {background-color:#FFFFFF;}
.imgnav {text-align:center;}
.imgleft {float:left;}
.imgleft a:hover {background-color:#FFFFFF;}
.imgleft img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}
.imgright {float:right;}
.imgright a:hover {background-color:#FFFFFF;}
.imgright img{ padding:2px; border:1px solid #999999; height:100px; width:100px;}

Le code ci-dessus modifie un peu le style de la galerie WordPress par défaut qui n’est pas transcendant. Donc, maintenant quand vous transférez vos images dans un article ou une page, allez dans les options de la galerie (après que vous ayez fini de transférer toutes les images) et insérez la galerie dans la page ou l’article. C’est tout ! ;)

Ajoutez un “Abonnez-vous au Flux” à la fin de chaque article

Abonnement

Beaucoup de blogueurs utilisent ce type de message pour rappeler aux lecteurs de s’abonner à leur blog et le place à la fin de chaque article. Cela peut-être fait directement avec un simple plugin ou vous pouvez le faire vous même sans difficulté. Si vous voulez afficher ce message en dessous de chaque billet sur votre page d’accueil, ouvrez index.php et juste où votre contenu fini (the_content), ajoutez ces lignes :


<div style="padding:5px; border:1px solid #999999; margin-top:10px; background-color:#FFF8AF;">
Si vous avez aimé ce billet, n'hésitez pas à vous abonner à mon flux
</div></code></code>

Vous pouvez faire la même chose avec votre fichier single.php pour n’afficher ce message qu’au sein des articles eux-mêmes. :)

Affichez vos messages Twitter sur votre blog

twitter 10 Astuces WordPress pour vous simplifier la vie

Si vous avez un compte Twitter et que vous voulez afficher vos messages sur votre blog, voilà ce que vous devez faire.

Connectez-vous à Twitter. Allez sur cette page http://twitter.com/badges/html et choisissez vos options. Copiez le code et collez le sur votre blog. Vous pouvez le coller directement dans les fichiers du thème ou utiliser des widgets pour le mettre en sidebar. Ils peuvent aussi être personnalisés via les CSS, comme nous l’avions vu dans un précédent article.

Affichez une présentation des auteurs du blog

author 10 Astuces WordPress pour vous simplifier la vieDans un blog où il y a plusieurs rédacteurs, cela peut-être intéressant de montrer la présentation de l’auteur sous chaque article pour que les lecteurs puissent en savoir un peu plus sur lui. Cela peut-être réalisé en remplissant les détails de “Votre profil” dans l’onglet “Utilisateurs” de votre interface d’administration WordPress.

Pour intégrer ces informations, ouvrez le fichier single.php et en dessous de la ligne “the_content” (comme précédemment), ajoutez ce morceau de code :

</code></code>

<div class="author">
<?php the_author_description(); ?>
</div>

Voilà un peu de CSS :

</code></code>

.author{
color: #222222;
font-family: Arial;
font-size: 12px;
border:1px solid #CCCCCC;
width: 500px;
padding: 5px;
margin-top:10px;
margin-bottom:10px;
}

Maintenant si vous rafraichissez la page d’un article, vous verrez apparaitre la description de l’auteur.

Catégories déroulantes

cats 10 Astuces WordPress pour vous simplifier la vie

Pour ajouter une belle liste déroulante pour vos catégories, insérez le code suivant dans le thème de votre blog. Vous pouvez le faire aussi bien dans le fichier sidebar.php qu’à l’endroit que vous voulez dans index.php. Voici le code :

</code></code>

<form action="<?php bloginfo('url'); ?>/" method="get">
<?php
$select = wp_dropdown_categories('show_option_none=Select category&amp;amp;amp;show_count=1&amp;amp;amp;orderby=name&amp;amp;amp;echo=0');
$select = preg_replace("#<select([^>]*)>#", "<select$1 onchange='return this.form.submit()'>", $select);
echo $select;
?>
<noscript><input type="submit" value="View" /></noscript>
</form>

Archives déroulantes

Tout comme pour les catégories, vous pouvez avoir vos archives mensuelles listées dans un menu déroulant. Ajoutez le code suivant dans vos fichiers :


<select name="archive-dropdown" onChange='document.location.href=this.options[this.selectedIndex].value;'>
<option value=""><?php echo attribute_escape(__('Select Month')); ?></option>
<?php wp_get_archives('type=monthly&amp;amp;amp;format=option&amp;amp;amp;show_post_count=1'); ?> </select></code></code>

Ajoutez des bannières 125*125 à votre sidebar

Beaucoup de blogueurs ne savent pas comment intégrer ces bannières 125*125 dans leur sidebar. Nous allons vous expliquer comment le faire. Enregistrez l’image suivante ( c’est un exemple de bannière 125*125 que nous utiliserons) :

Bannière 125*125

Créez un dossier appelé “pubs” dans votre dossier de thème (le thème dans lequel vous voulez ajouter ces bannières) et placez cette image dans ce nouveau dossier. Maintenant, ajoutez le code suivant à votre sidebar :


<div class="bannerads">
<div class="ad_125x125"><a href="#"><img src="<?php bloginfo('template_directory'); ?>/ads/125x125.gif" border="0" alt="Publicité" /></a></div>
<div class="ad_125x125"><a href="#"><img src="<?php bloginfo('template_directory'); ?>/ads/125x125.gif" border="0" alt="Publicité" /></a></div>
</div><!-- bannerads -->
<br clear="all" /></code></code>

Comme toujours, un peu de CSS dans votre fichier style.css :

</code></code>

.bannerads {width:270px; margin:10px auto;}
.ad_125x125 {float:left; margin:0px 5px 10px 5px; width:125px; height:125px;}

Quand vous rafraichissez votre thème, vous allez voir deux bannières 125*125 dans votre sidebar. Vous pouvez alors changer les images comme vous le voulez et même les liens.

Affichez les articles les plus populaires (commentés)

popular-posts 10 Astuces WordPress pour vous simplifier la vieIl y a toujours un désir chez les blogueurs de montrer leurs articles les plus populaires ou ceux qui ont obtenu le plus de commentaires. Voici comment vous pouvez faire ça :

Placez le morceau de code suivant à la fin du fichier header.php. Vous pouvez changer le nombre de titres d’articles populaires qui sera pris dans la base de données en changeant la variable $no_posts dans le code :

</code></code>

<?php function most_popular_posts($no_posts = 5, $before = '<li>', $after = '</li>', $show_pass_post = false, $duration='') {
global $wpdb;
$request = "SELECT ID, post_title, COUNT($wpdb->comments.comment_post_ID) AS 'comment_count' FROM $wpdb->posts, $wpdb->comments";
$request .= " WHERE comment_approved = '1' AND $wpdb->posts.ID=$wpdb->comments.comment_post_ID AND post_status = 'publish'";
if(!$show_pass_post) $request .= " AND post_password =''";
if($duration !="") { $request .= " AND DATE_SUB(CURDATE(),INTERVAL ".$duration." DAY) < post_date ";
}
$request .= " GROUP BY $wpdb->comments.comment_post_ID ORDER BY comment_count DESC LIMIT $no_posts";
$posts = $wpdb->get_results($request);
$output = '';
if ($posts) {
foreach ($posts as $post) {
$post_title = stripslashes($post->post_title);
$comment_count = $post->comment_count;
$permalink = get_permalink($post->ID);
$output .= $before . '<a href="' . $permalink . '" title="' . $post_title.'">' . $post_title . '</a> (' . $comment_count.')' . $after;
}
} else {
$output .= $before . "None found" . $after;
}
echo $output;
} ?>

Maintenant, à l’endroit où vous voulez afficher la liste des articles populaires, placez le code suivant. Vous pouvez le faire soit dans la sidebar soit dans le fichier index.php.

</code></code>

<?php most_popular_posts(); ?>

Ajoutez un bouton Imprimez à vos articles

print-posts-wordpress 10 Astuces WordPress pour vous simplifier la vie

Pour permettre aux lecteurs d’imprimer vos articles (ça arrive oui), vous pouvez les aider en proposant un bouton Imprimer. Ouvrez le fichier single.php (pour les articles seuls) et ajoutez le code suivant où vous le voulez pour avoir l’option d’impression :


<a href="javascript:window.print()">Imprimer cet article</a></code></code>

Nous espérons que vous avez appréciez ces astuces pour WordPress et que cela vous aidera dans votre vie de blogueur ! :)

Tags: , , ,

Vous avez aimé cet article : abonnez-vous au flux RSS !

18 commentaires

  1. tao
    6 septembre 2008

    Excellente ses petites astuces. ça m’a permis de remettre les gravatars, absents depuis la mise en place de mon nouveau thème ;-)


  2. Thomas
    6 septembre 2008

    Sortir un article de la sorte en début de week-end, c’est une incitation à travailler plus pour gagner pareil ? :) !

    Plus sérieusement, merci beaucoup, un peu comme tao, les gravatars manquaient à l’appel du nouveau thème, chose résolue.

    Excellent article !


  3. Maigret
    6 septembre 2008

    Très utile cette liste ! Il me manquait l’option du flux RSS, je m’en vais la rajouter illico-presto ;)


  4. Fabien
    6 septembre 2008

    Très bon article, merci ! ;)


  5. Thomas
    6 septembre 2008

    Attention par contre, sur beaucoup de morceaux de code à la fin il y a </code></code>

    Un bug à résoudre par l’auteur du post :) !


  6. Red@
    7 septembre 2008

    intéressante liste d’astuces … j’en tiendrai compte promis ;)


  7. [...] 10 Astuces WordPress pour vous simplifier la vie. Le Journal du Blog [...]


  8. [...] 10 astuces pour Wordpress franchement bien sympa [...]


  9. Thefrechmacker
    7 septembre 2008

    Pareil pour le flux à la fin des posts! très facile à mettre en place et à personnaliser, je prends!

    Thanks you!


  10. Aurelien
    8 septembre 2008

    @Thomas : oui WP fait de la résistance. Pixel les a enlevé, je les ai enlevé, et ils reviennent toujours oO…


  11. [...] 10 Astuces WordPress pour vous simplifier la vie via Le journal du blog [...]


  12. kReEsTaL
    8 septembre 2008

    Merci pour ce petit récapitulatif, je m’empresse d’appliquer le conseil sur “Ajoutez un “Abonnez-vous au Flux” à la fin de chaque article” :)


  13. [...] 10 Astuces WordPress pour vous simplifier la vie [...]


  14. frenchbigdog
    9 septembre 2008

    Encore un excellent article publié sur le JdB. Merci encore :)


  15. [...] 10 Astuces WordPress pour vous simplifier la vie : Le Journal du Blog [...]


  16. Julien
    1 octobre 2008

    Merci ;) J’ai rajouté le flux RSS a la fin de mes notes.

    Par contre, elle n’a pas un problème d’affichage cette page ?! Tout est écrit en ENORME !


  17. [...] et blogueurs : C’est quoi le Smart Pricing d’AdSense - SEO, Adsense et Référencement 10 astuces Wordpress pour se simplifier la vie - Journal du blog Plugin Central : Fini la corvée d’installation de plugins - Journal du [...]


  18. [...] et blogueurs : C’est quoi le Smart Pricing d’AdSense - SEO, Adsense et Référencement 10 astuces Wordpress pour se simplifier la vie - Journal du blog Plugin Central : Fini la corvée d’installation de plugins - Journal du [...]


Laisser un commentaire

Catégories

Brèves

Commentaires

A lire sur d'autres blogs

Catégories

Actualité Services Plugins Themes Ergonomie et Design Promotion Editorial Tutoriaux Interviews Référencement - SEO Widgets Icones Plateformes Wordpress Monétisation Ressources Blogger Over-Blog CanalBlog Dotclear Brèves Typepad


Tags

Sondage

Selon vous les thèmes Magazine

Résultats

Loading ... Loading ...

Archives

Lecteurs