En çok ihtiyaç duyduğunuzda güvenilir WordPress eğitimleri.
WordPress Başlangıç Rehberi
WPB Kupası
25 Milyon+
Eklentilerimizi kullanan web siteleri
16+
Yıllık WordPress deneyimi
3000+
Uzmanlardan WordPress eğitimleri

WordPress'te Görüntülerin Üzerine Metin Nasıl Eklenir (3 Yöntem)

WordPress resimlerinize metin eklemek ister misiniz? Fotoğrafların üzerine katmanlanmış olarak gördüğünüz çekici başlıklar ve alıntılar, içeriğinizin öne çıkmasını sağlayabilir. Buna metin kaplaması denir ve resimlerinizi daha ilgi çekici hale getirmenin harika bir yoludur.

Bu metin kaplamalarını nasıl oluşturacağınızı merak ediyorsanız, özel tasarım yazılımlarına veya becerilerine ihtiyacınız olduğunu düşünebilirsiniz. İyi haber - ihtiyacınız yok!

Her türlü yöntemi denedik ve WordPress içinde görsellerin üzerine metin eklemenin birkaç basit yolunu bulduk. Tasarım deneyimi gerekmez ve satın alınacak ek yazılım yoktur.

Nasıl öğreneceğiniz hazır mı? WordPress'te bir resmin üzerine metin eklemenin üç basit yolunu göstereceğiz. Bu kılavuzu bitirdiğinizde, web siteniz için kendinize güvenerek profesyonel görünümlü metin kaplamaları oluşturacaksınız.

WordPress'te bir resmin üzerine nasıl metin eklenir

WordPress'te Görsellerin Üzerine Ne Zaman Metin Eklenir

Görüntüler, WordPress web sitenizin çekiciliğini önemli ölçüde artırabilir, daha görsel olarak ilginç hale getirebilir ve uzun metin bölümlerini kırmaya yardımcı olabilir.

Ancak, bazen tek başına bir görüntü tüm hikayeyi anlatmaz. Bu durumlarda, metin kaplamaları eklemek, hedef kitlenizin görüntünün içerikle neden ilgili olduğunu anlamasına yardımcı olarak ek bağlam sağlayabilir.

İster bir WordPress blogu ister çevrimiçi bir mağaza çalıştırıyor olun, metin bindirmeleri sıradan görselleri dikkat çekici başlıklar veya banner'lar haline getirebilir.

Bu gönderide, WordPress'te bir resmin üzerine metin eklemenin üç yeni başlayan dostu yolunu ele aldık. Belirli bir yönteme doğrudan geçmeyi tercih ederseniz, aşağıdaki bağlantıları kullanabilirsiniz:

WordPress'te bir görüntünün üzerine metin eklemenin bir yolu Kapak bloğunu kullanmaktır. Bu bloğu herhangi bir görüntüyü göstermek ve ardından görüntünün üzerine metin yazmak için kullanabilirsiniz. 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 'Kapak' yazıp göründüğünde doğru bloğu seçebilirsiniz.

WordPress kapak bloğu

Burada varsayılan Kapak bloğunu seçebilirsiniz.

Ancak yer tutucu görsel ve metinle şablonlu seçeneği de tercih edebilirsiniz. İkinci seçenekle, mevcut görsel ve metni kendi görselleriniz ve metinlerinizle değiştirebilirsiniz.

Varsayılan resmi değiştirmek için resmi seçmek üzere tıklamanız yeterlidir. Bunu yaptıktan sonra 'Değiştir' düğmesine tıklayın.

WordPress kapak değiştirme

Zaten WordPress medya kütüphanenizde bulunan bir görüntüyü kullanmak istiyorsanız, 'Medya Kütüphanesini Aç' seçeneğine tıklamanız yeterlidir. Ardından mevcut bir görüntüyü seçebilirsiniz.

Yeni bir görsel yüklemek istiyorsanız, bunun yerine 'Yükle'ye tıklayın.

Kapak yüklemeyi değiştir

Bu, bilgisayarınızdan herhangi bir dosyayı seçebileceğiniz bir pencere açar.

Bir resim 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ırırken görüntüyü sabit tutabilir veya görüntüye renk kaplaması ekleyebilirsiniz.

