WordPress’te üstün görüntünün üzerine metin nasıl eklenir

WordPress sitenizdeki üstün görüntünün üzerine metin eklemek ister misiniz? Üstün resme metin açıklaması eklemek, yayınınıza birkaç bağlam eklemenizi sağlar. Ancak, WordPress temanız bunun için varsayılan bir özellik ile donatılmışsa, hazırlamak zor olabilir. Neyse ki, özel bir kod kullanmadan WordPress’e üstün görüntünün üzerine metin eklemenin birkaç kolay yolu vardır ve bu yazıda sizinle paylaşacağım. Toplamda size dört farklı yöntem göstereceğim:
Elementor ve Pro Elementor
Üstün resimlere metin eklemenizi sağlayan iki farklı ücretsiz eklenti
WordPress Block Editor’daki Orijinal Blok
Başlamaya hazır? Hadi kazalım …
Elementor ile resmin üzerine üstün metin nasıl eklenir, üstün yayınları ve görüntüleri nasıl gösterdiğiniz konusunda daha eksiksiz bir yeniden düzenleme istiyorsanız, Elementor sayfası üreticisini kullanabilirsiniz. Elementor Pro, tema üreticisi özelliklerini kullanarak blogunuzu yayınlamak için özel bir şablon oluşturmanıza olanak tanır. Bunun bir parçası olarak, metni üstün görüntünüzün üzerindeki kaplayabilirsiniz. Elementor’un nasıl kullanılacağının temelleri hakkında daha fazla bilgi için, Elementor incelememize bakın. Bunu hazırlamak için, tema üreticisi özelliklerine erişebilmeniz için ücretsiz bir Core Elementor eklentisine ve eklenti Elementor Pro’ya ihtiyacınız var.
Ardından, şablonu → tema üreticisini açın ve yayınınız için yeni bir tek şablon oluşturun. Bu, bireysel blog yayınlarının tasarımını kontrol eder.

Aşağıda bağlı makaleler
Üstün görüntüler eklemek için üstün görüntü widget’ını sürükleyin. Ardından, metin eklemek için bir açılır başlık kullanın ve şu şekilde ayarlayın:
Ek Altyazı – WordPress Media Kütüphanesi Kütüphanesi kutusundan bilgi alacaktır. Bunu Pro Elementor’un dinamik özellikleriyle birleştirirseniz, kullandığınız özel alandan otomatik olarak metin ekleyebilirsiniz.
Burada olan birçok şey olduğunu biliyorum. Elementor ile karıştırılıyorsanız, Elementor’un nasıl çalıştığını daha iyi anlamanız için Elementor incelemelerimizi okumanızı şiddetle tavsiye ederim.

Elementor’a gidin Temanızın üstün resim açıklamasını destekleyip desteklemediğini kontrol edin, temanızın üstün resim metnini destekleyip desteklemediğini kontrol etmelisiniz. Örneğin, yeni yirmi yirmi tema ile test ettiğimde, tema WordPress Media kütüphanesinde ayarladığım metni otomatik olarak görüntüleyecek:
Referanslar için, ifadeyi bu şekilde ayarladım:

Yani, temanız bunu destekliyorsa, bu üstün görüntülere metin eklemenin kolay bir yoludur. Ancak, tüm temalar bunu desteklemez. Aynı şeyi geçen yıl varsayılan temada test ettiğimde (yirmi on dokuz), ifadesini göstermedi.

Temanız varsayılan olarak metin görüntülemiyorsa, WordPress’teki Üstün Görüntünün üzerine metin eklemenin birkaç yolunu okumaya devam edebilirsiniz. Üstün görüntünün açıklamasıyla üstün görüntüye metin nasıl eklenir.
Aşağıda bağlı makaleler

Bunun kullanımı çok kolaydır ve doğrudan kutudan WordPress temalarıyla çalışır. Ayrıca, WordPress.org’dan ücretsiz özellikli görüntü altyazı eklentisini başlatmak, yüklemek ve etkinleştirmek için klasik bir editör ve yeni blok düzenleyiciyle de çalışır. Eklentiyi etkinleştirdikten sonra, WordPress düzenleyicisinde yeni özellikli görüntü altyazı bölümünü göreceksiniz. Blok düzenleyicisinde, bu bölüm yan çubukta görünür. Tek yapmanız gereken kutuya kullanmak istediğiniz metni eklemektir:

