Yazılarına eklediği resimlerin boyut farklılığından dolayı anasayfa,kategori sayfaları gibi yerlerde goruntu bozukluğu oluşturmasını isteyen webmaster yoktur herhalde.O halde fazla uzatmadan bu sitede de kullandığım yazının ilk resmini thumbnail yapan işlevi anlatıma geceyim.
Oncelikle herzaman olduğu gibi uzerinde calışacağımız functions.php,index.php ve style.css dosyalarının yedeklerini alalım.
functions.php‘yi acıp en uste aşağıdaki kodu yapıştırın.
PHP:
Bu kodumuzla temamıza thumbnail ozelliğini tanımlatmış olduk.Thumbnail ozelliğini kullanmak icin şoyle devam edelim
index.php‘de aşağıdaki kodu bulalım
PHP:
Hemen ustune aşağıdaki kodu yapıştıralım.
PHP:
Şimdi style.css dosyasını acıp en altına aşağıdaki kodu yapıştıralım.
PHP:
.mstfturk
Functions’da resim ozelliğimizi tanıtıp index’te konumlandırdık ve style’de resim ozelliklerini boyuttur carttır curttur ekledik ve kullanıma hazır hale getirdik.Şimdi yazılarımızda eklediğimiz ilk resim anasayfada yazının sol tarafında 125*125 boyutlarında aşağıdaki gibi gozukecek.Dilerseniz kodlarda oynama yaparak farklı boyutlarda farklı ozelliklerde susleyerek gosterebilirsiniz ben sadece mantığını anlattım.Takıldığınız yer olursa sorabilirsiniz.
Uygulama sonucu oluşan goruntu:
Kaynak:Yazının İlk Resmini Thumbnail Yapma