Öne Çıkan Görsel ile ilgili fonksiyonlar

WordPress alt yapısında Öne Çıkan Görsel tanımını bilmeyen yoktur sanırım. “Manşet”, “Önizleme” vb gibi isimler takmış olsak da bu görsel bazı sitelerin ve blogların olmazsa olmazları arasındadır. Ben de sitede bu resimleri kullanmaktayım. Biraz daha geliştirmek adına sizlerle üç adet fonksiyon paylaşacağım. Tema ve diğer kodlamalarınızda işinize yarayacağını düşünüyorum.

Öne Çıkan Görsel zorunluluğu getirmek

Bazı sitelerde öne çıkan görsel zorunludur. Haber siteleri, yemek siteleri veya ihtiyaca göre uyarlanmış içerikleri bulunan siteler. İşte bu durumda WordPress kaydetme alanına ilişkin aksiyonlara bu fonksiyonu dahil edebilir ve yazıyı resim seçilmediği sürece Taslak olarak kalmasını sağlayabiliriz. Böylelikle yazarlarınız içeriklerine resim eklemek zorunda kalacaktır.

Temel olarak fonksiyonu temanızın functions.php doyasına eklemeniz yeterli olacaktır. Ayrıca örnek sadece WordPress standart yazı türüne uyarlanmıştır. Eğer farklı bir yazı türü için uyarlamak isterseniz ışıklandırdığım alandaki “post” değerini değiştirebilirsiniz.

Öne Çıkan Görseli Yazı Silindiğinde Kaldırmak

WordPress sistemine eklenen resimler genellikle yazı silinse de sistemde kalıyor. Aşağıdaki fonksiyon ile birlikte yazıyı silmeye karar verdiğinizde ve kaldırdığınızda sistemden otomatik olarak resmi kaldırmanızı sağlıyor. Böylelikle yer ve veri tabanındaki birkaç satırdan da kurtulmuş oluyorsunuz.

Temel olarak fonksiyonu temanızın functions.php doyasına eklemeniz yeterli olacaktır. Yazı silinmeden önce yazının öne çıkan görselini kontrol edip var ise görseli sildirerek işlem yapılmasını sağlıyor.

Öne Çıkan Görsel içine ekstra class eklemek

Bu aslında en basit kod parçacığı. Günümüz teknoloji gerekliliklerinde tema tasarımcıları mobil odaklı olarak ilerliyorlar ve biz de işi gerektiği şekilde yapmalıyız. Kendi temanızı tasarlarken işinize yarayacak ve öne çıkan görselinizi mobil uyumlu hale getirecek bir class eklemenizi sağlayan kod parçacığını aşağıda bulabilirsiniz. Örnek olarak “img-responsive” class’ını atıyoruz.

Temel olarak bu kodu öne çıkan görseli çağırmak istediğiniz alanda kullanabilirsiniz. Hali hazırda bootstrap kullanıyorsanız direkt olarak bu kodu ekleyebilirsiniz.

Umarım işinize yararlar. Selametle