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