Le site WooConcept utilise un rendu de polices spéciales pour les titres notamment. Ceci est rendu possible grâce à FLIR.

FLIR pour WordPress est un plugin qui génère automatiquement la représentation en image d'un texte dans une police non standard pour un affichage web. Sans ceci, les visiteurs ne sont pas capables de voir les polices spéciales.

Le plugin est SEO friendly et ne fonctionne que dans les navigateurs où le JavaScript est activé. Autant dire qu'à l'heure actuelle tout le monde utilise un navigateur supportant le JS, cependant certaines personnes le désactivent.

L'avantage du plugin est que le code HTML/XHTML des pages reste inchangé, les entêtes sont toujours valables pour les moteurs de recherche tandis que le texte est lisible grâce à l'intervention du JavaScript.

En effet, tout élément contenant du texte peut être remplacé. Ca va des <h1>, <h2> au simple <span>. Vous pouvez en voir l'exemple ici en regardant les titres de plus près. Vous verrez qu'il ne s'agit plus de textes mais d'images.

Pré-requis

Il faut impérativement que la librairie GD soit disponible. Par ailleurs PHP5 est préférable dans la mesure où l'auteur du plugin rapporte que PHP4 semble encore produire quelques soucis. Une version récente de ImageMagick est nécessaire (au moins 6.3.7) si vous utilisez FancyFonts et QuickEffects.

Installation

  1. Téléchargez le plugin sur wordpress.org ;
  2. Décompressez l'archive et envoyez le tout dans le dossier `wp-content/plugins` ;
  3. Allez dans `wp-content/plugins/facelift-image-replacement/facelift` ;
  4. Changez les permissions de `wp-content/plugins/facelift-image-replacement/facelift/config-flir.php` pour autoriser l'écriture ;
  5. Faites de même avec le dossier `wp-content/plugins/facelift-image-replacement/facelift/cache` ;
  6. Ajoutez les polices de votre choix dans `wp-content/plugins/facelift-image-replacement/facelift/fonts` ;
  7. Activez le plugin dans l'interface d'administration de WordPress ;
  8. Modifiez les paramètres de FLIR comme bon vous semble (onglet "Apparence" de WordPress) : tags dont de le texte doit être remplacé, type de police, etc...

Plus d'informations

Pour avoir plus d'informations à ce sujet, je vous invite à consulter le site de l'auteur du plugin (il y a entre autres une FAQ), cette page avec des exemples.

Mise à jour : après avoir contacté l'auteur du plugin, il est maintenant possible d'utiliser une librairie JS externe.