Kapak rengi kaplaması

Bir kaplama kullanırsanız, ‘Opaklık’ kaydırıcısını kullanarak opaklığını değiştirebilirsiniz. Opaklık ayarı, arka plan resminin şeffaflığını kontrol eder.

Görselin nasıl göründüğünden memnun kaldığınızda, metin eklemeye hazırsınız.

Varsayılan olarak, Kapak bloğunda, görüntünün üzerine metin ekleyebileceğiniz bir Başlık ve bir Paragraf bloğu bulunur.

WordPress'te bir resmin üzerine nasıl metin eklenir

Metin eklemek için Başlık veya Paragraf bloğunu seçmek üzere tıklamanız yeterlidir. Ardından, kullanmak istediğiniz metni yazmaya devam edin.

Görüntülerin üzerine metin eklerken, metninizin tüm ziyaretçiler için okunabilir olduğundan emin olun. Metin ve arka plan arasındaki iyi bir kontrast, herkesin içeriğinizi daha kolay okumasına yardımcı olur. Daha fazla bilgi edinmek için lütfen WordPress sitenizde erişilebilirliği nasıl geliştireceğiniz hakkındaki kılavuzumuza bakın.

Bununla birlikte, metninizi okunmasını kolaylaştıracak şekilde biçimlendirmek isteyebilirsiniz.

Bir Başlık bloğuyla çalışıyorsanız, okunması en kolay olanı görmek için farklı başlık stillerini de deneyebilirsiniz.

WordPress görselinin üzerine metin stilini ayarlama

Metninizin öne çıkmasına yardımcı olmak için zıt bir renk de kullanabilirsiniz.

Farklı bir renk seçmek için sağdaki menüde ‘Blok’ sekmesini seçin. Ardından, bu bölümü genişletmek için ‘Renk’e tıklayın.

Bunu yaptıktan sonra 'Metin'e tıklayın. Bu, bloktaki tüm metin için yeni bir renk seçebileceğiniz bir açılır pencere açar.

Bir görüntünün üzerindeki metnin rengini değiştirme

Genellikle daha büyük metinlerin okunması daha kolaydır.

Metninizi büyütmek için, 'Boyut' yanındaki alana tıklayın ve ardından bu alana daha büyük bir sayı yazın.

WordPress'te bir görüntünün üzerine metin ekleme

Kapak bloğunuzun görünümünden memnun kaldığınızda, sayfanızı normal şekilde yayınlayabilir veya güncelleyebilirsiniz. Şimdi, WordPress web sitenizi ziyaret ederseniz, metninizi görüntünün üzerinde göreceksiniz.

Yöntem 2: Resim Bloğu Kullanarak Bir Resmin Üzerine Metin Ekleme

Kapak bloğu, banner ve başlıklar oluşturmak için harikadır. Ancak, standart bir WordPress Görüntü bloğunun üzerine de metin ekleyebilirsiniz.

Başlamak için, bir Resim bloğu eklemeniz gerekir. Bunu yapmak için WordPress blok düzenleyicisindeki artı '+' Blok Ekle düğmesine tıklamanız yeterlidir.

Ardından 'Resim' yazıp doğru bloğu seçerek gönderinize ekleyebilirsiniz.

WordPress resim bloğu

Ardından bilgisayarınızdan bir görüntü yükleyebilir veya WordPress medya kütüphanesinden bir görüntü seçmek için ‘Medya Kütüphanesi’ne tıklayabilirsiniz.

Görüntünüzü 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.

Resim bloğunuz için en iyi neyin işe yaradığını görmek üzere farklı 'Sabit arka plan' ve 'Tekrarlanan arka plan' kaydırıcılarını da deneyebilirsiniz.

Görselinizin nasıl göründüğünden memnun kaldığınızda, 'Görsel üzerine metin ekle' düğmesine tıklayın.

Metin resim ekle

Bu, metninizi yazabileceğiniz bir alan ekler.

Görselinize bağlı olarak, ziyaretçiler bindirme metnini okumakta zorlanabilir. Burada, metni kalın yapmak veya yukarıda açıklanan aynı işlemi izleyerek rengini değiştirmek yardımcı olabilir.

Resim bloğu rengi

Metninizi daha büyük de yapabilirsiniz.

