Resimler İçin HTML5 Figure Kullanalım

'Black-Dios

Uzman üye
21 Ara 2013
1,136
0
İzmir
figure-husky.png


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 HTML5’e destek vermeye başladığın biliyoruz.

HTML5’in getirdiği yeniliklere uymak için resimlerimizi figure etiketi altında revize etmeye başladık. Daha bu özellik WordPress’in ç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.php‘ye 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; 
}
 
Üst

Turkhackteam.org internet sitesi 5651 sayılı kanun’un 2. maddesinin 1. fıkrasının m) bendi ile aynı kanunun 5. maddesi kapsamında "Yer Sağlayıcı" konumundadır. İçerikler ön onay olmaksızın tamamen kullanıcılar tarafından oluşturulmaktadır. Turkhackteam.org; Yer sağlayıcı olarak, kullanıcılar tarafından oluşturulan içeriği ya da hukuka aykırı paylaşımı kontrol etmekle ya da araştırmakla yükümlü değildir. Türkhackteam saldırı timleri Türk sitelerine hiçbir zararlı faaliyette bulunmaz. Türkhackteam üyelerinin yaptığı bireysel hack faaliyetlerinden Türkhackteam sorumlu değildir. Sitelerinize Türkhackteam ismi kullanılarak hack faaliyetinde bulunulursa, site-sunucu erişim loglarından bu faaliyeti gerçekleştiren ip adresini tespit edip diğer kanıtlarla birlikte savcılığa suç duyurusunda bulununuz.