Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress’te Bir Görselin Üstüne Metin Ekleme (3 Yöntem)

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.

How to add text on top of an image in WordPress

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:

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.

The WordPress Cover block

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.

How to add text on top of an image in WordPress

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.

Uploading an image to the WordPress Cover block

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.

A colored cover overlay

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.

How to add text on top of an image in WordPress

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.

Styling the text on top of a WordPress image

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.

Changing the color of text on top of an image

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.

Adding text on top of an image in WordPress

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.

The WordPress Image block

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.

Adding text on top of an image in WordPress

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.

Changing the text color in WordPress

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.

Increasing the text size

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.

The SeedProd Downloads page

Ş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.

Verifying your SeedProd license

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.

SeedProd's page design templates

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.

The SeedProd ready-made templates

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.

SeedProd's professionally-designed templates

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.

A lead generation and squeeze template

‘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.

Creating a custom page layout with SeedProd

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.

Adding blocks to your SeedProd design

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.

Customizing a ready-made SeedProd page design

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.

A SeedProd section template

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.

A SeedProd hero template

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.

Deleting a background image in SeedProd

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.

Choosing a SeedProd stock image

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.

SeedProd's stock image library

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.

Add text on top of an image using SeedProd

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.

Editing your SeedProd text

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.

Deleting SeedProd sections and blocks

Sayfa tasarımınızdan memnun olduğunuzda, ‘Kaydet’ düğmesine tıklayabilirsiniz.

Buradan sayfayı yayınlamayı veya şablon olarak kaydetmeyi seçebilirsiniz.

Publishing a SeedProd design

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:

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

5 yorumBir Cevap Bırakın

  1. 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!

  2. 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

  3. 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

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.