Pour ce premier podcast dédié à la monétisation sous WordPress, vous apprendrez comment créer un comparateur de prix via la plateforme publicitaire Adfever. Cette régie publicitaire propose de nombreuses méthodes pour s’enrichir un tant soi peu avec votre blog mais c’est le comparateur de prix qui a retenu mon attention.

Ce dernier présente l’avantage de s’intégrer parfaitement sur votre site sans qu’aucune publicité ne s’insèrent parmi les produits comparés. A chaque achat effectué au travers de votre comparateur, Adfever vous reversera une commission. N’espérez pas gagner des milliers d’euro avec cette solution, mais ce plugin – encore en version bêta, est vraiment bien conçu et mérite que l’on s’y intéresse au moyen de ce podcast vidéo.

Le plugin Adfever se présente donc comme une solution intéressante pour monétiser son blog sans pour autant être intrusif d’un point de vue publicitaire (aucun lien vers la régie n’est insérée) et en proposant un service à vos visiteurs. Reste à savoir si votre site s’y prête ou non. Et vous, chers lecteurs, avez-vous déjà adoptée une telle solution ?

Connectez-vous à votre administration WordPress et cliquez sur Éditeur, onglet Apparence.

Ouvrez le fichier où vous souhaitez afficher votre blogoliste, généralement, sidebar.php. Puis ajoutez tout simplement ce bout de code à l’emplacement souhaité :

<?php wp_list_bookmarks('title_li='); ?>

Ce code va afficher votre liste de liens avec le titre Blogoliste dans une balise de titre de second niveau : h2.

Sachez également qu’il existe un grand nombre de paramètres applicables à cette requête PHP dont les plus utiles sont :

