Türk Telekom, Açık Şebeke Otomasyon Platformu (ONAP)’na üye oldu

SanalUzman.com’dan serbest çalışanlara (freelancer) 10 öneri

WordPress Temada Kategorileri Listeleme

PHP Hazır Gelişmiş CURL Kütüphanesi

Öne Çıkarılmış Görsel ve Timthumb Kullanımı

Gerekli Kodlar Perşembe Mart 12th, 2015
808 Görüntülenme

Merhaba arkadaşlar mevcut temamızı editlerken öne çıkarılmış resimleri ( Timthumb ) gerekli olan bir yöntemden bahsedeceğiz, Konu açarken öne çıkartılmış resim kullanıyoruzdur. Bu resimlerin kullanabilmemiz ve istediğimiz yerde görüntüleyebilmemiz için bir kaç kodlama yapacağız.

  • functions.php dosyamızı açıyoruz ve aşağıdaki kodu buluyoruz.
<?php
  •  Hemen bu kodun altına aşağıdaki kodu ekliyoruz.
add_theme_support('post-thumbnails');
  • Yukardaki kod sayesinde artık öne çıkartılmış göreselimizi rahatlıkla kullanabileceğiz.
  • Şimdi konun altında bulunan dosyaları indir butonunu kullanan gerekli dosyaları indiriyoruz ve tema klasörümüze atıyoruz.
  • Şimdi aşağıdaki kod ile öne çıkartılmış resmini almamıza olanak sağlayan kod
<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>

İLGİLİ KODLARIMIZ

<?php } ?>
  • Evet yukardaki kod sayesinde resimlerimizi alabileceğiz
  • Şimdi resmi görütüleyebilmek gerekli koda bakalım
<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url[0]; ?>&w=125&h=127&zc=1
  •  Yukardaki kod öneçıkartılmış resmi kırpıp ekrana basar.
<?php echo $image_url[0]; ?>
  •  Yukardaki kod ise öneçıkartılmış resmi kırpmaz direk resim adresini kullanır.

ÖRNEK BİR KODLAR

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php bloginfo('template_url'); ?>/scripts/timthumb.php?src=<?php echo $image_url[0]; ?>&w=125&h=127&zc=1" alt="<?php the_title(); ?>" width="125" height="127" /></a>
<?php } ?>

Yukardaki kod resmi 125 x 127 boyutlarında kırpıyor ve ekrana kırpılmış halini basıyor.

<?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php echo $image_url[0]; ?>" alt="<?php the_title(); ?>" width="300" height="250" /></a>
<?php } ?>

Yukardaki kod ise öneçıkartılmış resmi tam boyutunu kullanır fakat resmi 300 x 250 boyutlarına getiri bir nevi resmi sıkıştırır veya genişleterek kullanır.

Yorumlar

Yazıya 1 yorum yapılmış.

teknikbilimler Pazar Nisan 17th, 2016

2 3 gündür bu sorunu çözmek için uğraşıyorum kod sorunsuz çalişti teşekkürler

Benzer İçerikler