Note su Wordpress

Errata dimensione del DIV immagini con didascalia

A partire da WordPress 2.7 ho cominciato ad usare la funzione della didascalia per le immagini. Questa didascalia va inserita nel campo "Didascalia" attraverso il gestore multimediale di WordPress.

Mi sono accorto, però, che la centratura delle immagini non appariva correttamente col mio tema. Guardando l'HTML ho notato che il DIV contenente il blocco immagine+didascalia misurava 10px in più rispetto alla dimensione dell'immagine. Dovevo quindi riportare a dimensione corretta il DIV, vale a dire la stessa dimensione dell'immagine. Sarebbe stato poi il padding a lasciarmi un po' di spazio tra l'immagine e il bordo.

Ho pensato subito che l'incriminato potesse essere il file wp-includes/media.php e così infatti era. Alla riga 580 mi ritrovo questo:

return '<div ' . $id . 'class="wp-caption ' . $align . '" style="width: ' . (10 + (int) $width) . 'px">'

ecco spiegato perché avevo quei 10px in più. È bastato mettere 0 al posto di 10:

return '<div ' . $id . 'class="wp-caption ' . $align . '" style="width: ' . (0 + (int) $width) . 'px">'

Ovviamente, poi, nel CSS bisogna creare due stili appositi che mi formattino decentemente il blocco "wp-caption" e "wp-caption-text". Questi quelli che uso io:

.wp-caption {
	border: 1px solid #ccc;
	padding: 5px;
	margin-right: 10px;
	background-color: #f3f3f3;
}

.wp-caption-text {
	font: 12px Arial, Sans-serif;
	line-height: 1.2em;
	text-align: center;