WordPress’te bir görsele metin kaplaması eklemeniz gereken pek çok zaman vardır.
Belki ana sayfanız için göz alıcı bir banner oluşturuyorsunuz. Ya da öne çıkan görselinize akılda kalıcı bir başlık eklemek istiyorsunuz. Bu durumla biz de karşılaştık ve bir metin kaplaması eklemek, görsellerinizi daha bilgilendirici ve ilgi çekici hale getirmenin harika bir yoludur.
WordPress’te görselinizin üzerine metin eklemek için yardıma ihtiyacınız varsa doğru yerdesiniz. WordPress’te görsellerin üzerine metin eklemenin 3 kolay yolunu bulduk, tasarım becerisi gerekmiyor.
WordPress’te Görsellerin Üzerine Ne Zaman Metin Eklenir?
Görseller WordPress web sitenizin daha ilginç görünmesini sağlayabilir ve büyük metin paragraflarını bölmeye yardımcı olabilir.
Ancak bazen görsellerinizin daha fazla açıklamaya ihtiyacı olabilir. Örneğin, görselin neyi gösterdiğini ve neden gönderinize eklediğinizi açıklamak için görselin üzerine metin ekleyebilirsiniz.
Birçok WordPress blogu, göz alıcı ve bilgilendirici banner’lar ve başlıklar oluşturmak için bir görselin üzerine metin de ekler.
Bu yazıda, WordPress’te bir görselin üzerine metin eklemenin yeni başlayanlar için üç kolay yolunu anlatacağız. Doğrudan belirli bir yönteme atlamayı tercih ediyorsanız, aşağıdaki bağlantıları kullanabilirsiniz:
Yöntem 1: Kapak Bloğunu Kullanarak Bir Görselin Üzerine Metin Ekleme
WordPress’te bir görselin üzerine metin eklemenin bir yolu da Kapak bloğunu kullanmaktır. Bu bloğu herhangi bir görseli göstermek için kullanabilir ve ardından görselin üzerine metin yazabilirsiniz. Bu, Kapak bloğunu kahraman görselleri, başlıklar ve bannerlar oluşturmak için mükemmel hale getirir.
Bir sayfaya veya gönderiye Kapak bloğu eklemek için Gutenberg blok düzenleyicisindeki artı ‘+ Blok Ekle’ düğmesine tıklamanız yeterlidir.
Artık ‘Cover’ yazabilir ve karşınıza çıktığında doğru bloğu seçebilirsiniz.
Burada, varsayılan Kapak bloğunu seçebilirsiniz. Ancak yer tutucu görsel ve metin içeren şablonlu seçeneği de tercih edebilirsiniz. İkinci seçenekte, mevcut görsel ve metni kendi görsel ve metninizle değiştirebilirsiniz.
Varsayılan görüntüyü değiştirmek için, görüntüyü seçmek üzere tıklamanız yeterlidir. Bunu yaptıktan sonra, ‘Değiştir’ düğmesine tıklayın.
WordPress medya kitaplığınızda zaten bulunan bir görseli kullanmak istiyorsanız, ‘Medya Kitaplığını Aç’a tıklamanız yeterlidir. Daha sonra mevcut bir görseli seçebilirsiniz.
Yeni bir resim yüklemek istiyorsanız, bunun yerine ‘Yükle’ye tıklayın.
Bu, bilgisayarınızdan herhangi bir dosya seçebileceğiniz bir pencere açar.
Bir görsel seçtikten sonra, bazı ilginç ve göz alıcı efektler oluşturmak için blok ayarlarını kullanabilirsiniz. Örneğin, ziyaretçi sayfayı kaydırdıkça görüntünün yerinde sabit kalmasını sağlayabilir veya görüntüye bir renk katmanı ekleyebilirsiniz.
Bir kaplama kullanıyorsanız, ‘Opaklık’ kaydırıcısını kullanarak opaklığını değiştirebilirsiniz. Opaklık ayarı arka plan görüntüsünün şeffaflığını kontrol eder.
Görüntünün nasıl göründüğünden memnun olduğunuzda, biraz metin eklemeye hazırsınız demektir.
Varsayılan olarak, Kapak bloğunda bir Başlık ve görüntünün üzerine metin ekleyebileceğiniz bir Paragraf bloğu bulunur.
Metin eklemek için Başlık veya Paragraf bloklarından birini seçmek üzere tıklamanız yeterlidir. Ardından, devam edin ve kullanmak istediğiniz metni yazın.
Bir görselin üzerine metin eklediğinizde, bu metnin okunması bazen zor olabilir. Bu durum özellikle görme bozukluğu olan ziyaretçiler için geçerlidir. Daha fazla bilgi edinmek için lütfen WordPress sitenizde erişilebilirliği nasıl geliştirebileceğinize ilişkin kılavuzumuza bakın.
Bununla birlikte, metninizi daha kolay okunacak şekilde biçimlendirmek isteyebilirsiniz.
Bir Başlık bloğuyla çalışıyorsanız, hangisinin okunmasının daha kolay olduğunu görmek için farklı başlık stillerini de deneyebilirsiniz.
Ayrıca kontrast bir renk kullanarak metninizin öne çıkmasına yardımcı olabilirsiniz.
Farklı bir renk seçmek için sağ taraftaki menüden ‘Blok’ sekmesini seçin. Ardından, bu bölümü genişletmek için devam edin ve ‘Renk’ üzerine tıklayın.
Bunu yaptıktan sonra, ‘Metin’ üzerine tıklayın. Bu, bloktaki tüm metin için yeni bir renk seçebileceğiniz bir açılır pencere açar.
Genellikle daha büyük metinlerin okunması daha kolaydır.
Metninizi büyütmek için, devam edin ve ‘Boyut’un yanındaki alana tıklayın ve ardından bu alana daha büyük bir sayı yazın.
Kapak bloğunuzun görünümünden memnun olduğunuzda, sayfanızı normal şekilde yayınlayabilir veya güncelleyebilirsiniz. Şimdi WordPress web sitenizi ziyaret ederseniz, metninizi resmin üstünde göreceksiniz.
Yöntem 2: Görüntü Bloğunu Kullanarak Görüntünün Üstüne Metin Ekleme
Kapak bloğu, afişler ve başlıklar oluşturmak için harikadır. Bununla birlikte, standart bir WordPress Görsel bloğunun üzerine metin de ekleyebilirsiniz.
Başlamak için sayfanıza veya yazınıza bir Görsel bloğu eklemeniz gerekir. Bunu yapmak için, WordPress blok düzenleyicisindeki artı ‘+ Blok Ekle’ düğmesine tıklamanız yeterlidir.
Daha sonra ‘Görsel’ yazabilir ve gönderinize eklemek için doğru bloğu seçebilirsiniz.
Daha sonra bilgisayarınızdan bir görsel yükleyebilir ya da WordPress medya kütüphanesinden bir görsel seçmek için ‘Medya Kütüphanesi’ne tıklayabilirsiniz.
Resminizi seçtikten sonra, yukarıda açıklanan aynı işlemi izleyerek odak noktasını değiştirebilir, bir kaplama ekleyebilir ve opaklığı değiştirebilirsiniz.
Görüntü bloğunuz için en uygun olanı görmek için farklı ‘Sabit arka plan’ ve ‘Tekrarlanan arka plan’ kaydırıcılarını da deneyebilirsiniz.
Resminizin görünümünden memnun olduğunuzda, ‘Resmin üzerine metin ekle’ düğmesine tıklayın.
Bu, metninizi yazabileceğiniz bir alan ekler.
Görselinize bağlı olarak, ziyaretçiler kaplama metninizi okumakta zorlanabilir. Burada, yukarıda açıklanan aynı işlemi izleyerek metni kalın yapmak veya rengini değiştirmek yardımcı olabilir.
Metninizi de büyütebilirsiniz.
Bunu yapmak için sağ taraftaki menüde ‘Boyut’ bölümünü bulun. Daha sonra metninizi büyütmek veya küçültmek için devam edip farklı sayılara tıklayabilirsiniz.
Metninizin ve resminizin nasıl göründüğünden memnun olduğunuzda, devam edin ve web sitenizi önizleyin. Ardından, değişikliklerinizi kaydetmek için ‘Taslağı Kaydet’, ‘Güncelle’ veya ‘Yayınla’ya tıklayın.
Blok WordPress teması kullanıyorsanız, WordPress Tam Site Düzenleyicisi’ni (FSE) kullanarak temanızın herhangi bir bölümündeki bir resmin üzerine metin eklemek için Yöntem 1 ve 2’yi kullanabilirsiniz.
FSE hakkında daha fazla bilgiyi WordPress Tam Site Düzenlemeye yeni başlayanlar için eksiksiz kılavuzumuzda bulabilirsiniz.
Yöntem 3: Görselin Üstünde Metin Bulunan Özel Bir Sayfa Düzeni Oluşturun
Yerleşik WordPress blokları, WordPress’te bir görselin üzerine metin eklemenin hızlı ve kolay bir yoludur. Ancak, tamamen özel sayfa tasarımları oluşturma özgürlüğü istiyorsanız, bir sayfa oluşturucu eklentisine ihtiyacınız olacaktır.
SeedProd piyasadaki en iyi WordPress sayfa oluşturucu eklentisidir. Tüm web sitenizdeki herhangi bir görüntünün üzerine metin eklemenize olanak tanır.
Not: SeedProd’un ücretsiz bir sürümü var, ancak bu kılavuz için daha fazla özelliğe sahip olduğu için Pro sürümünü kullanacağız.
Daha fazla ayrıntı için SeedProd incelememizin tamamını okuyabilirsiniz.
Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından SeedProd lisans anahtarınızı girmeniz gerekecektir. Bu anahtarı SeedProd hesabınıza giriş yaparak alabilirsiniz. Ardından, ‘İndirilenler’ sekmesine tıklayın.
Bunu yaptıktan sonra, anahtarı ‘Lisans anahtarı’ bölümüne kopyalayabilirsiniz.
Şimdi SeedProd ” Ayarlar sayfasına giderek bu anahtarı WordPress yönetici alanınıza yapıştırabilirsiniz.
Buraya geldiğinizde, devam edin ve anahtarınızı ‘Lisans anahtarı’ alanına yapıştırın.
Ardından ‘Anahtarı Doğrula’ seçeneğine tıklamanız yeterlidir.
Bundan sonra, SeedProd “ Açılış Sayfaları ‘na gideceğiz ve ‘Yeni Açılış Sayfası Ekle’ye tıklayacağız.
Bir sonraki göreviniz, sayfanızın başlangıç noktası olacak bir şablon seçmektir. Hangi SeedProd şablonunu seçerseniz seçin, şablonun her bölümünü web sitenize ve markanıza mükemmel şekilde uyacak şekilde özelleştirebilirsiniz.
Boş bir tuval ile başlamayı tercih ediyorsanız, ‘Boş Şablon’a tıklayabilirsiniz.
Tüm görsellerimizde, daha fazla abone kampanyası almak için mükemmel olan Tasty Squeeze Page şablonunu kullanıyoruz.
Kullanmak isteyebileceğiniz bir şablon bulduğunuzda, farenizi şablonun üzerine getirin. Daha sonra ‘Önizleme’ simgesine tıklayabilirsiniz.
Bu, şablonun bir önizlemesini gösterecektir.
Bu şablonun görünümünden memnunsanız, devam edin ve ‘Bu Şablonu Seç’ düğmesine tıklayın.
‘Sayfa Adı’ alanına sayfa için bir ad yazın.
Varsayılan olarak, SeedProd bu adı sayfanın URL’si olarak kullanacaktır. Otomatik olarak oluşturulan bu URL’yi değiştirmek isterseniz, ‘Sayfa URL’si’ alanındaki metni düzenlemeniz yeterlidir.
Girdiğiniz bilgilerden memnun olduğunuzda, ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın. Bu, şablonu SeedProd’un sürükle-bırak düzenleyicisinde açacaktır.
Sol taraftaki kenar çubuğunda, sürükle ve bırak yöntemini kullanarak sayfanıza ekleyebileceğiniz tüm blokları ve bölümleri göreceksiniz.
Boş Şablon kullanmıyorsanız, SeedProd sayfanızda zaten bazı bloklar ve bölümler olacaktır. Bu içeriklerden herhangi birini düzenlemek için, bloğu veya bölümü seçmek üzere tıklamanız yeterlidir.
SeedProd’un sol taraftaki menüsü şimdi bu bloğu veya bölümü özelleştirmek için kullanabileceğiniz tüm ayarları gösterecektir. Aşağıdaki resimde görebileceğiniz gibi, bir Başlık bloğuna tıklarsanız, bu blokta görünen metni değiştirebilirsiniz.
Bir görselin üzerine metin eklemenin en kolay yolu SeedProd’un hazır Hero bölümlerinden birini kullanmaktır.
Bu bölümlerde yer tutucu, tam genişlikte bir arka plan görüntüsü ve üstüne eklenen bazı yer tutucu metinler bulunur. Varsayılan arka plan resmini ve metni kendi içeriğinizle değiştirebilirsiniz.
Başlamak için SeedProd’un sol menüsündeki ‘Bölümler’ sekmesine tıklayın.
Daha sonra sayfanıza ekleyebileceğiniz tüm hazır kahraman bölümlerini görmek için ‘Kahraman’a tıklayabilirsiniz.
Bu bölüm şablonlarından herhangi birini önizlemek için şablonun üzerine gelin ve ardından büyüteç simgesine tıklayın.
Devam etmek ve bu kahraman bölümünü tasarımınıza eklemek için ‘Bu Bölümü Seç’e tıklamanız yeterlidir.
Ardından, şablonun stok görselini kendi görselinizle değiştirmek isteyeceksiniz. Bunu yapmak için stok görselin üzerine tıklayarak seçmeniz yeterlidir.
Ardından, SeedProd’un sol menüsünde, bir çöp kutusu simgesi görünene kadar ‘Arka Plan Görüntüsü’ önizlemesinin üzerine gelin.
Daha sonra devam edebilir ve yer tutucu görüntüyü silmek için bu simgeye tıklayabilirsiniz.
Ardından, ‘Kendi Görselinizi Kullanın’ seçeneğine tıklayın. Daha sonra WordPress medya kütüphanesinden bir görsel seçebilir veya stok bir görsel kullanabilirsiniz.
SeedProd size binlerce telifsiz stok görsele kolay erişim sağlar. SeedProd’un stok görsel kütüphanesine göz atmak için ‘Stok Görsel Kullan’a tıklayın.
Arama çubuğuna, aradığınız görüntüyü tanımlayan bir kelime veya ifade yazın ve ‘Ara’ düğmesine tıklayın.
SeedProd şimdi arama teriminizle eşleşen tüm stok görselleri gösterecektir.
Tasarımınıza eklemek istediğiniz bir görsel bulduğunuzda, sadece bir tıklama yapmanız yeterlidir.
Bir görsel ekledikten sonra, yer tutucu metni değiştirmeye hazırsınız demektir.
Bunu yapmak için, Metin bloğunu seçmek üzere tıklayın. Ardından ‘Metin’ alanına kullanmak istediğiniz metni yazın.
SeedProd’un bazı kahraman şablonları, harekete geçirici mesaj düğmeleri gibi ekstra içeriklere sahiptir.
Bu içeriği değiştirmek mi istiyorsunuz? O zaman bloğu seçmek için tıklamanız ve ardından SeedProd’un sol menüsünde değişikliklerinizi yapmanız yeterlidir.
Diğer bir seçenek de bloğu kahraman şablonundan silmektir.
Bunu yapmak için, bloğu seçmek için tıklamanız ve ardından çöp kutusu simgesine tıklamanız yeterlidir.
Sayfa tasarımınızdan memnun olduğunuzda, ‘Kaydet’ düğmesine tıklayabilirsiniz.
Buradan sayfayı yayınlamayı veya şablon olarak kaydetmeyi seçebilirsiniz.
SeedProd ile özel sayfa düzenleri oluşturma hakkında daha fazla ayrıntı için WordPress’te açılış sayfası oluşturma kılavuzumuza bakabilirsiniz.
WordPress’te Görselleri ve Dosyaları Yönetmek için Bonus İpuçları
Resimlere metin eklemek, sitenizin daha iyi görünmesini sağlamanın yalnızca bir yoludur. Resimlerinizle daha fazlasını mı yapmak istiyorsunuz? Bu kolay kılavuzlara göz atın:
- WordPress’te Görseller Nasıl Kolayca Tembel Yüklenir?
- WordPress Yazı ve Sayfalarına Birden Fazla Galeri Ekleme
- WordPress’te Öne Çıkarılmış İçerik Kaydırıcısı Nasıl Düzgün Bir Şekilde Eklenir?
- WordPress’te Bir Görselin Etrafına Kenarlık Ekleme
- WordPress Yazı Küçük Resimlerini Kırpma ve Düzenleme
- WordPress’te Etkileşimli 360 Derece Görüntüler Nasıl Kolayca Eklenir?
Umarız bu makale WordPress’te bir görselin üzerine nasıl metin ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca öne çıkan görselleri toplu olarak düzenleme rehberimize ve en iyi WordPress slider eklentileri için uzman seçimlerimize de göz atmak isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Viktorija
Hi, I am trying to add a title and when you press on it it leads you to an image.
WPBeginner Support
For what it sounds like you’re wanting, you would want to use method 2 and add a link to that block.
Yönetici
Trish
Hi Editorial Staff,
Am a bit disappointed with the WordPress Cover Block in that the text overlay is NOT responsive in Mobile view, sadly, making the text totally unreadable.
Thought you should know of this issue.
WPBeginner Support
Thank you for sharing that the block is not currently responsive.
Yönetici