Yazıdaki İlk Resimleri Yakalamak • WPAdamı

Bu WordPress ile alakalı ufak bir hack. Yani diğer bir değişle ipucu. Hiçbir eklenti kullanmadan doğrudan yazılara eklediğimiz resimleri çağırabilir onları uygun boyutta anasayfada ve devamındaki sayfalarda gösterebiliriz. Kendi siteme eklemeyi düşündüğüm ama uzun süre hayta geçiremediğim birşeydi bu özellik. Sonunda gerekli kodları kaydettiğim dosya klasörümü açtım ve buldum uyguladım. Bence güzel oldu. İstediğiniz gibi değiştirebileceğiniz bu kodlarla hiçbir eklenti ve javascript ile uğraşmadan resimleri güzel güzel gösterebilirsiniz.

Bunu yapmak için o kadar çok kod bilgisine sahip olmanız gerekmiyor. Hatta burada vereceğim kod ve css içinde değişiklikler yapmanız bile yeterli bile olabilir. Neyse koda geçelim.

İşte Burada;

Kod;

function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){ //Varsayılan küçük resim
$first_img = "wp-content/themes/tema adı/images/default.png";
}
return $first_img;
}

Bu koddan çıkan fonksiyon;

catch_that_image()

Kod ile img etiketinin kullanımı;

<img src="<?php echo catch_that_image() ?>" alt=""/>

Site içinde kullanabileceğiniz hali;

	<span class="custom_image">
	<a href="<?php the_permalink() ?>" rel="bookmark" title="Devamını Oku: <?php the_title_attribute(); ?>"><img src="<?php echo catch_that_image() ?>" alt=""/> </a>
	</span>

CSS;

.custom_image img{float:left; padding:3px; margin:7px 10px 15px 0; border: 2px solid #e6e6e6; height:90px; width: 90px}

Sanırım bunları uyguladığınızda sitenizde sorun yaratmaz ama tabiiki temanıza uygun olarak düzenleyin.

Sonuç;

Etiketler