WordPress: usare gli elementi del ed ins

Molto spesso ci capita di modificare i nostri post di WordPress aggiungendo o rimuovendo del contenuto. Le specifiche XHTML ed HTML5 forniscono due elementi specifici per questo scopo, ossia del ed ins.

L'elemento del serve a cancellare dal documento del contenuto inserito in precedenza, mentre l'elemento ins marca il contenuto aggiunto come modifica al documento.

Entrambi gli elementi possiedono l'attributo datetime che specifica la data esatta della modifica:

<del datetime="2014-03-10">
	<p>Testo eliminato.</p>
</del>
<ins datetime="2014-03-10T10:21:44+01:00">
	<p>Testo inserito.</p>
</ins>

Il formato delle date da seguire è quello ufficiale del W3C. Entrambi gli elementi a livello di layout sono considerati elementi inline con sottolineatura o tratteggio orizzontale, anche se possono contenere elementi di blocco.

Quindi nel CSS dovremmo specificare:

del, ins {
	display: block;
	text-decoration: none;
}

Possiamo creare degli shortcode per automatizzare l'inserimento di questi elementi. Ad esempio:

function my_del( $atts, $content = null ) {
	$now = new DateTime();
	$w3c_date = $now->format( DateTime::W3C );
	
	return '<del datetime="' . $w3c_date . '">' . $content . '</del>';
	
}

add_shortcode( 'del', 'my_del' );

Come si può notare si tratta di due elementi che aumentano la semantica dei nostri contenuti in modo evidente.