WordPress'te Metin Nasıl Vurgulanır (Yeni Başlayanlar İçin Kılavuz)

Ders kitaplarındaki önemli bölümleri işaretlemek için sarı bir fosforlu kalem kullandığınızı hatırlıyor musunuz? WordPress'teki dijital eşdeğeri, önemli bilgilerin web sitenizde öne çıkmasını sağlamak için aynı derecede kullanışlıdır.

Ancak birçok yeni başlayan, içeriklerine bu biçimlendirmeyi eklemenin ne kadar kolay olduğunu fark etmez.

WPBeginner'ı yönettiğimiz süre boyunca, metin vurgulama gibi basit tekniklerin genellikle okuyucuların içerikle nasıl etkileşim kurduğunda en büyük farkı yarattığını fark ettik.

Stratejik olarak kullanıldığında, vurgulanan metin ziyaretçileri en önemli noktalarınıza yönlendirebilir ve mesajın akılda kalıcılığını artırabilir.

Bu kılavuzda, WordPress'te metni vurgulamak için birkaç kolay yöntem göstereceğiz.

WordPress'te Metni Neden ve Ne Zaman Vurgulamalı

Metin vurgulama, içeriğinizdeki önemli bilgileri öne çıkarmanın kolay bir yoludur. Kullanıcının dikkatini kaçırmanızı istemediğiniz ayrıntılara çeker.

Örneğin, WordPress web sitenizde bir indirim teklifini farklı bir renkle vurgulamak, okuyucunun dikkatini ona çekecek ve daha fazla satış yapmanıza yardımcı olacaktır.

İşte metin vurgulamanın bir blog yazısında nasıl görünebileceğine dair bir örnek:

Metni farklı bir renkle vurgulamak, görsel engelli veya okuma güçlüğü çeken kullanıcıların içeriği daha kolay gezinmelerine ve anlamalarına yardımcı olabilir. Hatta içeriğinizin görünümünü iyileştirebilir ve daha çekici hale getirebilir.

Ancak, sayfanızdaki çok fazla metni vurgulamak dikkat dağıtıcı olabilir ve etkinliğini azaltabilir. Bu nedenle, yalnızca eylem çağrıları, uyarılar ve okuyucuların dikkat etmesi gereken diğer ayrıntılar gibi önemli bilgileri vurgulamanızı öneririz.

Bununla birlikte, WordPress'te metni kolayca nasıl vurgulayacağınıza bir göz atalım. Kullanmak istediğiniz yönteme atlamak için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

• Yöntem 1: Blok Düzenleyiciyi Kullanarak WordPress'te Metni Vurgulama
• Method 2: Highlight Text in WordPress Using WPCode (Recommended)
• Bonus: Önemli Sayfaları Web Sitenizde Vurgulamak İçin SeedProd'u Kullanın

Yöntem 1: Blok Düzenleyiciyi Kullanarak WordPress'te Metni Vurgulama

Bu yöntem, blok düzenleyiciyi (Gutenberg) kullanarak WordPress'te metni kolayca vurgulamak istiyorsanız tam size göre.

İlk olarak, WordPress yönetici kenar çubuğundan içerik düzenleyicide mevcut veya yeni bir gönderi açmanız gerekecektir.

Oraya ulaştığınızda, vurgulamak istediğiniz metni seçmeniz yeterlidir. Ardından, daha fazla seçeneği görmek için blok araç çubuğundaki aşağı oku tıklayın.

Bu, bir açılır menü açacaktır; buradan listeden 'Vurgula' seçeneğini seçmelisiniz.

Ekranınızda bir renk seçici aracı açılacaktır. Buradan öncelikle 'Arka Plan' sekmesine geçmeniz gerekecektir.

Bundan sonra, verilen seçeneklerden varsayılan bir vurgu rengi seçin.

Bir 'Göz Damlası' aracını başlatmak için 'Özel' seçeneğine tıklayarak metni vurgulamak için özel bir renk de seçebilirsiniz.

Son olarak, değişikliklerinizi kaydetmek için ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklamayı unutmayın.

Vurgulanan metni uygulamada görmek için şimdi WordPress blogunuzu ziyaret edebilirsiniz.

Yöntem 2: WPCode ile WordPress'te Metin Vurgulama (Önerilen)

WordPress web sitenizde her yerde metni vurgulamak için tutarlı bir şekilde belirli bir renk kullanmak istiyorsanız, bu yöntem tam size göre.

Bu yöntemin ana faydası küresel kontroldür. Vurgulama rengini değiştirmeye karar verirseniz, kod parçacığını yalnızca bir kez güncellemeniz gerekir. Vurgulama rengi tüm sitenizde otomatik olarak güncellenecektir.

WordPress'te metni vurgulamak için tema dosyalarınıza CSS kodu ekleyebilirsiniz. Ancak, kodu girerken yapılacak en küçük bir hata web sitenizi bozabilir ve erişilemez hale getirebilir.

Bu nedenle, piyasadaki en iyi WordPress kod parçacığı eklentisi olan WPCode'u kullanmanızı öneririz.

Kapsamlı testlerden sonra, tema dosyalarınızı doğrudan düzenlemeden web sitenize kod eklemenin en kolay ve en güvenli yolu olduğunu bulduk. Ayrıntılar için WPCode incelememize bakın.

WPCode ile Bir Kod Parçası Oluşturun

Öncelikle, WPCode eklentisini yükleyip etkinleştirmeniz gerekir. Daha fazla talimat için lütfen WordPress eklentisi nasıl kurulur hakkındaki başlangıç rehberimize bakın.

