2 Farklı Yöntem ile WordPress Link Rengi Değiştirme

Son güncelleme:
2 Farklı Yöntem ile WordPress Link Rengi Değiştirme

WordPress link rengi değiştirme, web sitenizin tasarımı üzerinde daha fazla kontrol sahibi olmanızı sağlar ve ziyaretçilerinizin gezinmesini kolaylaştırabilir. Bu yazıda, adım adım WordPress link rengi değiştirme konusuna değineceğim.

WordPress’te Bağlantı Rengini Neden Değiştirmelisiniz?

WordPress sitenizde bir bağlantı eklediğiniz zaman tema otomatik link rengini belirleyecektir.

logo

Uygun fiyatlı ve kaliteli hosting satın al.

Bazen WordPress temanızın varsayılan renk seçenekleri tam olarak istediğiniz gibi olur, ancak diğer zamanlarda bağlantıların nasıl göründüğü üzerinde daha fazla kontrol sahibi olmak istersiniz.

Örneğin, bağlantılarınızın rengini işletmenizin markasına veya logosuna uyacak şekilde değiştirmek isteyebilirsiniz. Veya sınırlı görüşe sahip okuyucular için web erişilebilirliğini iyileştirmek için renk kontrastını artırmak isteyebilirsiniz.

Bazı temalar, bağlantı rengini doğrudan tema seçenekleri panelinden veya WordPress tema özelleştiricisinden değiştirmenize izin veri. Bu nedenle bağlantı rengini CSS ile değiştirmeden önce tema belgelerinizi kontrol ettiğinizden emin olun.

Bununla birlikte, WordPress web sitenizdeki bağlantı rengini değiştirmenin birkaç yoluna bir göz atalım.

Yöntem 1-) CSS’yi Düzenleyerek WordPress’te Bağlantı Rengini Değiştirin

WordPress’te bağlantı rengini değiştirmenin bir yolu, özel CSS kodu eklemektir.

Yapmanız gereken ilk şey;

  1. WordPress yönetici kontrol panelinize gitmek ve Görünüm » Özelleştir’e gitmek
  2. Ardından ‘Ek CSS’ menü seçeneğini tıklamaktır.
  3. Bu sizi sayfanın sol tarafına özel CSS kodunuzu ekleyebileceğiniz bir ekrana getirecektir.
  4. Aşağıdaki örneklerden CSS kod parçacıklarını düzenleyicinizin bu bölümüne ekleyebilirsiniz.
WordPress link rengi değiştirme
WordPress Ek CSS menüsü

Aşağıdaki kodu örnek olarak ekleyebilirsiniz.

a {
     color: #551378;
}

Kendi ayarlarınız geçerli olmazsa aşağıdaki gibi !important ekleyebilirsiniz.

a {
     color: #551378 !important;
}

#551378 renk kodunu kendi renk kodunuz ile değiştirebilirsiniz.

WordPress’te Bağlantı Hover Rengini Değiştirin

Değiştireceğimiz bir sonraki şey, bağlantı hover (vurgu) rengidir. Bu şekilde, bir kullanıcı imlecini bir bağlantının üzerine getirdiğinde, dikkatlerini çekmek için renk değiştirir.

Aşağıdaki CSS kodunu örnek olarak kullanabilirsiniz.

a:hover {
     color: #FF0000;
     text-decoration: underline;
}

Yukarıdaki kod, ziyaretçilerin üzerine geldiğinde bağlantı rengini kırmızıya çevirecek ve metnin altını çizecektir. #FF0000 Rengi tercih ettiğiniz renge değiştirdiğinizden emin olun.

WordPress’te Ziyaretten Sonra Bağlantı Rengini Değiştirin

Değiştirmek isteyebileceğiniz başka bir şey, bir kullanıcı bir bağlantıyı tıkladıktan sonra bağlantı rengidir. Bu, ziyaretçilerin WordPress blogunuzda kolayca gezinmesine ve hangi bağlantılara tıkladıklarını görmelerine yardımcı olur.

Ziyaret edilen bağlantı rengini değiştirmek için aşağıdaki CSS kodunu kullanabilirsiniz.

a:visited {
     color: #0000FF;
}

Bu kodları Ek CSS kısmına yazdıktan sonra Yayımla butonuna tıklayarak sitenizde değişikliği görebiliriz. Eğer herhangi bir değişiklik yok ise ön bellek temizledikten sonra tekrar kontrol edebilirsiniz.

WordPress özelleştir panelinden Ek CSS sekmesine eklenen kodları her tema değiştiğinde silinir. Bu yüzden yedek almayı unutmayın. Eğer kayıpların önüne geçmek isterseniz Custom CSS eklentilerinden birini kullanabilirsiniz. Simple Custom CSS and JS eklentisini kullanmanızı öneririm.

Bu makalenin, WordPress link rengi değiştirme sorunuza cevap verdiğini umuyorum. Ayrıca, WordPress haber teması yazıma veya veya en iyi hosting firması listemize de göz atmak isteyebilirsiniz.

Bültene Abone Ol

Gelen kutunuza teslim edilen en son haberlerimizi, öğreticilerimizi, kılavuzlarımızı, ipuçlarımızı ve fırsatlarımızı alın.

Yorum Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Henüz bir yorum yok. Başlatmak ister misin?

Yorum yaparken yazım kurallarına ve genel ahlak kurallarına dikkat edelim.