Publicité

En savoir plus
10 Astuces pour votre blog WordPress

10 Astuces pour votre blog WordPress

Aujourd’hui je vous propose de découvrir quelques “hack wordpress“. Cette liste contient des bouts de codes vous permettant de personnalisé votre blog wordpress, mais également l’interface d’administration. Certes, il existe des milliers de sites contenant des bouts codes pour personnaliser votre blog, mais j’espère que ces bouts de codes seront nouveaux pour vous.

Tout d’abord, voici le sommaire. Nous allons voir comment augmenter le nombre de commentaires par page dans le panel administrions de votre blog, comment supprimer le formatage des guillemets dans les articles et les commentaires, comment afficher les derniers commentaires sans les pings et les trackbacks, afficher les tags html, utiliser l’option sticky, afficher un copyright dynamique.

Astuces WordPress

1

Tout d’abord, nous allons voir comment augmenter le nombre de commentaire listé dans le module de panel d’administration “Commentaire”. Par défaut WordPress affiche 20 commentaires par page, pour augmenter ce nombre, il vous suffit de coller ce code dans le fichier “functions.php” de votre thème entre les balise . 100 est le nombre de commentaire, à vous de choisir combien de commentaires vous voulez afficher sur chaque page.

$NBR_Commentaires = 100;
function commentaires_par_pages(){
	global $NBR_Commentaires;
	return $NBR_Commentaires;
}
add_filter("comments_per_page", "commentaires_par_pages");

2

WordPress formate par défaut les guillemets dans les articles et peut par exemple nuire a certains élément de votre article. Tels que des bouts de code ou autre. Pour garder les guillemets tels que vous les avez écrits, il vous suffit de coller ce code dans le fichier “functions.php” de votre thème.

remove_filter('the_content', 'wptexturize');

3

Toujours pour le formatage… Les guillemets sont également formaté dans les commentaires. Voici le code à coller dans “functions.php”.

remove_filter('comment_text', 'wptexturize');

4

Voici une fonction pour afficher les derniers commentaires de votre blog. Cette fonction affichera seulement les commentaires “humain”, les pings et trackbacks ne seront pas affichés. Une fois installée, il y aura l’auteur du commentaire avec un lien vers son blog et un court extrait de ce qu’il a écrit. Cette fonction est optimisée pour les moteurs de recherche. Vous pouvez choisir le nombre de commentaires et le nombre de caractères de chacun. Pour cela il vous suffit de coller ce code dans le fichier “functions.php”.

function commentaires_recents($src_count=20, $src_length=60, $pre_HTML='', $post_HTML='') { 

global $wpdb; 

$sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID, comment_post_ID, comment_author, comment_author_url, comment_date_gmt, comment_approved, comment_type, SUBSTRING(comment_content,1,$src_length) AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID) WHERE comment_approved = '1' AND comment_type = '' AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT $src_count";

$comments = $wpdb->get_results($sql);
$output = $pre_HTML;
$output .= "\n<ul class=\"sidebar_middle\">";
foreach ($comments as $comment) {
$output .= "\n\t<li class=\"lien_2\"><a href=\"" . $comment-> comment_author_url. "\"><strong>" . $comment->comment_author . "</strong></a> :  <a href=\"" . get_permalink($comment->ID) . "#comment-" . $comment->comment_ID  . "\" title=\"Commentaire dans l'article : " . $comment->post_title . "\">". strip_tags($comment->com_excerpt) . "</a></li>";
}
$output .= "\n</ul>";
$output .= $post_HTML;
echo $output;
}

Maintenant, il faut appeler la fonction, dans votre sidebar par exemple. Vous remarquer deux chiffres, le premier correspond aux nombres de commentaires et le deuxième au nombre de caractère.

<?php if (function_exists('commentaires_recents')) { commentaires_recents(10, 33, '', ''); } ?>

5

WordPress permet d’utiliser les tags html dans les commentaires. Pour les afficher rien de plus simple. Copier ce code dans votre page “comments.php” ou “single.php”; Pour que l’utilisateur puisent les utiliser. Vous pouvez également utiliser le plugin “Textarea Toolbar”.

<?php echo allowed_tags(); ?>

6

Voici une méthode simple et efficace d’afficher un copyright sur votre blog. Celui-ci affichera l’année dynamiquement/ Exemple : Copyright 2004-2009. Cependant, il vous faudra renseigner la première année, celle de la création de votre blog.

©2006-<?php echo date('Y'); ?> <?php bloginfo('name'); ?> | Tous droits réservés

7

Avec l’arrivé de WordPress 2.7, la fonction “Sticky” fait son apparition. Cette fonction permet de mettre en avant certains articles que vous aurez sélectionné. Pour rendre compatible votre thème WordPress il vous faut rajouter dans la boucle WordPress, sur la div qui contient les articles, ce code:

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

