WordPress: aggiungere un capolettera (dropcap) ai post

Possiamo aggiungere un dropcap CSS al contenuto dei nostri post con una semplice funzione PHP da aggiungere al nostro tema di WordPress. Quindi occorre assegnare degli stili a una classe CSS specifica. Vediamo come.

Aggiungete il seguente codice al file functions.php del vostro tema (se non esiste, createne uno):


function post_first_letter($content = '') {
	$pattern = '/<p( .*)?( class="(.*)")??( .*)?>((<[^>]*>|\s)*)(("|“|‘|‘|“|\')?[A-Z])/U';
	$replacement = '<p><span title="$7" class="post-first-letter">$7</span>';
	$content = preg_replace($pattern, $replacement, $content, 1 );
	return $content;
}

add_filter('the_content', 'post_first_letter');

Quindi potete aggiungere una regola CSS specifica nel vostro foglio di stile alla classe post-first-letter:


.post-first-letter {
	font-size: 2.5em;
	float: left;
	margin-top: 14px;
	margin-right: 5px;
}
Torna su