WordPress Blok Düzenleyici'de Kapak Görseli ve Öne Çıkan Görsel Karşılaştırması (Başlangıç Rehberi)

WordPress'i ilk kullanmaya başladığımda, öne çıkan görsellerle kapak görsellerini sık sık karıştırırdım. Sonuç olarak, ilk blog yazıların birçoğu tam olarak istediğim gibi olmadı. Ya önemli görseller eksikti ya da görseller yanlış yerleştirilmişti, bu da tasarımı biraz bozuyordu.

Neyse ki, bu iki tür görselin kendine özgü önemli rolleri olduğunu çabucak öğrendim.

Kapak görselleri, tonu belirlemek ve okuyucuları etkilemek için içeriğinizde kullanılır. Buna karşılık, öne çıkan görseller, yazı açılmadan önce yazının özünü sergileyen görsel bir özet görevi görür.

Bu kılavuzda, WordPress blok düzenleyicide kapak görselleri ve öne çıkan görseller hakkında öğrendiğim her şeyi paylaşacağım.

WordPress'te kapak ve öne çıkan görselleri kullanmanın ayrıntılarına geçmeden önce, neleri kapsayacağıma dair hızlı bir genel bakış:

• Kapak Görseli Nedir?
• Öne Çıkan Görsel Nedir?
• WordPress'te Kapak Görseli Nasıl Eklenir?
• How to Add a Featured Image in WordPress

Kapak Görseli Nedir?

Kapak görseli, genellikle bir yazının en üstünde görünen ana görseldir. Kapak görselleri video da olabilir, ancak bu Facebook veya YouTube içerikleri için daha yaygındır.

Kapak görselleri okuyucunun dikkatini hemen çeker ve içeriğin genel tonunu belirleyerek takip edenlere görsel bir giriş sağlar.

Kapak görsellerinin, yazıları daha ilgi çekici hale getirmek için kullanan bloggerlar, pazarlamacılar ve yaratıcılar arasında popüler olduğunu fark ettim.

Özellikle hikaye anlatımına veya görsel içeriğe yoğun şekilde dayanan seyahat, yaşam tarzı ve portföyler gibi web sitelerinde yaygındır.

WordPress'teki 'Kapak' bloğu, bir kapak görseli eklemenize olanak tanır. Ayrıca görsellerinize metin ve renk bindirmeleri eklemenize de izin verir.

Bu katmanları sitenizin rengine uyacak şekilde veya farklı içerik bölümleri için ruh hali belirleyecek şekilde de özelleştirebilirsiniz. Makalenin ilerleyen kısımlarında bu özelleştirme seçeneği hakkında daha fazla bilgi vereceğim.

En iyi görünüm için 1920×1080 piksel boyutunda kapak görselleri kullanmanızı öneririm. Bu boyut, görsellerin yüksek kaliteli olmasını ve yazılarınızın üst alanını güzelce doldurmasını sağlar.

Öne Çıkan Görsel Nedir?

Bir öne çıkan görsel, blog yazınızın yüzü gibidir, okuyucuları çeken görsel bir temsil sunar.

Yazı küçük resmi olarak da bilinen bu görsel, ana sayfanızda ve blog arşiv sayfalarınızda görünür. Ayrıca bir makale paylaşıldığında sosyal medya akışlarında da görünür.

Bu görseller, okuyucuları tıklamaya ve WordPress blogunuzu veya web sitenizi keşfetmeye teşvik edecek şekilde görsel olarak çekici olacak şekilde tasarlanmıştır.

Örneğin, WPBeginner'da ben ve ekibim, markamızın tutarlı stilini korurken her öne çıkan görselin benzersiz olmasını sağlıyoruz.

Öne çıkan görsellerin, temanın bu görseller için en iyi boyutu belirlemesi nedeniyle kullandığınız WordPress temasına bağlı olduğunu unutmayın.

Örneğin, birçok tema standart bir 16:9 en boy oranını tercih eder ve 680×382 piksel gibi boyutlar kullanır. Bazı temalar, 1200×675 piksel gibi boyutlarla öne çıkan görselleri başlık görselleri olarak bile kullanabilir.

Daha ayrıntılı bilgiler için WordPress resim boyutları hakkında bu kapsamlı rehbere göz atın.

WordPress'te Kapak Görseli Nasıl Eklenir?

Gutenberg olarak da bilinen WordPress blok düzenleyici, kullanışlı Kapak bloğunu kullanarak kapak resimleri eklemeyi çok kolaylaştırır.

Başlamak için, Yazılar » Yazı Ekle'ye giderek yeni bir yazı oluşturmanız gerekir.

Mevcut olanı düzenlemek için Gönderiler » Tüm Gönderiler yolunu izleyebilir, düzenlemek istediğiniz gönderiyi bulabilir ve düzenleyiciye açmak için gönderi başlığına tıklayabilirsiniz.

