Snelle tip HTML in afbeeldingen

We zullen uitzoeken wat deze nieuwe media-verbetering in de praktijk betekent!

Goed nieuws! Voor deze functionaliteit heb je zelfs geen plug-in nodig, want toen WordPress recent versie 3.4.x uitbracht, werd deze functie geïntroduceerd.

U kunt ook lezen over andere veranderingen in de Codex.

Wanneer u een afbeelding in een WordPress-pagina invoegt of plaatst, kunt u er een bijschrift van maken. Elke ingevoegde afbeelding kan een eigen bijschrift hebben en kan standaard HTML-tags gebruiken om deze te formatteren (u kunt deze natuurlijk leeg laten, anders krijgt deze geen bijschrift).

De tags die u kunt gebruiken, zijn standaard dezelfde als degene die beschikbaar zijn in opmerkingen.

U kunt bijvoorbeeld vetgedrukte tekst gebruiken , cursieve tekst met en doorgestreepte tekst met .

Let op: WordPress gebruikt standaard een lichtgrijze stijl voor de achtergrond en donkergrijs voor tekst. Deze CSS-klassenselectoren zijn .wp-caption en .wp-caption-tekst.

Als u uw aangepaste stijlen wilt gebruiken, neemt u ze op in de CSS van het thema (meestal in style.css).

In ons geval is de stijl van het thema de volgende.

 .wp-onderschrift achtergrond: # F1F1F1; regelhoogte: 18px; margin-bottom: 20px; opvulling: 4px; text-align: center;  .wp-bijschrift-tekst color: # 888; lettergrootte: 12px; marge: 5px; 

Merk op dat je altijd het bijschrift kunt veranderen als je op de afbeelding in de berichteditor klikt en vervolgens op klikt Bewerk afbeelding.

De HTML-code die ik gebruik, is dit:

 Deze tekst is cursief. En dit is vetgedrukt.

Voorbeelden in afbeeldingen


Afbeelding invoegen in Wordpress admin
Caption look in editor
Bijschrift kijk op de site