Görüntüler, her WordPress web sitesinde hayati bir rol oynar. Ziyaretçilerin dikkatini çeker, sosyal medya paylaşımını teşvik eder ve metin parçalarını parçalayarak içeriğinize canlılık katar. Web sitesi resimleri bir siteyi iyileştirebilir veya bozabilir ve en uygun resimlerin kullanıldığından emin olmak web yöneticisine kalmıştır.
WordPress web sitelerinde görüntülerin kullanılması hakkında söylenebilecek çok şey olduğundan, bu büyük konunun yalnızca küçük bir kısmına odaklanacağız. Daha doğrusu post thumbnail görsellerini kurmak ve kullanmaktan bahsedeceğiz. Öne çıkan görseller olarak da adlandırılan bu görseller, blogunuzun kalitesini önemli ölçüde artırabilir, okuyucular için daha çekici hale getirebilir ve özellikle sosyal paylaşım için kullanışlı olan profesyonel bir görünüm verebilir.
Fakat öne çıkan görseller gönderilere varsayılan olarak eklenmez, bu yüzden onları eklemeyi unutmak çok kolay olur. Bu durum web sitenize getirebilecekleri tüm avantajları kaçırmanıza neden olabilir. Bu sorunu önlemek için uygulayabileceğiniz birkaç yaklaşım vardır. Bu makalede, size en verimli olduğuna inandığımız bir WordPress varsayılan küçük resim sonrası kurulumunu göstereceğiz. Bu özel yaklaşımın neden bu kadar yararlı olduğuna da bir göz atacağız. Makalenin belirli bir bölümüne atlamak isterseniz, aşağıdaki bağlantılardan birine tıklamanız yeterlidir:
-
Neden bir WordPress varsayılan yazı küçük resmi ayarlamalısınız?
-
Bir WordPress eklentisi kullanarak varsayılan bir küçük resim yazısı ayarlayın
-
Özel kod kullanarak varsayılan bir küçük resim yazısı ayarlayın
Neden bir WordPress varsayılan yazı küçük resmi ayarlamalısınız?
Küçük resimler, yeni okuyucuları çekmenin veya mevcut okuyucuları web sitenizde tutmanın en önemli yollarından biridir. Fakat yazı içeriğine doğrudan yazı yazılırken eklenen resimlerden biri olmadıkları için gözden kaçırmak kolaydır. Bu durum özellikle aceleyle bir WordPress yazısı yazıyorsanız muhtemeldir.
Öte yandan, görünümünden veya markanıza kıyasla nasıl göründüğünden emin değilseniz, öne çıkan bir görseli kullanmamayı da seçebilirsiniz. Bununla birlikte öne çıkan bir görseli atlayarak, özellikle web sitenizde çeşitli gönderiler içeren çeşitli bölümler varsa, sayfa tasarımınıza zarar veriyor olabilirsiniz. Örneğin bir ızgara düzeninde çeşitli gönderiler içeren sayfalar, tümü tutarlı bir şekilde WordPress varsayılan gönderi küçük resimlerini içermiyorsa profesyonelce görünmeyebilir.
Yukarıda gösterilene benzer bir ızgara düzenine sahip sayfalar, belirli sayfa şablonları, kısa kodlar kullanılarak veya yalnızca belirli bir kategori veya etiket sayfası eklenerek oluşturulabilir. Benzer sorunlar, görüntüleri atlamayı seçerseniz, gönderileri görüntülemek için pencere öğelerini kullanan kenar çubuklarında görünebilir.
Tüm gönderilere yedek öne çıkan bir resim eklemek, bu sorunu çözmenin bir yoludur ve web sitenizi görsel olarak çekici hale getirmesi garanti edilir. Bunu yaparak, varsayılan olarak aynı görsel sosyal paylaşım için kullanılacağından, sosyal medyada paylaşıldığında gönderilerinizin görünümünü iyileştirebilirsiniz. Bu sorunun sosyal paylaşım yönü, WordPress topluluğu içinde iyi bilinen ve oldukça popüler olan Yoast SEO gibi eklentiler kullanılarak da çözülebilir.
Yukarıda listelediğimiz varsayılan bir küçük resim sonrası resmi eklemenin tüm nedenlerinin yanı sıra, bir tanesine sahip olmak, web sitelerini veya geliştirilmekte olan web sitelerini test etmek için yararlı olabilir. Küçük resim eklemek, yaptığınız şeyin web sitenizin beklenen tasarımıyla eşleşip eşleşmediğini test etmenize yardımcı olabilir.
WordPress’te varsayılan bir küçük resim görüntüsü nasıl ayarlanır
Artık varsayılan bir yazı küçük resmi ayarlamanın neden WordPress web siteniz için yararlı olabileceğini daha iyi anladığınıza göre, bunu uygulama yollarını düşünelim. Kılavuzlarımızın çoğunda olduğu gibi, bir WordPress eklentisi veya özel kod kullanarak iki olası yönteme göz atacağız. Her ikisi de farklı WordPress kullanıcıları için uygundur, bu nedenle hangisini kullanmak istediğinizi seçmek size kalmıştır.
WordPress eklentisi kullanma
Varsayılan bir küçük resim sonrası resmi ayarlamanın ilk yöntemi, bu işlevi sağlayan uygun bir WordPress eklentisi aramaktır. Bu daha yeni başlayanlar için uygun bir yöntemdir. Çok az önceden kodlama bilgisi gerektirir veya hiç gerektirmez, bu da onu çoğu WordPress kullanıcısının tercih ettiği yöntem yapar. Çok sayıda kaliteli WordPress eklentisi olduğundan, varsayılan bir küçük resim sonrası görüntüsü ayarlamak da dahil olmak üzere aklınıza gelebilecek herhangi bir amaç için bir eklenti bulmanız muhtemeldir.
Ayrıca öne çıkan görsellerin kaybolması sorununu çözmek için başka yaklaşımlar olduğunu da unutmayın. Bunlar, bir gönderideki ilk görüntüyü yedek öne çıkan görüntü haline getirmeyi veya bir gönderinin yayınlanabilmesi için önce öne çıkan bir görüntüye sahip olmasını sağlamayı içerir. Bu işlevleri sunan WordPress eklentileri vardır, bu yüzden bu yaklaşım size uygunsa olası alternatifler olarak arayabilirsiniz. Varsayılan küçük resim sonrası işlevine odaklanmayı seçtik. Bu konuda bize yardımcı olması için seçtiğimiz eklentiye Varsayılan Öne Çıkan Görüntü adı verilir.
Varsayılan Öne Çıkan Resim eklentisi, sitenize varsayılan öne çıkan görseller eklemek için özel olarak oluşturulmuş basit, hafif bir eklentidir. Varsayılan gönderi küçük resminin işlevselliği, Ayarlar > Medya bölümünde bulabileceğiniz eklenti tarafından oluşturulan bir seçenek kullanılarak elde edilir.
Bu eklenti aynı zamanda kodda bulunan filtre kancaları sayesinde ek değişikliklere izin verir—dfi_thumbnail_id ve dfi_thumbnail_html. Yani, daha gelişmiş WordPress kullanıcıları, eklentinin davranışını daha da değiştirmek için özel işlevler yazabilir ve önerilen filtre kancalarına “bağlanabilir”. Bu durum ilginizi çekecek bir şeyse, bu filtrelerin nasıl kullanılabileceğine dair kod örnekleri içerdiğinden, eklentinin SSS bölümünü incelemek iyi bir başlangıç noktasıdır.
Bu makale için, tüm okuyucularımızın erişimini sağlamak için yalnızca varsayılan eklenti davranışını kullanmayı seçtik. Aşağıdaki bölümlerde, tüm gönderiler için varsayılan yedek küçük resim olarak hizmet edecek bir resmi nasıl seçeceğinizi göstereceğiz.
Eklentiyi yükledikten sonra, Ayarlar > Medya bölümüne gidin ve Varsayılan özellikli görsel seçeneğini bulun. Yanındaki Varsayılan öne çıkan görseli seç düğmesine tıklayın; bu, medya iletişim penceresini açacaktır.
İçeri girdikten sonra, kullanmak istediğiniz görüntüyü varsayılan WordPress gönderi özellikli görüntü olarak seçebileceğiniz Medya Kitaplığı sekmesine yerleştirileceksiniz. Alternatif olarak, yeni bir resim yükleyebileceğiniz Dosyaları yükle sekmesine geçebilirsiniz. Her iki durumda da, uygun bir resim seçtiğinizde, seçmek için üzerine tıklayın ve seçiminizi onaylamak için aşağıdaki Varsayılan öne çıkan görseli ayarla düğmesine basın.
Bunu yaptıktan sonra, seçeneğin yanında seçilen görüntünün küçük bir önizlemesini göreceksiniz. Yanında da iki buton olacak. Biri, bunun yerine farklı bir resim seçmek istiyorsanız kullanılan Varsayılan öne çıkan görseli seç düğmesidir. Diğeri, yeni bir tane seçmeden önceden seçilen varsayılan öne çıkan görseli kaldırmak istediğinizde kullanılan Varsayılan öne çıkan görseli kullanma düğmesidir.
Bunu söyledikten sonra devam edelim. Öne çıkan varsayılan resmi seçtikten sonra, bu ayarı web sitenize uygulamak için Değişiklikleri Kaydet düğmesine tıklayın.
Seçtiğiniz varsayılan küçük resim, belirli bir gönderinin öne çıkan görselinin görüneceği tüm yerlerde görünmelidir. Kullanmakta olduğunuz temaya ve nasıl kodlandığına bağlı olarak bu, bir gönderi sayfasını, gönderi taksonomilerinin sayfalarını (kategoriler ve etiketler), postayla ilgili kısa kodları içeren sayfaları, postayla ilgili herhangi bir sayfayı kullanan sayfaları içerebilir. şablon veya sonradan ilgili widget’ları içeren kenar çubuklarına sahip sayfalar.
Bu makalede, ele alacağımız her iki yöntemin de sonuçlarını test etmek için bir blog listesi kısa kodu içeren bir sayfa kullanacağız. Bu ilk yöntemin sonucu aşağıda verilmiştir; varsayılan öne çıkan resmi gösteren gönderiler kırmızı çerçeve içine alınır.
Özel kod kullanma
Varsayılan küçük resim sonrası işlevini uygulamanın başka bir yolu da özel kod kullanmaktır. Bu yaklaşım, hem özellikle WordPress hem de genel olarak kodlama hakkında önemli miktarda ön bilgi gerektirdiğinden, daha ileri düzey WordPress kullanıcıları için daha uygundur. Yine de, bu amaçla oluşturduğumuz özel kodu kullanırken, varsayılan küçük resim gönderme işlevini ekleme sürecinde size adım adım yol göstereceğiz.
Diğer kodlama kılavuzlarımızdan da görmüş olabileceğiniz gibi, oluşturduğunuz özel kod FTP aracılığıyla alt temanızın functions.php dosyasına veya siteye özel bir eklenti içine eklenmelidir. Kodun ne işe yaradığını ve nasıl kullanılması gerektiğini incelemeden önce, daha ileri gitmeden önce sitenizin bir yedeğini almanızı şiddetle tavsiye ederiz. Kodu önerilen iki konumdan birine ekledikten sonra web sitenizle ilgili herhangi bir sorun yaşarsanız yedekleme, basit ve çok etkili bir güvenlik önlemi olarak hizmet edecektir.
Aşağıda eklediğimiz kod, Ayarlar > Genel bölümünde yeni bir seçeneğin oluşturulmasını ve düzgün çalışmasını sağlar. Bu seçenek, varsayılan küçük resim olarak ayarlamak istediğiniz görüntünün görüntü kimliğini eklemenizi sağlar. Kodun tamamını aşağıda görebilirsiniz.
if ( ! class_exists( 'DefaultThumbnailID' ) ) {
class DefaultThumbnailID {
private static $instance;
public function __construct() {
// Add the option field to the General page.
add_action( 'admin_init', array( &$this, 'show_default_thumbnail_id_option' ) );
// Check if the default featured image exists.
add_filter( 'has_post_thumbnail', array( &$this, 'set_has_post_thumbnail_value' ) );
// Display the default featured image.
add_filter( 'post_thumbnail_html', array( &$this, 'set_default_post_thumbnail_image' ), 10, 4 );
}
public static function get_instance() {
if ( is_null( self::$instance ) ) {
self::$instance = new self();
}
return self::$instance;
}
public function show_default_thumbnail_id_option() {
register_setting(
'general', // General page
'_default_thumbnail_id' // Option name
);
add_settings_field(
'default_thumbnail_id', // ID
__( 'Default thumbnail ID', 'text-domain' ), // Option title
array( &$this, 'display_input_field' ), // Display callback
'general', // General page
'default' // General page section
);
}
public function display_input_field() {
$value = get_option( '_default_thumbnail_id' );
$value = wp_attachment_is_image( $value ) ? $value : '';
?>
<input id="default_thumbnail_id" value="<?php echo esc_attr( $value ); ?>" name="_default_thumbnail_id"/>
<?php
}
function set_has_post_thumbnail_value( $has_image ) {
$default_thumbnail_id = get_option( '_default_thumbnail_id' );
if ( ! empty( $default_thumbnail_id ) ) {
$has_image = true;
}
return $has_image;
}
function set_default_post_thumbnail_image( $image, $post_id, $post_thumbnail_id, $size ) {
$default_thumbnail_id = get_option( '_default_thumbnail_id' );
if ( empty( $image ) && ! empty( $default_thumbnail_id ) ) {
$image = wp_get_attachment_image( $default_thumbnail_id, $size );
}
return $image;
}
}
// Instantiate the class object.
DefaultThumbnailID::get_instance();
}
Biraz daha açıklayalım. Bunu yapmamıza yardımcı olması için, kodu biraz basitleştirilmiş bir biçimde ele almalıyız.
if ( ! class_exists( 'DefaultThumbnailID' ) ) {
class DefaultThumbnailID {
private static $instance;
public function __construct() {
// Some code here
}
public static function get_instance() {
// Some code here
}
public function show_default_thumbnail_id_option() {
// Some code here
}
public function display_input_field() {
// Some code here
}
function set_has_post_thumbnail_value( $has_image ) {
// Some code here
}
function set_default_post_thumbnail_image( $image, $post_id, $post_thumbnail_id, $size ) {
// Some code here
}
}
// Instantiate the class object.
DefaultThumbnailID::get_instance();
}
Koda bu şekilde bakıldığında, $instance adlı bir özelliği ve altı yöntemi içeren, DefaultThumbnailID adlı oluşturduğumuz özel bir PHP sınıfını temsil ettiğini görmek daha kolaydır. Kodun sonunda sınıf nesnesinin bir örneği oluşturulur ve kodun tamamı bir if ifadesinin içine sarılır. Bu durum kodun yalnızca aşağıdaki özelliklere sahip bir sınıf varsa çalıştırılacağı anlamına gelir: