Petite astuce HTML dans les légendes d’image

Nous découvrirons ce que cette nouvelle amélioration des médias signifie en pratique!

Bonnes nouvelles! Pour cette fonctionnalité, vous n'avez même pas besoin d'un plugin, car cette fonctionnalité a été introduite lors de la publication de la version 3.4.x par WordPress..

Vous pouvez également lire d’autres changements dans le Codex..

Lorsque vous insérez une image dans une page WordPress ou que vous la publiez, vous pouvez lui attribuer une légende. Chaque image insérée peut avoir sa propre légende et utiliser des balises HTML standard pour la formater (vous pouvez bien sûr la laisser vide, elle n'aura pas de légende).

Les tags que vous pouvez utiliser sont par défaut les mêmes que ceux disponibles dans les commentaires.

Par exemple, vous pouvez avoir du texte en gras avec , texte en italique avec et texte barré avec .

Veuillez noter que WordPress utilise un style gris clair pour le fond et gris foncé pour le texte par défaut. Ces sélecteurs de classes CSS sont .wp-caption et .wp-caption-text.

Si vous souhaitez utiliser vos styles personnalisés, incluez-les dans le code CSS du thème (généralement dans style.css).

Dans notre cas, le style du thème est le suivant.

 .wp-caption background: # F1F1F1; hauteur de ligne: 18px; marge inférieure: 20 px; rembourrage: 4px; text-align: center;  .wp-caption-text color: # 888; taille de police: 12px; marge: 5px; 

Notez que vous pouvez toujours changer la légende si vous cliquez sur la photo dans l'éditeur de publication puis cliquez sur Éditer l'image.

Le code HTML que j'utilise est le suivant:

 Ce texte est en italique. Et c'est audacieux.

Exemples en images


Insérer une zone d'image dans Wordpress admin
Regarder la légende dans l'éditeur
Légende regarder sur le site