Ensuite, dans votre feuille se style, il vous suffit d’ajouter la balise “Sticky” afin de personnaliser sont affichage.

.sticky {
    background: #EFEFEF;
}

8

Toujours pour la fonction “Sticky”. Si vous voulez afficher un message et non personnaliser l’apparence de votre article, coller ce code dans la boucle WordPress. Via Nathan

<?php if (is_sticky()) echo 'Cet article est important !'; ?>

9

Ce simple code html et css vous permet d’afficher un indicateur de version d’un plugin, d’un thème ou autres éléments, c’est vous qui décider ! Nous allons utiliser l’attribut “rel” pour permettre l’affichage d’une icône. “WP27″ et le nom de la balise html que nous allons utiliser plus tard – “after” est la position de l’image (after, before…).

a[rel="wp27"]:after {
content:url(images/wp27-up.png);
margin: 0 1px 0 2px;
}

Exemple de code html pour que l’icône s’affiche :

<a rel="wp27" href="http://www.geekeries.fr" title="Geekeries">Liens</a>

10

Ce code CSS vous permet simplement d’attribuer un style graphique à vos catégories (si vous les affichés) lorsque vous vous y trouvez . Exemple : Si je suis dans la catégorie “Développement Web”, le texte dans votre sidebar ou autre sera en gras ou autre.

.current-cat {
color:#000000;
font-weight:bold;
}

Ajouter un commentaire

15 commentaires !

  1. Jean-Baptiste says:

    fév 22, 2009

    Répondre

    J’ai pas trop compris le “sticky”. Comment fait-on pour attribuer le tag “sticky” à un article quand on le rédige ?

  2. Jean-Baptiste says:

    fév 22, 2009

    Répondre

    Merci ! Mais il se placerait en haut de la page tout le temps ?

    • Valentin says:

      fév 22, 2009

      Répondre

      Oui, sinon tu peut personnaliser l’affichage de certain article grâce a l’identifiant de l’article. Par exemple, cet article donne “div class=”articles” id=”post-2178″>”. Tu peut donc facilement personnaliser l’affichage ;)

  3. Jean-Baptiste says:

    fév 22, 2009

    Répondre

    Par contre j’ai une autre question : sur on blog j’aimerais créer une petite série d’articles pour relayer une infos ou autre, et j’aimerais que les billets de cette série soient mis en valeur.

    Donc pour la solution de la mise en valeur, je mets tous ces billets dans une seule catégorie, mais je ne sais pas le code de condition à ajouter ensuite pour mettre une class seulement sur les articles de cette catégorie.

    Est-ce que tu aurais ce bout de code stp ? (et merci pour ta patience :-))

    • Valentin says:

      fév 22, 2009

      Répondre

      Si c’est facile. En faite il te faut attribué “post_class” dans la div de tes articles… comme pour l’option “sticky”. < ?php post_class(); ?>

      Ensuite, créer une classe CSS du genre : “category-topnews”. Top News est le nom de la catégorie de ton article. Regarde bien le code source de ta page.

  4. [...] Valentin de Geekeries.fr  rejoint Jean-Baptiste sur la foulée et donne une dizaine de Hack sur Wordpress. [...]

  5. Deps says:

    fév 22, 2009

    Répondre

    Sympa ces petites astuces !
    Je n’en connaissais pas la moitié dont le nouveau Stciky.

  6. Rémi says:

    fév 22, 2009

    Répondre

    Merci pour ces astuces plutot sympa et la presentation de la fonction sticky que je vais de ce pas aller tester. :)

  7. [...] – Les thèmes WordPress en français du blogger masqué. – 20 thèmes compatibles WordPress 2.7 – 10 astuces pour optimiser le code de votre blog [...]

  8. André says:

    mar 1, 2009

    Répondre

    Intéressant ces astuces

  9. Norris says:

    déc 19, 2009

    Répondre

    Ahh excellent la fonction pour afficher le nombre désiré de commentaires dans l’admin ;)
    Je me suis levé ce matin avec un petit millier de spams, et je commençais à désèspérer de ne les supprimer que par vingtaines :lol:

    Merci pour les astuces !

  10. José says:

    mar 16, 2010

    Répondre

    A quel endroit exact du fichier functions.php faut-il mettre les codes pour les guillemets?

  11. Wilfried from Rencontre gay says:

    fév 12, 2011

    Répondre

    merci pour ces 10 astuces simples mais indispensables :)

  12. pas mal tous ces bouts de code bien pratiques ;-)

Qu'est-ce que vous en pensez ? :)

Nom obligatoire

Site

♥ Ici, on utilise KeywordLuv. Entrez YourName@YourKeywords dans le formulaire "Nom" pour bénéficier des avantages SEO d'un mot-clef ciblé. Devenez membre et connectez-vous pour partager des fichiers via les commentaires !

Votre Newsletter WordPress !