Kurumsal Firma Scripti | Alkinoe

Kombi Bakım Servisi Scripti | Alkimedon

Tesisatçı Web Scripti | Alkestis

Spor Salonu Sitesi Scripti | Alkathoos

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

Gerekli Kodlar Perşembe Mart 12th, 2015
1.340 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