Dropcaps-in-Divi Wordpress css

Dropcaps wil zeggen dat de letter groter is dan de rest. Meestal is dat de eerste letter van een alinea of artikel. Divi heeft al een shortcode daar voor maar hoe beïnvloed je het uiterlijk. De shortcode is [dropcaps]D[/dropcaps]ropcaps

Als je de shortcode dropcaps gebruikt dan zal dat in het artikel zelf direct zichtbaar zijn. Maar niet in de Samenvatting (Excerpt in engelstalige wordpress sites). Het blok “Samenvatting” stript namelijk alle stuurtekens dus ook de shortcode dropcaps. Heel lastig als je een blog pagina hebt waar de samenvatting (excerpt) gebruikt wordt.
Dit kun je zelf verhelpen door in het bestand functions.php van het child theme de volgende php te plaatsen.


De shortcode is


In dit geval wordt dus de D de dropcap. Ruwweg 2 maal zo groot als de standaard letters.