Snabbtips HTML i bildtexter

Vi kommer att ta reda på vad den här nya medieförbättringen innebär i praktiken!

Goda nyheter! För den här funktionaliteten behöver du inte ens ett plugin, för när WordPress nyligen släppte version 3.4.x introducerades denna funktion.

Du kan också läsa om andra ändringar i Codex.

När du lägger in en bild i en WordPress-sida eller post kan du skapa en bildtext för den. Varje infogad bild kan ha sin egen bildtext och kan använda standard HTML-taggar för att formatera den (självklart kan du lämna den tom så det kommer inte att få en bildtext alls).

De taggar du kan använda är som standard de som är tillgängliga i kommentarer.

Till exempel kan du få fet text med , kursiv text med och korsade text med .

Observera att WordPress använder en ljusgrå stil för bakgrund och mörkgrå för text som standard. Dessa CSS-klassväljare är .wp-bildtext och .wp-caption-text.

Om du vill använda dina anpassade stilar ska du inkludera dem i temat CSS (vanligtvis i style.css).

I vårt fall är temat stil följande.

 .wp-caption bakgrund: # F1F1F1; linjehöjd: 18px; marginalbotten: 20px; vaddering: 4px; text-align: center;  .wp-caption-text färg: # 888; fontstorlek: 12px; marginal: 5px; 

Observera att du alltid kan ändra bildtexten om du klickar på bilden i postredigeraren och sedan klickar på Redigera bild.

HTML-koden jag använder är detta:

 Denna text är kursiv. Och det här är fet.

Exempel på bilder


Infoga bildrutan i Wordpress admin
Bildtext ser i redaktör
Bildtext tittar på webbplatsen