Malheureusement, dans la plupart des cas, ce que vous voyez dans l’éditeur de TinyMCE ressemble rarement à ceux qui est affiché dans votre blog.

Depuis WordPress 2.6, l’éditeur visuel va plus loin et propose d’ajouter des légendes à vos images. Encore une fois, le rendu graphique sur votre blog est rarement à la hauteur…

La raison ?

Elle est très simple. Très peu de thèmes WordPress incorporent les nouvelles classes CSS du gestionnaire de médias !

Pas de panique. Nous allons voir ensemble comment ajouter les bonnes règles CSS pour profiter à 100% des capacités de l’éditeur visuel.

Pour cela, nous allons utiliser le thème par défaut que propose WordPress. En effet ce dernier contient l’ensemble des propriétés CSS nécéssaires.

L’objectif est donc d’ajouter ces règles CSS à votre thème. Pour simplifier la chose, j’ai mis à disposition les lignes CSS à ajouter sur le service pastbin:

• Code CSS pour les images et les légendes de WordPress

Il vous suffit d’ajouter ces lignes à la fin de votre fichier CSS. Pour y parvenir 2 méthodes, soit via votre client FTP et éditeur de texte favori, soit via l’éditeur de thème de WordPress. (Onglet apparence, éditeur de thème)

Démo:

Légende de l'image

Commençons avec Natural Essence, un thème tout choisi pour ceux qui aime le bois, le luxe, le brun ou tout simplement l’aspect pieux et calme qu’offre ce thème. Il est limité dans une largeur définie (800 pixels) mais donne tout de même une impression d’espace et une clarté or du commun. Note : pour personnaliser l’image de l’en-tête, comme par exemple lui ajouter un sous-titre ou un incipit, il vous faudra utiliser un logiciel d’édition d’image (pourquoi pas The Gimp ?) afin de l’incrémenter directement dans l’image.

————————————–

Attaquons-nous maintenant à Just Lucid. C’est un thème très sobre qui met en avant une image de votre choix. Le fond blanc, ses menus gris métalisés et ses textes gris foncés lui donne une allure résolument moderne et un ensemble très lisible. Le menu est agrémenté d’une représentation discrète de bouquin invitant à la lecture. Le plus original : un pied de page bien pensé. Il permet à vos visiteurs de naviguer à travers vos différentes archives (articles récents, archives quotidiennes, hebdomadaires et mensuelles) et à travers vos catégories d’articles. Le thème propose deux feuilles de style CSS pour décliner l’espace de votre blog en deux versions : une en 800 pixels et une seconde en 1024. Le visiteur peut choisir selon son écran en cliquant sur la taille souhaitée (chose très pratique).

————————————–

Il ne nous reste déjà plus qu’à parler de fSpring, un dernier thème que j’ai traduit pour sa sobriété, à nouveau. Donnez de l’allure et du professionnalisme à votre blog avec ce thème. Lisibilité et clarté assurée, sans oublier cette belle image d’en tête (modifiable) qui rappelle un peu le logo de Flash d’Abode dans des tons orangés très chaleureux.

Voilà, c’est déjà fini pour les traductions de thèmes. J’espère que certains d’entre vous y trouveront leur bonheur.