Etkinleştirdikten sonra, WordPress yönetici kenar çubuğundan Kod Parçacıkları » + Parçacık Ekle sayfasına gidin.

Ardından, ‘Özel Kod Ekle (Yeni Parça)’ seçeneğinin altındaki ‘+ Özel Parça Ekle’ düğmesine tıklayın.

Ardından bir kod türü seçmeniz gerekir. Bu eğitim için 'CSS Snippet' seçeneğini seçin.

Bundan sonra, kod parçacığınız için uygun bir ad ekleyin.

Bu sizi, kod parçacığınıza bir isim yazarak başlayabileceğiniz ‘Özel Kod Parçacığı Oluştur’ sayfasına götürecektir.

Adı yalnızca referansınız içindir ve kodun ne işe yaradığını hatırlamanıza yardımcı olacak herhangi bir şey olabilir.

Ardından, aşağıdaki kodu ‘Kod Önizleme’ kutusuna kopyalayıp yapıştırın:

mark {
background-color: #ffd4a1;
}

Bunu yaptıktan sonra, tercih ettiğiniz vurgu renginin onaltılık kodunu kodda background-color satırının yanına ekleyin.

Örneğimizde, açık kahverengi bir renk olan #ffd4a1'i kullanıyoruz.

Bundan sonra, 'Ekleme' bölümüne aşağı kaydırın.

Buradan, kodu etkinleştirme üzerine çalıştırmak için 'Otomatik Ekle' yöntemini seçin.

Ardından, sayfanın üst kısmına gidin ve ‘Etkin Değil’ anahtarını ‘Etkin’ olarak değiştirin.

Son olarak, değişikliklerinizi kaydetmek için 'Snippet Kaydet' düğmesine tıklayın.

Blok Düzenleyicide Metni Vurgulama

CSS parçacığı etkinleştirildiğine göre, biçimlendirmeyi uygulamamız gerekiyor. Bu özel bir stil olduğu için, metni sarmak üzere belirli bir blok için HTML görünümüne kısa bir süre geçiş yapacağız.

İlk olarak, WordPress blok düzenleyicisinde mevcut veya yeni bir gönderi açın.

Buradan, üstteki blok araç çubuğundaki 'Seçenekler' simgesine tıklayın. Bu, 'HTML Olarak Düzenle' seçeneğini seçmeniz gereken yeni bir açılır menü açacaktır.

Şimdi blok içeriğini HTML biçiminde göreceksiniz.

Burada, vurgulamak istediğiniz metni şu şekilde <mark> </mark> etiketlerinin içine alın:

<mark>highlighted-text</mark>

Bu, WPCode kod parçacığınızda seçtiğiniz onaltılık renkte metni vurgulayacaktır.

Bundan sonra, görsel düzenleyiciye geri dönmek için blok araç çubuğundaki ‘Görsel Düzenle’ seçeneğine tıklayın.

İşiniz bittiğinde, değişikliklerinizi kaydetmek için 'Güncelle' veya 'Yayınla' düğmesine tıklayın.

Şimdi, vurgulanan metni uygulamada görmek için web sitenizi ziyaret edebilirsiniz.

Bonus: Önemli Sayfaları Web Sitenizde Vurgulamak İçin SeedProd'u Kullanın

İçeriğinizdeki belirli kelimeleri nasıl biçimlendireceğimizi tartıştık. Ancak bazen, iletişim formu veya hediye kuponu gibi sitenizdeki tüm bölümleri veya sayfaları vurgulamak isteyebilirsiniz.

Örneğin, çevrimiçi bir mağazanız varsa ve yeni bir sezonluk indirim başlattıysanız, bu teklifi web sitenizde vurgulamak isteyebilirsiniz.

Bu bölümleri, onlar için açılış sayfaları oluşturarak vurgulayabilirsiniz. Bunlar, potansiyel müşteriler oluşturmak üzere tasarlanmış web sitenizdeki bağımsız sayfalardır.

Web siteniz için görsel olarak çekici açılış sayfaları oluşturmak için SeedProd kullanmanızı öneririz. Piyasada sürükle ve bırak oluşturucu, 350'den fazla hazır şablon ve 90'dan fazla blok ile gelen en iyi WordPress açılış sayfası oluşturucusudur.

İş ortağı markalarımızın birçoğu tüm web sitelerini bununla oluşturdu ve harika deneyimler yaşadılar. Ayrıntılar için SeedProd incelememize bakın.

Eklenti, iletişim formu, satış duyurusu, çekilişler, referanslar, kayıt formları, giriş sayfaları ve daha fazlası gibi web sitenizin önemli bölümlerini vurgulayan çekici açılış sayfaları oluşturmayı kolaylaştırır.

Bunun dışında, SeedProd'u özel temalar, yakında çıkacak sayfalar, bakım sayfaları ve çok daha fazlasını oluşturmak için de kullanabilirsiniz.

Ayrıntılar için, WordPress'te bir açılış sayfası oluşturma hakkındaki eğitimimize bakabilirsiniz.

Umarım bu kılavuz, WordPress'te metnin nasıl vurgulanacağını öğrenmenize yardımcı olmuştur. Ayrıca, web sitenizi daha estetik hale getirmek için WordPress'te renklerin nasıl özelleştirileceğine dair adım adım kılavuzumuza ve WordPress için en iyi yapay zeka web sitesi oluşturucuları karşılaştırmamıza da göz atmak 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.