Başlayalım: Tema klasörünüzde bulunan functions.php isimli dosyayı bir text editörü ile açın ve herhangi bir ?> kodundan sonra aşağıdaki kodları ekleyin;

function resmiyakala() {
  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)){ //Resim yoksa
    $first_img = "http://www.site.com/default.jpg";
  }
  return $first_img;
}

Gerekli fonksiyonu tanımladık. Şimdi yine tema klasörünüzden thumbnail resimlerinin kaynak kodlarının bulunduğu dosyaları açın. Bunlar home.php, index.php ve archive.php olabilir. Temanız eğer thumbnail desteklemiyorsa content kodunun öncesine ekleyebilirsiniz aşağıdaki kodu, eğer destekliyorsa sadece resim yolunu değiştirmeniz yeterli olacaktır;

<img src="<?php resmiyakala(); ?>" width="100px" height="100px" alt="<?php the_title(); ?>" />

width ve height tagları çekilecek thumbnail resminin boyutlarını temsil ediyor, temanıza göre düzenleyebilirsiniz yani.

Thumbnail eklentisi temalarında zaten kurulu olanlar sadece src kodundan sonra, yani resim yolunu gösteren koddan sonra aşağıdaki kodu eklemeleri gerekiyor;

<?php resmiyakala(); ?>

Yükseklik ve genişlik ayarları eğer div tagı ile belirtilmemişse kendiniz ekleyebilirsiniz.

functions.php dosyasında tanımladığımız fonksiyona eğer yazıya bir resim eklenmemişse varsayılan (default) olarak gösterilecek resmi de belirttik. Burada yapmanız gereken tek şey kendinize bir görsel oluşturmak ve bunu anadizine attıktan sonra aşağıdaki resim yolunu değiştirmek;

http://www.site.com/default.jpg

Hepsi bu kadar! Umarım işinizi görür bu uygulama…

12parmak ~ Hayatın Akordu! © 2012 | 12 yorum | yazının devamı »

Uygulaması kolay olsun diye ben baştan sona tüm aşamaları numaralandırarak yazacağım. Başlayalım…

1. Buraya tıklayarak siteye giriyoruz ve sağ üst köşeden Kaydol linkine tıklıyoruz.

2. Açılan popup pencerede kayıt için gerekli olan bilgileri eksiksiz ve doğru bir şekilde giriyoruz. Özellikle mail adresine dikkat edin, aktivasyon maili gönderilecek.

3. Kayıt işlemi bittikten sonra mail adresimizi kontrol ediyoruz ve Netvibes tarafından gönderilen maildeki aktivasyon linkine tıklayıp hesabımızı aktif hale getiriyoruz.

4. Siteye tekrar girdiğimizde oturum kendiliğinden açılmış olacak. Şimdi sitenin en altından Widgets linkine tıklayarak işimizi göreceğimiz sayfaya gidiyoruz.

5. Türkçe sayfadan çıkıp ingilizce sayfaya yönlendiğimizden oturum sonlanabilir, bu durumda sağ üst köşeden Sign In tıklayıp giriş yapıyoruz sisteme. Daha sonra sitenin üstündeki yeşil butonlardan Create Widget yazanına tıklıyoruz.

6. İlk aşamada widget’in türünü seçiyoruz; bana sorarsanız birincisini seçin, hem daha sade hem de eklediğiniz sayfalarda daha hızlı açılır. ‘Create a blog news widget’ butonuna tıklayarak devam ediyoruz.

7. İkinci aşamada blogumuzun yazılarının yer aldığı RSS adresini yazıyoruz. FeedBurner kullanıyorsanız benim gibi, onu da yazabilirsiniz. Yazdıktan sonra Next step tıklıyoruz.

8. ‘Add info’ aşamasında oluşturacağımız widget’in ismini ve diğer özelliklerini ayarlayacağız. Main language yazan kısmı Turkish yapıyoruz, Title ve Description yazan yerlere de sırasıyla widget’in başlığını ve kısa açıklamasını yazıyoruz.
Thumbnail URL kısmına blogunuzun logosunu ekleyebilirsiniz; ekleyeceğiniz resmin maksimum genişliği 320 olmak zorunda.
Onun altındaki kısımda da blogumuzun kategorisini seçiyoruz.
Widget privacy seçeneğinde ise oluşturacağımız widget’in diğer kullanıcılar ve ziyaretçiler tarafından görünüp görünmeyeceğini ayarlıyoruz. Bana sorarsanız birincisini seçin, herkese açık olacağından Google açısından da yararı olabilir.
Tüm ayarları yaptıktan sonra ‘I agree to the terms of service.’ başına bir çeltik atıp Next step tıklayıp devam ediyoruz.

9. Açılan sayfada ‘Your widget was successfully created!’ mesajını en başta gördüyseniz widget’iniz başarıyla oluşturuldu demektir. Permanent URL altında verilen adres widget’inizin yer aldığı sayfadır; diğer kullanıcılar ve ziyaretçiler isterlerse bu sayfa üzerinden kodu alıp widget’i sitelerine ekleyebilirler, yorum yazabilirler ve paylaşabilirler.

Widget’te gösterilecek yazı sayısı ve renk şablonu gibi ayarları yapıp kodu alabilmek için de widget sayfamızdan Share linkine tıklıyoruz. Açılan sayfada sırasıyla: Başlık, Yükseklik ve Renk grubu gibi ayarları yapabiliriz. Onun altındaki seçenekler de kaç adet yazının gösterileceği, ayrıntıların yer alıp almayacağı vs. gibi ayarlar için.

Widget üzerinde değişiklik yaptıkça sayfanın sağ tarafındaki yukarı aşağı oynayan kutucuk sizin oluşturmuş olduğunuz widget’in nasıl görüneceğidir, değişiklik yaptıkça önizleme olarak oraya bakabilirsiniz.

Tüm ayalar ile hazır iseniz artık eklencek kodu alabiliriz; sayfanın en altındaki ‘Grab the widget code below’ başlıklı kutucukta yer alan kodlar bizim diğer sitelere ekleyeceğimiz / eklettireceğimiz kod oluyor. Kopyala – yapıştır ile kodu dilediğiniz yere ekleyin; tepe tepe kullanın yani…

Benim widget şöyle görünüyor (örnek olarak);

Bu yazının da sonuna geldik; bir sonraki yazılarımda buluşmak dileğiyle, kalın sağlıcakla!

12parmak ~ Hayatın Akordu! © 2012 | 0 yorum | yazının devamı »