Bunu yapmak için sağdaki menüde 'Boyut' bölümünü bulun. Ardından metninizi büyütmek veya küçültmek için farklı sayılara tıklamaya devam edebilirsiniz.

Küçük büyük metin

Metninizin ve resminizin nasıl göründüğünden memnun kaldığınızda, web sitenizi önizleyin. Ardından, değişikliklerinizi kaydetmek için ‘Taslak Kaydet’, ‘Güncelle’ veya ‘Yayınla’ya tıklayın.

Eğer blok tabanlı bir WordPress teması kullanıyorsanız, WordPress Tam Site Düzenleyicisi (FSE) kullanarak temanızın herhangi bir yerinde bir görüntünün üzerine metin eklemek için 1. ve 2. Yöntemleri kullanabilirsiniz.

FSE hakkında daha fazla bilgiyi WordPress Tam Site Düzenleme İçin Eksiksiz Başlangıç Rehberimizde bulabilirsiniz.

Yöntem 3: Görüntünün Üzerine Metin Yerleştirerek Özel Bir Sayfa Düzeni Oluşturma

Yerleşik WordPress blokları, WordPress'te bir görüntünün üzerine metin eklemenin hızlı ve kolay bir yoludur. Ancak, tamamen özel sayfa tasarımları oluşturma özgürlüğüne sahip olmak istiyorsanız, bir sayfa oluşturucu eklentisine ihtiyacınız olacaktır.

SeedProd, piyasadaki en iyi WordPress sayfa oluşturucu eklentisidir. Web sitenizin tamamında herhangi bir görüntünün üzerine metin eklemenize olanak tanır.

Not: SeedProd'un ücretsiz bir sürümü mevcuttur, ancak bu kılavuzda Pro sürümünü kullanacağız çünkü daha fazla özelliğe sahiptir.

Daha fazla ayrıntı için lütfen eksiksiz SeedProd incelememizi okuyun.

Öncelikle SeedProd eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra SeedProd lisans anahtarınızı girmeniz gerekecektir. Bu anahtarı SeedProd hesabınıza giriş yaparak alabilirsiniz. Ardından ‘İndirmeler’ sekmesine tıklayın.

Bunu yaptıktan sonra, 'Lisans anahtarı' bölümündeki anahtarı kopyalayabilirsiniz.

SeedProd İndirmeler sayfası

Bu anahtarı, SeedProd » Ayarlar sayfasına giderek WordPress yönetici alanınıza yapıştırabilirsiniz.

Buraya geldiğinizde, anahtarınızı 'Lisans anahtarı' alanına yapıştırın.

SeedProd lisansınızı doğruluyor

Ardından sadece ‘Anahtarı Doğrula’ düğmesine tıklamanız yeterlidir.

Bundan sonra, SeedProd » Açılış Sayfaları'na gideceğiz ve ‘Yeni Açılış Sayfası Ekle’ye tıklayacağız.

SeedProd'un sayfa tasarım şablonları

Görsellerinizin üzerine metin ekleyebilmeniz için bu ilk adım gereklidir.

Bir sonraki göreviniz, sayfanızın başlangıç noktası olacak bir şablon seçmektir.

Seçtiğiniz SeedProd şablonu ne olursa olsun, şablonun her bölümünü web sitenize ve markanıza mükemmel uyacak şekilde özelleştirebilirsiniz. Boş bir tuvalle başlamayı tercih ederseniz, ‘Boş Şablon’a tıklayabilirsiniz.

SeedProd şablon seçin

Tüm görsellerimizde, daha fazla abone kampanyaları için mükemmel olan Tasty Squeeze Page şablonunu kullanıyoruz.

Kullanmak isteyebileceğiniz bir şablon bulduğunuzda, üzerine fareyle gelin. Ardından 'Önizleme' simgesine tıklayabilirsiniz.

SeedProd'un profesyonelce tasarlanmış şablonları

Bu, şablonun bir önizlemesini gösterecektir.

Bu şablonun görünümünden memnunsanız, ‘Bu Şablonu Seç’ düğmesine tıklayın.

Bir potansiyel müşteri oluşturma ve sıkıştırma şablonu

'Sayfa Adı' alanına sayfa için bir ad yazın.

Varsayılan olarak SeedProd, bu adı sayfanın URL'si olarak kullanacaktır. Bu otomatik olarak oluşturulan URL'yi değiştirmek isterseniz, 'Sayfa URL' alanındaki metni düzenlemeniz yeterlidir.

SeedProd ile özel sayfa düzeni oluşturma

Girdiğiniz bilgilerden memnun kaldığınızda, 'Kaydet ve Sayfayı Düzenlemeye Başla' düğmesine tıklayın. Bu, şablonu SeedProd'un sürükle ve bırak düzenleyicisinde açacaktır.

Sol kenar çubuğunda, sayfanıza sürükleyip bırakabileceğiniz tüm blokları ve bölümleri göreceksiniz.

SeedProd tasarımınıza blok ekleme

Boş Şablon kullanmadığınız sürece, SeedProd sayfanızda zaten bazı bloklar ve bölümler olacaktır. Bu içeriğin herhangi birini düzenlemek için, bloğu veya bölümü seçmek üzere tıklamanız yeterlidir.

SeedProd'un sol taraf menüsü artık 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, Başlık bloğunda görünen metni değiştirebilirsiniz.

Hazır bir SeedProd sayfa tasarımını özelleştirme

Bir resmin üzerine metin eklemenin en kolay yolu, SeedProd'un hazır Kahraman bölümlerinden birini kullanmaktır.

Bu bölümlerde bir yer tutucu, tam genişlikte arka plan görseli ve üzerine eklenmiş bazı yer tutucu metinler bulunur. Varsayılan arka plan görselini ve metni kendi içeriğinizle kolayca değiştirebilirsiniz.

Başlamak için SeedProd'un sol tarafındaki menüde 'Bölümler' sekmesine tıklayın.

Ardından, sayfanıza ekleyebileceğiniz tüm hazır kahraman bölümlerini görmek için 'Kahraman'ı tıklayabilirsiniz.

Bir SeedProd bölüm şablonu

Bu bölüm şablonlarından herhangi birini önizlemek için şablonun üzerine gelin ve ardından büyüteç simgesine tıklayın.

Bu ana bölümü tasarımınıza eklemek için, ‘Bu Bölümü Seç’e tıklamanız yeterlidir.

Bir SeedProd kahraman şablonu

Ardından, şablonun stok görselini kendi görselinizle değiştirmek isteyeceksiniz. Bunu yapmak için, seçmek üzere stok görseline tıklamanız yeterlidir.

Ardından, SeedProd'un sol taraf menüsünde, bir çöp kutusu simgesi görünene kadar 'Arka Plan Resmi' önizlemesinin üzerine gelin.

Ardından yer tutucu resmi silmek için bu simgeye tıklayabilirsiniz.

SeedProd'da arka plan resmini silme

Ardından, ‘Kendi Görüntünü Kullan’ seçeneğine tıklayın. Daha sonra WordPress medya kütüphanesinden bir resim seçebilir veya stok bir resim kullanabilirsiniz.

SeedProd, binlerce telifsiz stok görsele kolay erişim sağlar. SeedProd'un stok görsel kitaplığına göz atmak için 'Bir Stok Görsel Kullan'a tıklayın.

Arama çubuğuna, aradığınız resmi tanımlayan bir kelime veya ifade yazın ve 'Ara' düğmesine tıklayın.

Bir SeedProd stok görüntüsü seçme

SeedProd şimdi arama teriminizle eşleşen tüm stok resimleri gösterecektir.

Tasarımınıza eklemek istediğiniz bir görsel bulduğunuzda, üzerine tıklamanız yeterlidir.

SeedProd'un stok görsel kitaplığı

Bir resim ekledikten sonra, yer tutucu metni değiştirmeye hazırsınız.

Bunu yapmak için, Metin bloğunu seçmek üzere tıklayın. Ardından 'Metin' alanında, kullanmak istediğiniz metni yazın.

SeedProd kullanarak bir resmin üzerine metin ekleyin

SeedProd'un bazı ana şablonlarında, harekete geçirici mesaj düğmeleri gibi ek içerikler bulunur.

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 tarafındaki menüde değişikliklerinizi yapmanız yeterlidir.

SeedProd metninizi düzenleme

