WordPress’te Varsayılan Metin Seçimi Rengi Nasıl Değiştirilir?

WordPress’te varsayılan metin seçim rengini değiştirmek mi istiyorsunuz?

Bazen, varsayılan metin bölümü renginin arka plan rengiyle daha fazla kontrast oluşturmasını isteyebilirsiniz. Bu şekilde, kullanıcılar içerikte tam olarak neyin vurgulandığını görebilir.

Bu makalede, WordPress temanızdaki varsayılan metin seçim rengini nasıl değiştireceğinizi göstereceğiz.

WordPress’te Varsayılan Metin Seçimi Rengi Neden Değiştirilir?

Metin seçim rengi, bir içerik içinde bir metin parçasını vurguladığınızda görünen rengi ifade eder. Bunun gibi:

Bazı durumlarda, WordPress web sitesi tasarımınızla iyi görünmediği için bu rengi değiştirmek isteyebilirsiniz. Renk düzeni, sitenizin iyi görünmesinde ve tutarlı bir marka deneyimi sağlamanızda önemli bir rol oynar.

Bir WordPress blogu işletiyorsanız, içeriğin geri kalanından yeterince öne çıkmadığını ve okunmasını zorlaştırdığını düşünüyorsanız, varsayılan metin seçim rengini de değiştirmek isteyebilirsiniz.

Bununla birlikte, WordPress’te varsayılan metin seçim rengini nasıl değiştirebileceğinizi görelim. Kullanmak istediğiniz yönteme geçmek için aşağıdaki bağlantıları kullanmanız yeterlidir:

Yöntem 1: WordPress Tema Ayarlarını Kullanma (Kolay)

Bazı WordPress temaları, varsayılan metin seçim rengi de dahil olmak üzere tipografi ve yazı tipi ayarlarınızı değiştirmenize izin verir. Temanız için durumun böyle olup olmadığını kontrol etmek için Görünüm ” Özelleştir bölümüne gitmeniz gerekir.

Not: Bir blok teması kullanıyorsanız, bu seçeneğe sahip olmayacaksınız ve metin seçim rengini değiştirmek için Yöntem 2 ‘ye gitmeniz gerekecektir.

Burada, ‘Renkler’ etiketli herhangi bir ayar olup olmadığına bakın.

‘Genel’, ‘Global’ veya benzer bir sekme görürseniz, bu genellikle temanın renk ayarlarını içerir.

Örneğin, popüler Astra WordPress temasını kullanıyorsanız, ‘Global’ sekmesini seçmeniz gerekecektir.

Ardından, bu WordPress temasını oluşturan tüm farklı renkleri görmek için ‘Renkler’e tıklayın.

Ardından, ‘Aksan’a tıklamalısınız.

Bu, yeni bir metin seçim rengi seçebileceğiniz bir renk seçici açar.

Siz değişiklik yaptıkça, canlı önizleme otomatik olarak güncellenecektir. Böylece, WordPress web siteniz için neyin en iyi göründüğünü görmek için farklı ayarları deneyebilirsiniz.

Yaptığınız değişikliklerden memnun olduğunuzda, bunları canlı hale getirmek için ‘Yayınla’yı tıklamanız yeterlidir.

Bundan sonra, yeni metin seçim rengini WordPress blogunuzda veya web sitenizde canlı olarak göreceksiniz.

WordPress tema özelleştiricisinde herhangi bir renk ayarı görmeseniz bile, varsayılan metin seçimi rengini değiştirmenin bir yolu olup olmadığını görmek için temanızın belgelerini kontrol etmeye değer.

Yardım için temanın geliştiricisine bile ulaşabilirsiniz. Daha fazla bilgi için lütfen WordPress desteğini nasıl düzgün bir şekilde isteyeceğinize ve alacağınıza ilişkin kılavuzumuza bakın.

Yöntem 2: Metin Seçimi Rengini Değiştirmek için Kod Kullanma (Tüm Temalarla Çalışır)

Tema özelleştiricisinde metin seçim rengini değiştirmenin bir yolunu göremiyorsanız, başka bir seçenek de CSS kodunu kullanmaktır.

Genellikle WordPress eğitimlerinde CSS kod parçacıklarını temanızın functions.php dosyasına ekleme talimatlarıyla birlikte bulabilirsiniz.

