Günümüzde HTML5 destekli tarayıcılar neredeyse kalmadı. Bütün tarayıcıların tam anlamıyla olmasa bile çoğunlukla HTML5e destek vermeye başladığın biliyoruz.
HTML5in getirdiği yeniliklere uymak için resimlerimizi figure etiketi altında revize etmeye başladık. Daha bu özellik WordPressin çekirdeğine eklenmese bile yakın zamanda ekleneceğinden şüphe yok, bizde add_filter ile bu değişikliği yapacağız.
Aşağıdaki kodlarımızı functions.phpye ekleyerek kullanmaya başlayabilirsiniz.
Kod:
<?php
/**
* Change image tag
*/
add_filter( 'image_send_to_editor', 'html5_insert_image', 10, 9 );
function html5_insert_image($html, $id, $caption, $title, $align, $url, $size, $alt) {
$src = wp_get_attachment_image_src( $id, $size, false );
$html5 = "<figure id='post-$id media-$id' class='align-$align'>";
$html5 .= "<img src='$src[0]' alt='$alt' />";
if ($caption) {
$html5 .= "<figcaption>$caption</figcaption>";
}
$html5 .= "</figure>";
return $html5;
}