• categorize : affiche vos liens par catégories, valeur par défaut 1 ;
• exclude_category : indiquer l’ID d’une catégorie pour l’exclure. Séparer les différents ID par des virgules ;
• category_orderby : classe vos liens par name (par nom), id (par ID), count (le nombre) ;
• exclude : même chose que exclude_category mais pour un/des lien(s) spécifique(s) ;
• orderby : même chose que category_orderby mais pour un/des lien(s) qui prend davantage de variables en compte telles, name (par nom), url (par URL), updated (dernière mise à jour du/des lien(s), rand (ordre aléatoire)… ;
• show_images : affiche l’image associée au lien (valeur 1 pour appliquer) ;
• show_description : affiche la description du lien (valeur 1 pour appliquer) ;
• show_rating : affiche la note du lien (valeur 1 pour appliquer) ;

Pour appliquer un paramètre, c’est très simple : ajoutez &nom_du_paramètre puis =valeur_du_paramètre à l’intérieur des parenthèses entre les apostrophes comme l’illustre cet exemple:

<?php wp_list_bookmarks('title_li=&show_images=1'); ?>

Ici, nous avons décidé d’afficher les images associées à nos liens.

Pour en savoir plus sur les paramètres de la requête wp_list_bookmarks, consultez l’article du codex WordPress (en anglais).

Grâce à ce tutoriel, vous pouvez désormais entièrement personnaliser votre blogoliste dans ses moindres détails sans être obligé de passer par un widget, et par extension, une emplacement widgétisé de votre blog.

WordPress propose en natif toute une série de smilies automatiquement générés lors de la saisie du raccourci auxquels ils renvoient. Par exemple, en saisissant « » WordPress convertira le texte en image lors de la publication d’un article pour obtenir un smiley de ce genre . Voici donc une astuce toute simple qui vous permettra de remplacer les smileys par défaut par ceux de votre choix ce qui ne manquera pas de donner un caractère plus personnel à votre site ou blog.

N.B : cet article fut à l’origine publié sur Protuts.net le 15 juillet 2008. Dans un souci de redéfinition de notre ligne éditoriale, tous les articles WordPress sont désormais déplacés sur WordPress Channel avec le podcast correspondant.

Procedure d’installation / remplacement

A l’aide de votre client FTP favori, ouvrez le répertoire suivant : /wp-includes/images/smilies/

C’est ici que sont stockés les smilies par défaut. Il ne nous reste plus qu’à les remplacer par ceux de votre choix. Avant toute chose, effectuez une sauvegarde complète du dossier sur votre PC au cas pour éviter tout désagrément imprévu.

2 solutions s’offrent désormais à vous :

• Soit vous créer les émoticones un par un à la main ;
• Soit vous les téléchargez sur Internet ;

Packs d’emoticones

Estimant que la seconde solution l’emporterait sur la première, j’ai donc pris la peine de concocter une liste de sites proposant des smilies à télécharger :

• PNGs Smilies for WordPress (anglais) : cliquez sur le bouton Download now puis dézippez l’archive. Pour info, ce sont ceux utilisés actuellement sur le blog. Nécessite toutefois que vous les convertissiez en GIF ;
• Emoticons Pack for WordPress (anglais) : très bonne liste, le lien de téléchargement se trouvant en dessous de la liste de smilies. Aucune conversion requise ;
• Pack Emoticones Post-It (français) : proposé sur le blog de Niss.fr, ils ont la particularité de ressembler à des post-it ;
• Skype Smilies with WordPress : liste très complète bien qu’il soit nécessaire de renommer les fichiers pour correspondre à la dénomination de WordPress. Pour les télécharger, enregistrer la cible via le menu contextuel car il s’agit d’une archive RAR ;
• WordPress Yahoo/MSN Messenger Style Smileys Plugin (anglais) : série d’émoticones regroupant ceux de Yahoo! et MSN Messenger. Bien qu’il soit, là aussi, possible de renommer les fichiers pour correspondre à ceux de WordPress, vous avez également la possibilité d’installer le plugin du site. Pour le téléchargement direct, repérez le point 1 de la section Instructions ;

Utiliser des plugins

De nombreux plugins WordPress permettent de gérer des collections de smilies sans avoir à se préoccuper de quoi que ce soit. Ils proposent, en outre, d’afficher une liste d’accès rapide dans l’éditeur d’articles ou dans le module de commentaire, bien plus pratique pour les visiteurs ne connaissant pas la syntaxe à utiliser.

Parmi eux, on notera :

• Custom Smilies : le poids lourd du genre, un must bien entendu ;
• WP Grins : une bonne alternative au précédent bien que moins complet ;
• Smilies Themer : tout aussi bon que les précédent ;

Maintenant que vous savez comment personnaliser les smilies à votre guise sur votre blog, n’hésitez pas à partager votre packs d’émoticones !

Pour ce faire, nous utiliserons le logiciel Poedit. Son principe est fort simple :

• D’un côté les fichiers PO qui contiennent les catalogues permettant la traduction ;
• De l’autre les fichiers MO qui afficheront les données finales dans le navigateur Internet ;

La plupart des thèmes et plugins WordPress proposent en natif des fichiers de traduction dans la langue de Shakespeare et de plus en plus dans d’autres langues – notamment grâce aux contributions d’utilisateurs fans. Bien souvent, ces fichiers sont présents dans le dossier racine ou dans un sous-dossier languages.

Une fois localisés, ouvrez le fichier PO anglais – généralement intitulé en_US.po, et ne tenez pas compte du fichier MO.

Il ne vous reste plus qu’à traduire chaque élément dans votre langue puis d’enregistrer le fichier en respectant la dénomination de langue – par exemple, fr_FR.po. En réalité, il suffit de respecter l’intitulé de la version originale.

Remarquez la création automatique d’un fichier fr_FR.mo en complément du catalogue qui porte l’extension PO.

Téléversez ensuite les fichiers au même endroit que les versions de base puis constatez le résultat en vous connectant à votre administration WordPress ou directement sur votre blog – dans le cas où le contenu traduit est directement visible par vos visiteurs.

Au final, c’est un réel confort de navigation offert à vos visiteurs y compris à ceux qui se débrouillent bien avec l’anglais ou toutes autres langues.

Voici le bout de code à insérer dans votre fichier .htaccess présent à la racine de votre serveur FTP. N’oubliez pas d’afficher les fichiers cachés pour télécharger puis éditez ce dernier :

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

Ce bout de code a été trouvé sur l’excellent CatsWhoCode, un site tenu par Jean-Baptiste Jung que je suis depuis mes débuts sous WordPress et que je vous invite à lire (en anglais).

Ce premier podcast fait parti de la série Optimiser WordPress. D’autres didacticiels de ce genre suivront pour booster un maximum votre blog !

La première raison à ce renouvellement de thème est de donner un nouveau souffle visuel au projet WordPress Channel.

Étant donné qu’il s’agit d’un thème payant, celui-ci est bourré de fonctionnalités très intéressantes mettant notamment l’accent sur la typographie (module cufon intégré pour obtenir des polices personnalisées) et les images (là encore, des options spécifiques permettent de gérer très facilement les miniatures).

La seconde raison est purement d’ordre visuel : un fond noir ne convient pas à beaucoup de monde et certains bugs d’affichage entre les navigateurs ont été remarqués.

La troisième raison – sans doute la plus importante, est que ce relooking n’est pas sans annoncé de profonds bouleversements pour un avenir à plus ou moins court terme. Je ne vais pas vous en dire plus mais des idées ambitieuses sont en train de germer de notre Labs (nous aussi on a notre labo comme Google…) et j’espère par avance que cela vous aidera à aller toujours plus loin dans votre activité de blogging avec WordPress.

En attendant, abonnez-vous pour vous tenir au courant et n’hésitez pas à émettre un avis positif – ou négatif, sur ce nouveau design !

Ces 2 vidéos d’initiation vous apprendront le fonctionnement de :

1. Firebug qui offre l’immense avantage de pouvoir modifier en temps réel votre site / blog (des connaissances minimales en HTML / CSS ainsi qu’en anglais sont recommandées) ;
2. YSlow, un plugin pour Firebug, développé par Yahoo! et qui vous en apprendra plus sur le temps de chargement de vos pages, les différentes requêtes exécutées, le poids des éléments, etc.

Au terme de ces 2 didacticiels, Firebug ne devrait plus avoir de secrets pour vous.

Et comme je vous l’indique en fin de vidéo, si vous souhaitez en apprendre plus sur la création de thèmes pour WordPress et quelles sont les meilleures techniques de codage, alors n’hésites pas à me le faire savoir via les commentaires, le formulaire de contact ou le groupe Facebook.

Ces clés secrètes auront pour effet de crypter les cookies utilisateur  et de renforcer ainsi le niveau de sécurité de votre mot de passe.

Voici la définition officielle fournie par le codex WordPress :

In simple terms, a secret key is a password with elements that make it harder to generate enough options to break through your security barriers. A password like « password » or « test » is simple and easily broken. A random, unpredictable password such as « 88a7da62429ba6ad3cb3c76a09641fc » takes years to come up with the right combination.

En français :

En termes simples, une clé secrète est un mot de passe avec des éléments qui le rendent plus dur pour traverser vos barrières de sécurité. Un mot de passe comme « mot de passe » ou le « essai » est simple et facile à casser. Un combinaison imprévisible tel « 88a7da62429ba6ad3cb3c76a09641fc » que prend plusieurs années pour le cracker.

Ces fameuses clés secrètes peuvent générées aléatoirement à partir de cette URL : http://api.wordpress.org/secret-key/1.1/

Il n’est absolument pas nécessaire de les retenir. Copiez-les simplement dans le fichier wp-config.php présent à la racine de votre serveur FTP – par défaut, en recherchant les lignes de code suivante :

Vous l’aurez compris, il s’agit là d’un point crucial en termes de sécurité lequel est malheureusement très peu connu des blogueurs sous WordPress.

Pour mettre en œuvre ce tutoriel, nous utiliserons le plugin Facebook Connect de Adam Hupp et le bout de code suivant à insérer dans le fichier comments.php :

<?php do_action('fbc_display_login_button') ?>

A titre d’exemple, vous pouvez laisser des commentaires sur WordPress Channel via Facebook.