Gönderi düzenleyicisinde, yeni bir blok eklemek için ‘+’ düğmesine dokunun ve listeden ‘Kapak’ bloğunu seçin.

‘Kapak’ bloğunu ‘Medya’ sekmesi altında bulacaksınız. Alternatif olarak, onu kolayca bulmak için blok arama alanına ‘/cover’ yazabilirsiniz.

‘Kapak’ bloğunu seçtikten sonra, içerik düzenleyicisinde göründüğünü göreceksiniz. Şimdi kapak resminizi eklemeye hazırsınız.

En sevdiğiniz resmi veya videoyu blok alanına sürükleyip bırakın. Alternatif olarak, bilgisayarınızdan bir dosya seçmek için ‘Yükle’ düğmesine basabilirsiniz.

Ve medya kitaplığınızda zaten harika bir şey varsa, medya galerinizden bir resim seçmek için ‘Medya Kitaplığı’ düğmesine tıklayın.

Resminizi gönderiye eklemek için ‘Seç’ düğmesine basın.

Şimdi, onu özelleştirme zamanı.

Resmi tıklamanız yeterlidir ve ince ayarlar için bir araç çubuğu açılacaktır. Sağdaki panel daha da fazla seçenek sunar.

Bir başlık ekleyerek başlayalım. Kapak resminizin ortasındaki ‘Başlık yaz…’ alanına tıklayın ve metninizi yazın.

Özelleştirme için metnin üzerinde görünen kullanışlı biçimlendirme seçenekleriniz olacaktır.

Ardından, ek ayarlar için sağ taraftaki panele göz atın.

Burada, ‘Ayarlar’ ve ‘Stiller’ olmak üzere iki sekme göreceksiniz.

‘Ayarlar’ sekmesinde, düzen seçeneklerini özelleştirebilirsiniz. Varsayılan olarak, düzen tam genişlik olarak ayarlanmıştır, bu nedenle bu ayarı olduğu gibi bırakabilirsiniz.

Ardından, tasarımınıza uygun olarak sabit veya tekrarlanan arka plan seçeneklerinden birini tercih edin. Sabit bir arka plan, paralaks efekti oluşturmak ve görüntünüze dinamik bir his katmak için mükemmeldir. Tekrarlanan bir arka plan, karolajlı görüntüler kullanırken yardımcı olur.

Ardından, temel kısımları vurgulamak için görüntünün odak noktasını ayarlayın. Görüntülerinizin ne kadar keskin ve net olmasını istediğinizi seçmek için çözünürlüğü de ayarlayabilirsiniz.

Ardından ‘Stiller’ sekmesine gidin ve katman opaklığını ayarlayın. Bu, bir renk katmanının görüntünüzde ne kadar şeffaf olduğunu ifade eder.

Varsayılan olarak %50 şeffaflığa ayarlanmıştır, ancak gönderinizin ruh haline uyacak şekilde ayarlayabilirsiniz. Bu, metnin okunmasını kolaylaştırırken rengin ne kadar görüneceğini kontrol etmenizi sağlar.

Son olarak, görüntünüzün stilini değiştirmek için filtrelerle denemeler yapabilirsiniz. En uygun olanı bulmak için farklı olanları deneyin.

Yaratıcı olmayı sevenler için, özel CSS ekleyerek kapak görüntünüze benzersiz bir his vermek üzere Gelişmiş ayarlara dalın.

Ve işte bu kadar! Gönderinizin ihtiyacı varsa, dinamik ve ilgi çekici bir okuma deneyimi oluşturmak için daha fazla kapak görüntüsü eklemek üzere bu adımları tekrarlamaktan çekinmeyin.

İşiniz bittiğinde, her şeyin ön planda iyi göründüğünden emin olmak için gönderinizi önizleyip yayınlamaktan çekinmeyin.

WordPress'te Öne Çıkan Görsel Nasıl Eklenir

WordPress gönderinize öne çıkan bir görsel eklemek, onu öne çıkarmanın basit bir yoludur. İşlem, kapak görüntüsü eklemeyle neredeyse aynıdır.

İster blog yazmaya yeni başlamış olun, ister hızlı bir hatırlatmaya ihtiyacınız olsun, işte nasıl yapılacağı.

Başlamak için düzenlemek istediğiniz gönderiyi açın. Öne Çıkan Görsel meta kutusu sağ taraftadır.

Başlamak için ‘Öne çıkan görsel ayarla’ seçeneğine tıklamanız yeterlidir.

Şimdi, öne çıkan görselinizi ekleyelim.

Yeni bir görseli sürükleyip bırakma yükleyiciyi kullanarak veya medya kitaplığınızdan bir görsel seçerek yükleyebilirsiniz.

