Si vous lisez ce blog, vous savez que j’aime bien l’idée d’utiliser des polices personnalisées sur un site ou un blog. Je trouve un peu triste le fait de devoir utiliser les polices standards pour être sûr que le site s’affiche correctement.

Sous WordPress, un plugin existe, super bien fait, qui permet de remplacer les titres des articles par une police TrueType Font (celle que vous voulez!). Il s’agit de ttftitles. Ce plugin transforme les titres en une image .gif ou .png. Je détaille ici un peu la démarche, pour vous inciter à l’utiliser : moi je viens de l’adopter pour mes deux blogs !

Choix d’une police

La première chose à faire, c’est de choisir une police adaptée à la charte de son site/blog. Le meilleur moyen est d’aller fouiner sur l’excellent Dafont.com. C’est une mine d’or, et les polices sont en téléchargement libre. Je vous recommande – vous francophones – de taper un texte dans la case prévue à cet effet en utilisant des accents et des apostrophes pour écarter les polices n’affichant pas ces symboles.

Installation de TTF Titles

C’est très simple :

• Téléchargez le plugin TTFtitles
• Dézippez-le dans votre dossier « wp-content/plugins/ »
• Activez-le dans l’interface d’administration de WordPress

Utilisation

Le plugin est extrêmement bien fait : rien ne manque, mais il n’y a que l’utile et l’indispensable. Les réglages du plugin se trouvent dans le menu « Apparence > TTF Titles ». Il y a 4 sous menus :

• Styles : c’est là que l’on définit des styles, en associant un nom, une police et des réglages de couleurs, bordures, etc…
• Fonts : permet d’uploader directement les fichiers .TTF. Pratique !
• Cache : gestion du cache du plugin. Je n’ai rien modifié là-dedans…
• Usage : explique comment utiliser le plugin. Je reviens dessus juste après…

Pour modifier les titres de vos articles, il faudra modifier les fichiers index.php et single.php. Trouvez le code correspondant au titre de l’article et remplacer le par :

Pour remplacer un texte quelconque n’importe où sur votre blog, il faut utiliser la fonction ttftext de la manière suivante :

Les options disponibles sont expliquées en détail dans l’onglet « Usage ».

Le résultat est observable sur ce blog, et sur mon blog politique Expression Libre.

© 2008 BLOmiG

Personnalisez les polices de votre blog sous WordPress : TTF titles

Snazzy Archives

Je cherchais depuis un certain temps un plugin permettant de présenter ses archives sous une forme originale, et j’aimais bien l’allure des archives que l’on peut trouver sous Tumblr, par exemple. C’est exactement ce que fait Snazzy Archives. C’est un plugin complet, bien fait, avec beaucoup de paramétrages possibles dans l’interface d’admin. Le résultat peut être vu sur mon blog politique : archives d’Expression Libre.

Live Blogroll

Je cherchais aussi un plugin permettant d’afficher, plutôt qu’une bête blogroll, la liste des derniers articles publiés par les blogs de cette liste. Un peu à l’instar de ce qui se voit sous Blogger, par exemple. Live Blogroll permet d’afficher, lors du survol d’un lien de la blogroll, en ajax, les dernières entrées du blog en question. Pour l’instant, je le trouve assez lent, mais je n’ai pas encore vraiment essayé d’arranger les choses. A tester, donc !

SimpleModal contact form

J’utilisais pour mon formulaire de contact le très beau mais très lourd CformsII. Trop complet pour moi, qui ne veut qu’un simple formulaire pour que les gens puissent m’envoyer un mail. SimpleModal Contact Form fait exactement cela. Léger, beau, paramétrable juste ce qu’il faut.

Je suis un blogueur comblé : Merci Noupe !

© 2008 BLOmiG

Petite fournée de plugins : Blogroll, Contact form et Archives

Plugins de vote pour les commentaires

