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 Metin Nasıl Vurgulanır

WordPress'te metin vurgulamak, içeriğinizin en önemli kısımlarına dikkat çekmenize yardımcı olur.

Önemli bilgilerin daha kolay fark edilmesini sağlar, okunabilirliği artırır ve görsel veya okuma güçlüğü çeken kullanıcılar için erişilebilirlik desteği sunar.

Metin vurgulamanın temel faydaları şunlardır:

• Önemli Bilgilerin Görünürlüğünü Artırır: İndirimler, teklifler veya uyarılar gibi önemli ayrıntıların öne çıkmasına yardımcı olur, böylece okuyucular bunları kaçırmaz.
• Dönüşümleri Artırır: Harekete geçirici mesajları veya özel teklifleri vurgulayarak, kullanıcıları bir sonraki adımı daha kolay atmaya yönlendirebilirsiniz.
• Okunabilirliği Geliştirir: Uzun içerikleri taramayı kolaylaştırır, okuyucuların en ilgili noktaları hızla bulmasına yardımcı olur.
• Erişilebilirliği Destekler: Görme engelli veya okuma güçlüğü çeken kullanıcıların içeriğinizi daha iyi anlamalarına ve gezinmelerine yardımcı olabilir.
• Görsel Çekiciliği Artırır: Doğru kullanıldığında, vurgulama içeriğinizin daha yapılandırılmış ve ilgi çekici görünmesini sağlayabilir.

Etkili Metin Vurgulama İçin En İyi Uygulamalar

Metin vurgulamanın neden faydalı olduğunu artık bildiğinize göre, onu doğru şekilde kullanmak önemlidir.

Doğru yapıldığında okunabilirliği ve etkileşimi artırır, ancak aşırı kullanımı ters etki yaratabilir.

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

Blok düzenleyiciyi (Gutenberg) kullanarak WordPress'te metni kolayca vurgulamak istiyorsanız bu yöntem 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 'Arka Plan' rengi seçeneğini seçmeniz gerekecektir.

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

Tam renk seçiciyi açmak 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.

Vurguyu kaldırmak isterseniz, blok düzenleyicide vurgulanan metni tekrar seçin, aşağı oku simgesine tıklayın ve 'Vurgu'yu seçin.

Ardından renk seçiciden 'Temizle' seçeneğini seçin.

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. WordPress.org'da 3 milyondan fazla aktif kurulumu ve 4,9/5 yıldız derecelendirmesi bulunmaktadır.

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. Tüm bunlar, akıllı kod doğrulaması, yerleşik hata işleme ve güvenli yürütme ortamı sayesinde mümkün olmaktadır.

Ayrıntılar için WPCode incelememize bakın.

Adım 1: WPCode'u Kurun ve Yapılandırın

Öncelikle, WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla talimat için lütfen WordPress eklentisinin nasıl kurulacağına dair başlangıç kılavuzumuza bakın.

Adım 2: Özel CSS Parçacığı Oluşturun

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.

Adım 3: Özel Kodunuzu Ekleyin

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.

Adım 4: Otomatik Ekleme'yi Etkinleştirin ve Kaydedin

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.

Adım 5: Gönderiyi HTML Görünümünde Düzenleyin

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, seçilen bloğun araç çubuğundaki ‘Diğer seçenekler’ (üç dikey nokta) simgesine tıklayın. Bu, yeni bir açılır menü açacaktır ve burada ‘HTML olarak düzenle’ seçeneğini seçmelisiniz.

Adım 6: Metni <mark> Etiketleriyle Sarın

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

Adım 7: Gönderinizi Kaydedin ve Yayınlayı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, o 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 amacıyla SeedProd kullanmanızı öneririz. Piyasada bulunan en iyi WordPress açılış sayfası oluşturucusudur, 1 milyondan fazla web sitesi tarafından güvenilmekte ve WordPress.org'da sürekli olarak 4,9/5 yıldızla derecelendirilmektedir.

SeedProd, sürükle ve bırak oluşturucu, 350'den fazla hazır şablon ve 90'dan fazla blok ile birlikte gelir.

E-ticaret mağazaları ve pazarlama ajansları dahil birçok işletmenin SeedProd ile harika sonuçlar elde ettiğini gördük; genellikle potansiyel müşteri oluşturma ve dönüşümlerde önemli iyileşmeler bildirdiler.

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 açılış sayfası oluşturma hakkındaki eğitimimize bakabilirsiniz.

WordPress'te Metin Vurgulama Hakkında Sıkça Sorulan Sorular

WordPress'te metin vurgulama hakkında okuyucularımızın sıkça sorduğu bazı sorular şunlardır:

WordPress'te metin rengi nasıl değiştirilir?

WordPress'te metin rengini, metninizi seçip bloktaki “Metin Rengi” seçeneğindeki renk ayarlarını yaparak blok düzenleyiciyi kullanarak değiştirebilirsiniz. Bu, kodlama yapmadan içeriğinizi hızlı bir şekilde stilize etmenizi sağlar.

Daha fazla bilgi için, WordPress'te metin rengini değiştirme hakkındaki kılavuzumuza bakın.

WordPress'te HTML ile metin nasıl vurgulanır?

WordPress'te metni bir <mark> etiketine sararak veya satır içi CSS stilleri kullanarak HTML ile vurgulayabilirsiniz. Bu, vurgunun nasıl görüneceği üzerinde size daha fazla kontrol sağlar.

Daha basit bir seçeneği tercih ederseniz, özel CSS parçacıklarını WordPress kontrol panelinize eklemek ve yönetmek için WPCode gibi bir eklenti de kullanabilirsiniz.

WordPress'te metin vurgulamak için hangi Ctrl tuşu kullanılır?

WordPress'te metni doğrudan vurgulamak için özel bir Ctrl tuşu kısayolu yoktur. Vurgulama genellikle metni fare veya izleme dörtgeninizle seçerek manuel olarak yapılır.

Ancak, daha sonra vurgulama veya renk değişiklikleri gibi biçimlendirmeleri uygulamayı kolaylaştırmak için bir bloktaki veya düzenleyicideki tüm metni seçmek üzere Ctrl + A (Mac'te Cmd + A) kullanabilirsiniz.

WordPress'te bağlantı rengi nasıl değiştirilir?

WordPress'te bağlantı rengini temanızın özelleştirme ayarlarını veya özel CSS'yi kullanarak değiştirebilirsiniz. Bu, tutarlı bir görünüm için bağlantı stillerini web sitenizin tasarımıyla eşleştirmenize olanak tanır.

Adım adım talimatlar için, WordPress'te bağlantı renginin nasıl değiştirileceği hakkındaki eğitimimize bakın.

Umarız bu kılavuz, WordPress'te metnin nasıl vurgulanacağını öğrenmenize yardımcı olmuştur. 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ının karşılaştırmamıza da 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.