Kas 022014
 
741 views

Twenty Fourteen teması thumbnail (küçük resim) için hazır bir çözüm sunmuyor bize.

Daha önce temamızın anasayfasında yazıların özet olarak görünmesini (excerpt mod) sağlamıştık. Ancak bu özetlerin yanında küçük resimler görünmüyor.

thumbnail-1

http://www.dognmonkey.com/techs/twenty-fourteen-theme-customization.html  adresindeki makalenin yazarı bu soruna nasıl çözüm bulacağımızı  anlatıyor.

1-  Bu çözüm için öncelikle get_the_image.php dosyasına ihtiyaç var. Zip dosyasını indirip açın ve içindeki kod dosyasını yavru tema klasörünüze kopyalayın.

2- İkinci aşamada yavru tema klasörünüzdeki functions.php dosyasına aşağıdaki kodları ekleyin:

3- Üçüncü aşamada  content.php dosyasına aşağıdaki kodları ekliyorsunuz. Orijinal metinde sadece   is_search()  sorgulanıyor. Siz isterseniz verdiğimiz koddaki tüm seçenekleri aktif olarak kullanabilir, ya da sadece is_home() fonksiyonunu eklemekle yetinebilirsiniz: Tamamen size kalmış.

Bu üç aşamayı uyguladığınız zaman yazınıza eklenmiş bir resim varsa ve onun thumbnail görüntüsünü de oluşturmuşsanız (Force Regenerate Thumbnail veya Smush It gibi bir eklenti, eksik thumbnail görüntülerinizi tamamlamanızı sağlar) küçük resim (thumbnail) özet yazınızın üst tarafında yerini alacaktır.

Thumbnail alone

Fakat ben küçük resmin sol tarafta olmasını ve yazıların da hemen onun sağ yanından başlamasını istiyorum.

Yukarıda linkini verdiğim yazıda bu ayrıntıya hiç girilmemiş. Onları da ben ekleyeyim:

content.php dosyasına eklediğimiz kodu incelersek, resmimizin içine yerleştiği div kodunun “cover” sınıfı ile ilişkilendirildiğini görüyoruz. Ancak “cover” sınıfı hiç bir yerde tanımlı değil. Biz de yazılarımızın resmin sağ tarafında kalmasını sağlayacak css kodunu yavru temamızın style.css dosyasına ekliyoruz.

cover” sınıf tanımında div alanının sola dayalı olmasını, sağ tarafında 10 piksellik bir boşluk bulunmasını ve çevreleyen metne göre sol tarafta yer almasını belirtiyoruz.

Artık ana sayfadaki yazı özetlerimizin sol tarafında, küçük resimlerimiz de (thumbnail) yerini almış durumda.

Thumbnail on left

Yukarıdaki açıklamaların yetersiz kaldığı sorun veya sorularınız varsa, aşağıdaki yorum alanını kullanarak bana aktarabilirsiniz. Sizi en kısa zamanda yanıtlayacağımdan emin olun!

Beni izlemeyi unutmayın!

ahmet aksoy

 

 

 

 Bir yanıt bırakın

Bu HTML tagleri ve özellikleri kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

(gerekli)

(gerekli)

Önceki yazıyı okuyun:
SEO Sorunu Yaratmadan Yazı Kopyalama

Kopya içerik (duplicate content) SEO açısından çok önemli bir sorun. Kendi yazınızı bile birden fazla kaynakta paylaşmaya kalktığınızda arama motorları...

Kapat