Ve hepsi bu! Eklenti, amiral gemisi resminize otomatik olarak metin açıklaması ekler.
Varsayılan olarak, metin üstün görüntünüzün hemen altında görünür:

Bu metni resmin üstünde “yüzer” hale getirmek için taşımak istiyorsanız, bazı basit CSS kullanabilirsiniz.

Bir CSS uzmanı olmasam da (bunu yapmanın daha verimli bir yolu olabilir!), Bu kullandığım CSS. Ayrıca metnin boyutunu ve rengini de değiştiriyorum: Span.ccfic-Text {Pozisyon: Relative; Alt: 50px; Beyaz renk; yazı tipi boyutu: 32px; }

CSS’nin nasıl ekleneceğinden emin değilseniz, WordPress’e özel CSS’nin nasıl ekleneceğine dair kılavuzumuza bakın.
Aşağıda bağlı makaleler

Yeni WordPress Block Düzenleyicisi’ni (aka Gutenberg) kullanırsanız, kapak bloğuyla üstün bir görüntüye metin nasıl eklenir, varsayılan bloğu kullanarak metinle üstün görüntüler ekleyebilirsiniz. Block Editor, resmin üzerine metin eklemek için çeşitli seçenekler içerse de, üstün görüntüler için orijinal kapak bloğunu öneririm. Ayrıca iyi bir üstün etki eklemeyi de genişletebilirsiniz:

Ve Voila – üstünde metin bulunan üstün görüntü:

Temanız bir sayfada otomatik olarak üstün görüntüler görüntülerse, yinelenen görüntülerden kaçınmak için bunları devre dışı bırakmak isteyebilirsiniz, çünkü kapak bloğu aynı şeyi tamamlasa bile teknik olarak üstün görüntünüzden ayrıdır. Özel FSM FSM özel özellikli görüntü altyazı, WordPress.org’da WordPress’teki üstün görüntülere bilgi eklemeyi kolaylaştıran başka bir düzgün ücretsiz eklentidir ve diğer birkaç kullanışlı diğer bir başka düzgün eklentidir. Ayarlar. Bazı seçenekler yukarıdaki özellikli görüntü altyazı eklentisinden daha fazladır. WordPress.org adresinden ücretsiz bir eklenti başlatmak, yüklemek ve etkinleştirmek için. Ardından, birkaç ayarı yapılandırmak için Ayarlar → FSM özel özellikli görüntü altyazısını açın. İlk olarak, Blog Gönderi listesinde üstün resim açıklamanızı görüntülemek istiyorsanız, listedeki ekran kutusunu kontrol etmelisiniz. Değilse, eklenti yalnızca tek blog yayın sayfasında bilgileri görüntüler. Üstün görüntünün üstünde “yüzen” bir metin yapmak istiyorsanız, özel bir stil seçeneği de seçebilir ve bazı özel CSS girebilirsiniz. Örnek olarak:

Pozisyon: göreceli; Alt: 50px; Sol: 35px; Beyaz renk; yazı tipi boyutu: 22px;

Eklentiler, metninizi WordPress Media Kütüphanesinde ayarladığınız metinden otomatik olarak çizer. Varsayılan stil ve yirmi on beş temalı aşağıdaki ekran açıklaması:
Ve bu, metnin resmin üstünde yüzmesini sağlamak için yukarıdan özel bir CSS eklediğimde görünüm:
Üstün görüntünün üzerine metin ekleme hakkında sorular var mı?İşte bu, arkadaşlar.WordPress sitenizin üstün görüntüsünün üzerine metin eklemenin dört farklı yolu.En basit yöntem için, yeni WordPress blok düzenleyicisindeki kapak bloğunu kullanabilirsiniz. Veya özellikli görüntü altyazı eklentisi ve FSM özel özellikli görüntü altyazı her ikisi de basit ücretsiz seçeneklerdir.Öte yandan, WordPress üstün görüntünüzün işlevini tam olarak kontrol etmek istiyorsanız, Elementor ve Elementor Pro’dan daha memnun olabilirsiniz.WordPress sitenizdeki üstün görüntünün üzerine metin nasıl ekleneceğine dair sorular kaldı?Yorumlarda sorun ve yardım etmeye çalışacağız!