Bundan sonra, öne çıkan görseliniz için bir başlık ve alt metin ekleyebilir, ardından ‘Öne çıkan görsel ayarla’ düğmesine tıklayabilirsiniz. Makalenize başarıyla bir öne çıkan görsel eklediniz!

WordPress'te öne çıkan görseller ekleme hakkında daha ayrıntılı talimatlar için başlangıç kılavuzumuzu okuyabilirsiniz: WordPress'te öne çıkan görseller ekleme.

Öne çıkan görselinizi ekledikten sonra onu özelleştirebilirsiniz. Ancak, özelleştirme seçenekleri kullandığınız WordPress tema türüne bağlı olacaktır.

Bu adımda, öne çıkan görsellerinizi özelleştirmek için iki yöntemi inceleyeceğim: tema özelleştirici ve Tam Site Düzenleyici (FSE) kullanmak.

Tema Özelleştiriciyi Kullanma

Bu yöntem genel olarak klasik temalar için çalışır, ancak bu makale için Sydney temasını kullanacağım. Sydney, sitenizin görünümünü ve hissini iyileştirmeyi kolaylaştıran kullanıcı dostu tasarım seçenekleri sunar.

Başlamak için öncelikle temayı kurmanız ve etkinleştirmeniz gerekir. Yardıma ihtiyacınız olursa, ekibimin WordPress teması yükleme rehberini okuyun.

Ardından, WordPress kontrol panelinize giderek Görünüm » Özelleştir yolunu izleyin. Bu, Özelleştirici'yi açacaktır.

Burada, öne çıkan görseliniz de dahil olmak üzere sitenizin görsel sunumunun birçok yönünü ayarlayabilirsiniz.

Özelleştirici içinde, öne çıkan görsellerinizle ilgili ayarlara erişmek için 'Başlık' gibi bölümleri de keşfedebilirsiniz.

Başlığın ön ayarlarını ve mobil düzenini de ayarlayabilirsiniz. Değişikliklerden memnun kaldığınızda, kaydetmek için sol üstteki 'Yayınla' düğmesine tıklayın.

Daha fazla ayrıntı için, tema özelleştiriciyi kullanma konusundaki bu kılavuza göz atabilirsiniz.

Tam Site Düzenleyici (FSE) Kullanma

Blok tabanlı temaları kullananlar için Tam Site Düzenleyici (FSE), öne çıkan görsellerinizi içeriğinizin geri kalanıyla mükemmel uyum sağlayacak şekilde özelleştirmenize olanak tanır.

WordPress yönetici panelinizden Görünüm » Düzenleyici yolunu izleyerek başlayın. Bu, site düzenleyicisini açacaktır.

Düzenleyiciye girdikten sonra Gezinme » Stiller'e gidin. Ardından aşağı kaydırın ve listeden “Bloklar”ı seçin.

Bu, düzenleyici içinde özelleştirebileceğiniz blokların listesini açacaktır.

Ardından, ‘Öne Çıkan Görsel’ bloğunu arayın. Daha hızlı bulmak için arama çubuğuna “öne çıkan görsel” yazabilirsiniz.

Burada, boyutları (dolgu ve kenar boşluğu) değiştirmek de dahil olmak üzere öne çıkan görseliniz için özelleştirme seçeneklerini göreceksiniz.

Görselin kenarlığını, gölgesini ve yuvarlaklığını da ekleyebilirsiniz. Bu ayarları deneyerek öne çıkan görselinizin görünümünü nasıl etkilediğini görmek için çekinmeyin.

Değişikliklerden memnun kaldığınızda, yayınlamadan önce bunları önizlemek için bir an ayırın. Bu, her şeyin tüm cihazlarda mükemmel göründüğünden emin olmanızı sağlar.

Daha fazla bilgiye ihtiyacınız olursa, WordPress Tam Site Düzenleyiciye tam başlangıç rehberimize göz atın.

WordPress Görselleri Hakkında Uzman Rehberleri

WordPress görsellerinizi daha da iyileştirmek için bu kullanışlı araçları ve ipuçlarını inceleyin:

• WordPress İçin En İyi Öne Çıkan Görsel Eklentileri ve Araçları (Karşılaştırmalı)
• WordPress Gönderi Küçük Resimlerini Kırpma ve Düzenleme
• WordPress'te Ek Resim Boyutları Nasıl Oluşturulur
• WordPress'te Kahraman Görseli Nasıl Eklenir (Tüm Temalar İçin Çalışır)
• WordPress'te Resim Alt Metni ve Resim Başlığı – Fark Nedir?
• Kaliteyi Kaybetmeden Web Performansı İçin Resimleri Nasıl Optimize Edersiniz
• WordPress'te Görüntü Hırsızlığını Önleme Yolları

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.