• GD star rating : plugin très complet, et très bien intégré à l’interface d’admin de WordPress. Il ajoute des fonctionnalités de vote par un système d’étoiles à vos billets, vos pages et/ou vos commentaires. Mais, à ma connaissance, il ne fait pas le cumul des votes. Dommage !
• Comment Karma: ajoute une petite main pouce vers le haut et une petite main pouce vers le bas pour voter sur chaque commentaire. Il ne permet pas de sortir le cumul par commentateur.
• Comments vote: le clône du précédent. Ne fait pas le cumul.
• Top comments: il me semble que celui-ci ne marche pas très bien.
• Disqus: là, on change de catégorie. Ce plugin (avec inscription à Disqus) exporte la gestion des commentaires vers le site Disqus, et le module ajoute des fonctionnalités de vote, de threading, de cumul des points, et l’accès à des widgets de commentaires. Son seul défaut : il ne garde pas les commentaires sur votre blog, et votre base de données n’est plus chez vous…Dommage ! Pas du tout ! En fait, il est aussi performant que Intense Debate, avec moins de soucis de login, en ce qui me concerne. Adopté !
• Intense debate: le même que celui du dessus (Disqus) mais sans le défaut : il synchronise vos commentaires entre le site de Intense Debate et votre blog, de telle sorte que la base de données des commentaires soit dupliquée et toujours synchronisée. Le résultat est très beau, les widgets bien pensés, le système de vote et de cumul également. Rien à dire…sauf : pas de traduction en français possible (on n’a pas accès aux fichiers), et il semble qu’il y ait un petit souci pour se connecter à Intense Debate depuis mon blog. Je vous tiens au courant, bien sûr. Mais je crois que je vais le laisser en place, car il donne vraiment un beau résultat…!

Connaissez-vous d’autres plugins permettant d’obtenir ces fonctionnalités ?

© 2008 BLOmiG

Plugins de vote pour les commentaires WordPress

Je vous avais déjà parlé du plugin d’archives Extended Live Archives (ELA). C’est à mon avis le meilleur plugin d’archives pour WordPress, de loin.

Le problème, c’est qu’en passant à WordPress 2.6, ce plugin ne fonctionnait plus. Plus de page d’archives, plus accès au panneau d’options du plugin. La zone, quoi !

Solution de secours : vive les rustines !

Et finallement, j’ai trouvé mon bonheur…!

• Sur le blog Tinyau, un correctif des fichiers principaux d’ELA, et qui permet d’adapter le plugin à la nouvelle structure de fichiers de WordPress (depuis la 2.3).
• et sur le blog de Jason Hansen (The Glitch), un correctif d’un des fichiers qui permet de récupérer l’accès à l’interface d’options du plugin (qui semble nécessaire pour pouvoir le réinitialiser…).

Quand je dis « rustines », ce n’est bien sûr pas du travail de ces gars-là dont je parle…c’est de la manière dont j’ai résolu le problème : je n’y connais rien, aussi j’ai installé ces fichiers correctifs, dans cet ordre là (Tinyau, puis Glitch), et que je suis bien infoutu de comprendre ce que ça a modifié. Mais ça marche ! Youpi. Le résultat est visible sur la page d’archives de mon blog politique Expression Libre.

© 2008 BLOmiG

Utiliser le plugin « Extended Live Archives » avec WordPress 2.6

Ca y est ! J’ai enfin passé ce blog en WordPress 2.5, puis dans la foulée en 2.6. Ca fait du bien : pas mal de fonctionnalité en plus tout de même dans l’interface d’admin. Comme j’ai fait ça beaucoup plus facilement que je ne l’imaginais, je vous dis comment j’ai procédé : si jamais quelqu’un est aussi nul que moi, ça lui servira !

Upgrade WordPress en 5 étapes

La première chose à faire, c’est d’aller lire l’article de Fran6 : tout y est. Je ne fais que donner quelques petites astuces ici pour mettre en oeuvre concrètement ses conseils.

Voici donc les étapes à suivre :

1. sauvegarder toutes les bases de données, et les fichiers de son blog : le mieux c’est d’avoir le plugin WP-db-backup. En deux clics, il vous permet de sauver toutes vos bases de données (articles, commentaires, bases de données utilisées par les plugins). Facile ! Pour sauver les fichiers de votre blog que vous auriez modifié (feuille de style, etc…), le plus simple est d’utiliser un client FTP (par exemple, FileZilla)
2. Désactivez tous les plugins, certains pourraient gêner l’installation de la nouvelle version de WordPress
3. Installez les nouveaux fichiers WordPress, sauf les dossiers « plugins », « themes », et ceux où vous auriez placé des images pour personnaliser le thème ou illlustrer vos articles. Une manière bien sympathique de faire cette étape sans aucun problème, c’est d’installer le super plugin WordPress Instant Upgrade (trouvé grâce à Lise). C’est une pure merveille, et je sais que maintenant je tournerais toujours avec les dernières versions de WordPress ! Il vous évite d’avoir à télécharger quoi que ce soit, et ne copie que les nouveaux fichiers permettant l’upgrade de WordPress, sans écraser vos fichiers de plugins, et de thèmes ! MAGIQUE ! Je l’ai utilisé sans aucun problème pour upgrader mes deux blogs. Il suffit de l’installer, de l’activer, et de suivre les instructions dans le menu « Options > Instant-Upgrade »…
4. Si vous avez recopié « à la main » les nouveaux fichiers WordPress, lancez le script de mise à jour :

   http://www.example.com/wp-admin/upgrade.php

   Ou, dans le cas où vous avez utilisé WP-Instant-Upgrade, passez au point suivant !

5. Réactivez les plugins

C’est tout !

© 2008 BLOmiG

Tutoriel mise à jour WordPress en douceur

Pour le voir en fonctionnement, vous pouvez aller sur mon blog politique Expression Libre, par exemple. Edit du 24/07/2008 : ou dans la barre de menu de ce blog, cliquez sur Sphère !

Je l’ai découvert chez In Mulot Veritas, qui a gentiment répondu à mes questions, et m’a surtout donné l’adresse de la discussion du forum FR WordPress où je pouvais trouver l’info qui me manquait. L’info qui me manquait, c’était l’endroit où il fallait aller pour changer le nombre de tags utilisés par défaut. C’est Dric qui donne l’info :

Il faut éditer wp-cumulus.php, ligne 56, et remplacer

wp_tag_cloud('');

Par :

wp_tag_cloud('number=100');

Pour afficher les 100 premiers tags.

Excellent ! Je vous laisse l’essayer, moi je cours m’amuser avec les paramétrages !

© 2008 BLOmiG

Le nuage de tags qui déchire tout !

Ca faisait longtemps que je ne vous avais pas communiqué une liste de plugins. Voilà mes 8 plugins de commentaires préférés, tous compatibles avec WP 2.5, bien sûr.

Ajax comments

Un plugin indispensable pour que l’utilisateur ne connaisse pas de « blanc » pendant la phase de postage de son commentaire : quand il clique sur « poster », au lieu de voir une page se recharger, il voit une icône de chargement et son commentaire s’ajoute à la suite des autres avec un effet très fluide. Agréable, convivial et sécurisant.
J’utilise pour ma part une vieille version du plugin Ajax Comments de Mike Smullin, désormais payant. Je ne l’ai pas trouvée sur le oueb (contactez moi si vous voulez le fichier, ou essayez là).

Je pense qu’il en existe plein d’autres (par exemple, Ajax commenting revisited)

Askimet

Vous connaissez forcément Askimet, si vous utilisez WordPress. Sinon, allez de toute urgence l’installer : il fonctionne très bien, il fait bien son boulot, et il est gratuit.

Aller sur le site d’Askimet

Comment Highlighter

C’est mon dernier joujou : je l’adore ! Ce plugin – avec une interface très simple dans le panneau d’administration – permet d’ajouter des classes CSS facilement à certains commentaires. Par exemple, j’ai crée une classe pour les « trolls », une classe pour les membres de mon réseau de blogs « LHC », une classe pour les membres des Kiwis  » « , une classe pour les commentaires impairs et pairs, etc…Vous pouvez voir un exemple sur ce billet.
Les possibilités sont infinies ! J’ai piqué l’idée à Laurent Gloaguen (Embruns), qui a des commentaires customisés comme ça, avec un super design pour les « commentaires qui tuent » (drapeau pirate, la classe).

Aller sur la page du plugin Comment Highlighter

Comment Info Tip

Petit plugin sympa qui affiche, lors du survol du nom d’un commentateur, les derniers billets sur lesquels il a commenté, ainsi qu’un lien vers son dernier billet (s’il possède un blog). Sympa, et pas coûteux en temps de chargement (il ne charge le contenu seulement lors du survol, et pas au chargement de la page).

Aller sur la page du plugin Comment Info Tip

Easy Gravatar

Facile à installer, pratique et sans impact sur la mise en page de votre section commentaire : ce plugin ajoute une image Gravatar aux commentaires, sans aucun effort à faire de votre part.

Aller sur la page du plugin

Markdown

Markdown, c’est un plugin qui permet à vos commentateurs (et à vous aussi, au passage) d’utiliser une syntaxe simplifiée pour ajouter des listes, du gras, de l’italique à leurs commentaires. J’en ai déjà parlé longuement ici, et la syntaxe de base est décrite ici, alors je ne recommence pas…

Aller sur la page du plugin Markdown

No Follow Free

Une manière simple d’inciter les gens à commenter sur votre blog : retirer l’attribut no-follow que WordPress ajoute automatiquement aux liens mis dans les commentaires (y compris aux liens pointant vers les URL des commentateurs). Ainsi, les commentateurs se verront rétribuer d’un lien. Vu que les plugins anti-spams font bien leur boulot, ça ne coûte rien.

Aller sur la page du plugin No Follow Free

Subscribe to comments

C’est LE plugin WordPress dont on a franchement du mal à comprendre qu’il ne fasse pas partie de la distribution WP par défaut. Passons. Ce plugin permet à vos commentateurs de s’abonner par mail aux discussions qui prennent place dans la section de commentaires de vos billets : indispensable pour que les discussions puissent prendre. Comment une discussion pourrait-elle avoir lieu si les gens ne sont pas prévenu des réponses à leurs commentaires…?

Aller sur la page du plugin Subscribe to comments

Note : le plugin ne propose plus désormais l’option permettant de choisir si la case d’abonnement aux commentaires est cochée par défaut ou non. Moi, j’aime qu’elle soit cochée par défaut. Grâce à Jacques Vannet, je sais comment faire !

<input type="checkbox" name="subscribe" id="subscribe" 
value="subscribe" style="width: auto;" 
<?php if ( $checked_status ) echo 'checked="checked" '; ?>/>

<input type="checkbox" name="subscribe" id="subscribe" 
value="subscribe" style="width: auto;" checked="checked" />

WP-grins

Vous savez ce qu’est un smiley ? On dit aussi Emoticon. Ce plugin rajoute une petite frise de smileys cliquables au formulaire de commentaires de votre blog, permettant ainsi à vos lecteurs de personnaliser et de rendre plus vivants leurs commentaires. Indispensable !

Aller sur la page du plugin WP-grins

Et vous ?

Et vous ? Avez-vous découvert – récemment ou pas – des plugins pour les commentaires qui ne figurent pas dans cette liste ? N’hésitez pas à nous en faire profiter en commentaire !

© 2008 BLOmiG

8 Plugins WordPress indispensables pour les commentaires

Ajouter un lien en bas de votre flux

Le meilleur moyen de ne pas se faire piquer ses articles sans le savoir, est soit de couper son flux (mais je suis contre), soit d’insérer un lien direct vers votre article en bas du flux. Si un site récupère votre flux sans vous le dire, vous êtes tout de même assuré que les lecteurs de ce site verront un lien vers le billet original. Le plugin qui fait ça s’appelle RSS Footer, et je l’ai trouvé grâce à Daily Blog Tips.

Modifier l’apparence de votre flux

Vous utilisez une mise en page personnalisée sur votre blog. Et vous ne voulez pas que cette mise en page soit ignorée par l’aggrégateur de vos lecteurs ? Il existe une solution, relativement simple, qui consiste à « embarquer » quelques lignes de CSS dans votre flux. Très utile, et très facile à installer utiliser. Le plugin s’appelle Feed Styler, et je l’ai trouvé dans la liste de Speckyboy, grâce à Fran6

Bon boulot !

© 2008 BLOmiG

Deux plugins pour vos flux : RSS Footer et FeedStyler