En büyük sorun, kod parçacığındaki küçük bir hatanın bile WordPress sitenizi tamamen bozabilmesidir. WordPress temasını güncellediğinizde tüm özel kodlarınızı kaybedeceğinizden bahsetmiyorum bile.

İşte burada WPCode devreye giriyor. Bu kod parçacıkları eklentisi, herhangi bir hataya neden olmadan veya sitenizi erişilemez hale getirmeden WordPress’e özel kod eklemeyi kolaylaştırır.

Yapmanız gereken ilk şey ücretsiz WPCode eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress yönetici panonuzda Kod Parçacıkları ” Parçacık Ekle bölümüne gidin.

Burada, farenizi ‘Özel Kodunuzu Ekleyin’ seçeneğinin üzerine getirmeniz yeterlidir.

Göründüğünde, ‘Snippet kullan’ düğmesine tıklayın.

Başlamak için, özel kod parçacığı için bir başlık yazın. Bu, daha sonra WordPress kontrol panelinde kod parçacığını tanımlamanıza yardımcı olacak herhangi bir şey olabilir, örneğin ‘Metin seçim rengini değiştir’ gibi.

Bundan sonra, ‘Kod Türü’ açılır menüsünü açmanız ve ‘CSS Snippet’i seçmeniz gerekir.

Daha sonra Kod Önizleme kutusuna aşağıdaki CSS’yi ekleyebilirsiniz:

/* Customizing text selection for Firefox */
::-moz-selection {
    /* Background color when text is selected in Firefox */
    background-color: #008000; /* Green color */
    /* Text color when text is selected in Firefox */
    color: #fff;
}

/* Customizing text selection for other browsers */
::selection {
    /* Background color when text is selected in other browsers */
    background-color: #008000; /* Green color */
    /* Text color when text is selected in other browsers */
    color: #fff;
}

İki stil eklediğimize dikkat edin. moz-selection CSS seçicisi Firefox tarayıcısı ile çalışır ve : : selection CSS seçicisi Google Chrome, Safari, IE9+ ve Opera gibi diğer popüler tarayıcılarla çalışır.

Yukarıdaki örnekte, # onaltılık kodu bağlantı rengini yeşil olarak değiştirecektir, bu nedenle background-color öğesini değiştirmeniz gerekecektir: #008000 öğesini vurgulanan metin için kullanmak istediğiniz renkle değiştirmeniz gerekir.

Hangi hex kodunu kullanacağınızdan emin değilseniz, HTML Renk Kodları web sitesinde farklı renkleri keşfedebilir ve kodlarını alabilirsiniz.

Kodunuzun nasıl göründüğünden memnun olduğunuzda, bunun yerine ‘Etkin’i göstermek için ‘Etkin Değil’ geçişine tıklamanız yeterlidir.

Ardından, CSS snippet’ini canlı hale getirmek için ‘Snippet’i Kaydet’e tıklayın.

Artık değişiklikleri yerinde görmek için web sitenizi ziyaret edebilirsiniz.

Demo web sitemizde bu şekilde görünüyordu.

Daha Fazla WordPress Tipografi İpucu ve Püf Noktası Keşfedin

WordPress web sitenizdeki yazı tiplerini özelleştirmek istiyor ama nasıl yapacağınızı bilmiyor musunuz? Başlamak için bu kılavuzlara göz atın:

• Tasarımınızı Geliştirmek için En İyi WordPress Tipografi Eklentileri
• WordPress’te Yazı Tipi Boyutu Nasıl Kolayca Değiştirilir?
• Web Güvenli Yazı Tipi Nedir + En İyi Web Güvenli Yazı Tipleri (Başlangıç Rehberi)
• WordPress Temanıza Kolayca Simge Yazı Tipleri Ekleme
• WordPress Yazılarına Büyük Harf Ekleme

Umarız bu eğitim WordPress’te varsayılan metin seçim rengini nasıl değiştireceğinizi öğrenmenize yardımcı olmuştur. WordPress için en iyi sürükle ve bırak sayfa oluşturucular ve WordPress ile çevrimiçi yazı tipi satma hakkındaki rehberimizi de görmek 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.