Communauté
Rejoignez la communauté Geekeries sur Google+ › Découvrez mag.geekeries.fr
10 Astuces pour votre blog WordPress

10 Astuces pour votre blog WordPress

Publié par Valentin dans Blog
Modifié le 14 avril 2013 à 17:51.

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.

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;
}