Jusqu’ici, j’utilisais le super plugin SRG Clean Archives pour afficher mes archives. Son seul défaut : au bout de plus de 2 ans de blog, la page d’archives devient longue, très longue, et perd donc son utilité…Qui va aller scroller 20 pages plus bas pour voir les vieux articles plein de poussières ?

La solution : l’excellent plugin Extended Live Archives. Il affiche vos archives à l’aide d’une arborescence par date ou par catégorie, et permet un paramétrage presque total ! Du bonheur. Pour mon blog politique Expression Libre, je l’ai adopté tout de suite !

Installation

• Télécharger le plugin Extended Live Archives
• Décompressez le zip dans votre dossier http://www.votreblog.com/wp-content/plugins/
• Activez le plugin dans votre interface d’administration WordPress

C’est tout…presque.

Utilisation

Il reste à créer une page « archives », et à y insérer le code suivant :

<?php af_ela_super_archive(); ?>

Pour que ça fonctionne, il faut que le code php introduit dans l’article soit interprété, ce qui nécessite d’installer un petit plugin (Exec-PHP).

Pour voir le résultat, vous pouvez cliquez sur l’image ci-dessous, ou mieux (pour voir le plugin en action) aller sur la page « Archives » de mon blog politique.

J’espère que ce plugin vous aidera : je le trouve, pour ma part, extrêmement bien foutu et utile !

© 2008 BLOmiG

Extended Live Archive : plugin WordPress pour afficher des archives utilisables

Le plugin CG-FlashTitles permet à votre blog d’utiliser la technologie SiFR. Je cite Fran6, qui a bien résumé la chose :

Alors kezako que le SiFR ? En fait, c’est une technologie, basé sur Flash qui va remplacer les parties de texte que vous souhaitez par des sortes d’images générées en Flash. L’avantage du système est de pouvoir intégrer dans vos titres par exemple, des polices non standards. C’est un peu une porte ouverte à la créativité.

J’ai testé pour vous, et adopté ce plugin très très bien fait. Vous pouvez le voir en action sur mon blog politique « Expression Libre » (les titres des articles utilisent SiFR). Super, non ?

Installation

• Téléchargez le plugin CG-FlashTitles
• Dézippez l’archive dans votre répertoire « ../wp-content/plugins/ »
• Copiez (pas déplacez, hein!) le sous-dossier « ../wp-content/plugins/CG-Flashytitles/Sifr/ » dans « ../wp-content/plugins/ »
• Activez le plugin dans votre interface d’administration WordPress

Voilà ! il ne vous reste plus qu’à installer d’autres polices si vous le voulez. Un archive impressionnante se trouve sur Isarie.com (pompée de Dafont.com ?).

Utilisation

• Le plugin a rajouté un onglet FlashyTitles dans votre interface : tout se fait là !
• Vous définisser la balise CSS qui doit être remplacé par un titre en SiFR (« CSS selector »)
• Vous choisissez une des polices installée
• Attention : les polices doivent être installées à la fois dans le dossier SiFR de l’installation du plugin (« ../wp-content/plugins/CG-Flashytitles/Sifr/ ») ET dans le dossier recopié « ../wp-content/plugins/sifr/ »

Vue de l’interface d’administration du plugin :

C’est tout ! Qu’en pensez-vous ? Personnellement, je trouve le résultat excellent, et c’est vraiment une manière souple de rendre son blog unique : avec une police spécifique, votre blog prendra tout de suite un caractère particulier, relié à la police que vous choisissez…! Super plugin, donc !

Seul petit bémol : les polices dans l’archive ne comportent pas d’accents…un peu pénible pour un français, mais bon, on ne va faire les difficiles.

C’est grâce à l’article de Fran6 que j’ai découvert ce SiFR, et donc le plugin…merci Fran6 !

Edit : Un concurrent de taille vient d’arriver, basé sur SiFR aussi : Fontburner ! Merci Daria, pour la découverte ! Il présente l’avantage d’être plus simple à utiliser (en gros juste un bout de code à copier-coller, et l’inconvénient de ne pas être installé en local. Par ailleurs, l’auteur précise qu’il prépare un plugin Wordpress, et un thème spécialement conçu pour utiliser FontBurner. A Suivre !

© 2008 BLOmiG

CG-FlashyTitles : personnaliser la typographie de votre blog WordPress !