Başka bir seçenek de bloğu kahraman şablonundan silmektir.

Bunu yapmak için, bloğu seçmek üzere tıklayın ve ardından çöp kutusu simgesine tıklayın.

SeedProd bölümlerini ve bloklarını silme

Sayfa tasarımınızdan memnun kaldığınızda ‘Kaydet’ düğmesine tıklayabilirsiniz.

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

Bir SeedProd tasarımı yayınlama

SeedProd ile özel sayfa düzenleri oluşturma hakkında daha fazla ayrıntı için, WordPress'te bir açılış sayfası oluşturma kılavuzumuza bakabilirsiniz.

WordPress'te Görüntüleri ve Dosyaları Yönetmek İçin Ek İpuçları

Görsellere metin eklemek, sitenizin daha iyi görünmesini sağlamanın yalnızca bir yoludur. Resimlerinizle daha fazlasını yapmak ister misiniz? Bu kolay kılavuzlara göz atın:

Umarız bu makale, WordPress'te bir görüntünün üzerine nasıl metin ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca, öne çıkan görüntüleri toplu olarak düzenleme kılavuzumuza ve en iyi WordPress kaydırıcı eklentileri hakkındaki uzman seçimlerimize de bakmak isteyebilirsiniz.

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.

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

Nihai WordPress Araç Seti

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

Okuyucu Etkileşimleri

9 CommentsLeave a Reply

  1. Harika bir eğitim. Görüntüye metin bindirmesi ekleyebildiğimiz 1. yöntem için, hem görüntüyü hem de bindirme metnini tıklanabilir bağlantı haline nasıl getirebiliriz. yani görüntü üzerine geldiğimizde tıklanabilir oluyor. şu ana kadar birçok yöntem denedik ancak yalnızca bindirme metnini tıklanabilir hale getirebildik. lütfen görüşlerinizi paylaşın.

    • Kapak bloğu bu işlevsellik düşünülerek tasarlanmamıştır. Bunu başarmak için bir görüntü bloğu kullanır ve görüntüyü istediğiniz tasarıma göre stilize edersiniz.

      Yönetici

  2. Web sitesi duyarlılığı hakkında bir soru sormak istiyorum. Bir resmin üzerine belirli bir konumda metin yerleştirdiğimde, mobilde tamamen farklı bir konuma geliyor. Bu bağlamda duyarlılık nasıl ele alınıyor? Masaüstü ve mobil cihazlarda aynı tasarımı korumak benim için oldukça zor çünkü daha küçük ekran boyutu nedeniyle resim ayarlanıyor. Yoksa bu daha çok seçilen tema ile ilgili bir sorun mu?

    • Bu sorunun, kullandığınız yönteme, kullandığınız belirli temaya ve sorunu nasıl gidereceğinize bağlı olacaktır.

      Yönetici

      • Yanıtınız için teşekkür ederim. GeneratePress temasını kullanıyorum. Her şeyi yerinde sabitlemek için CSS veya başka bir yöntem kullanarak bir çözüm olabileceğini düşünmüştüm. Tavsiyenize uyacağım ve tema geliştiricilerinden daha fazla bilgi almaya çalışacağım. Çok hızlı yanıt veriyorlar ve çok yardımcı oluyorlar. Zamanınız için teşekkür ederim.

  3. Merhaba, bir başlık eklemeye çalışıyorum ve ona basıldığında bir resme yönlendiriyor.

    • İstediğiniz şeye göre, 2. yöntemi kullanmak ve o bloğa bir bağlantı eklemek isteyeceksiniz.

      Yönetici

  4. Merhaba Yayın Ekibi,

    WordPress Kapak Bloğu'nun mobil görünümde metin kaplamasının DUYARLI OLMAMASI beni biraz hayal kırıklığına uğrattı, ne yazık ki metni tamamen okunamaz hale getiriyor.

    Bu sorundan haberiniz olsun istedim.

    • Bloğun şu anda duyarlı olmadığını paylaştığınız için teşekkür ederiz.

      Yönetici

Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkürler. Lütfen tüm yorumların yorum politikamıza göre denetlendiğini ve e-posta adresinizin YAYINLANMAYACAĞINI unutmayın. Lütfen isim alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.