WordPress, kutudan çıkar çıkmaz çok fazla esneklikle gelir, fakat bağlantı renklerini değiştirmek varsayılan olarak yoktur. Bazı temalar, WordPress tema özelleştiricisini (veya başka bir yeri) kullanarak bağlantı rengini değiştirme seçeneğine sahip olabilir, fakat bu her zaman böyle değildir. Bu eğitimde, WordPress’te bağlantı rengini kolayca nasıl değiştireceğinizi göstereceğiz – özellikle varsayılan Twenty Twenty-One temasını kullanıyorsanız kolay.
Yine de yapmak istediğimiz şey, bağlantı renginizi neden değiştirmek isteyebileceğinizi ve neden bundan kaçınmak isteyebileceğinizi tartışmaktır. İşte hakkında konuşacağımız konular:
-
Bağlantı Rengi Artılarını ve Eksilerini Değiştirme
-
Kod Kullanarak Bağlantı Rengi Nasıl Değiştirilir
-
Vurgulu ve Ziyaret Edilen Bağlantı Rengi Kod Kullanılarak Nasıl Değiştirilir
-
Twenty Twenty-One Temasını ve Eklentiyi Kullanarak Bağlantı Rengini Değiştirme
Bağlantı Rengi Artılarını ve Eksilerini Değiştirme
Bu makaleyi okuyorsanız, WordPress web sitenizdeki bağlantıların rengini değiştirmenin bir yolunu arıyorsunuz. Yapılabilir, yeterince kolaydır, fakat yapmanız veya yapmamanız için bazı nedenlerden bahsetmek istiyoruz.
İşlerin profesyonel tarafında estetik var – belki de temanızın varsayılan bağlantı rengi genel tasarımınızla uyuşmuyor ve siz onu daha iyi uydurmak istiyorsunuz. Belki de bağlantıların daha fazla öne çıkmasını veya daha iyi karışmasını sağlamak istiyorsunuz.
Olumsuz tarafı, alışkanlığın gücüne sahibiz. Bazı tasarım özellikleri çok uzun zamandır ortalıkta dolaşıyor ve insanlar bazı şeyleri beklemeye başladılar: örneğin, olması gerekmese de bir bağlantının mavi ve altı çizili olması.
Erişilebilirliği iyileştirme söz konusu olduğunda, neyin bağlantı olduğu ve neyin olmadığı hemen netleşmeli ve daha iyi okunabilirlik için herhangi bir metin arka planda öne çıkmalıdır. Bu yüzden bağlantılarınızın rengini değiştirmek, web sitenizin erişilebilirliğini hem engelleyebilir hem de geliştirebilir.
Web sitenizdeki bağlantı rengini değiştirmek istediğinizden eminseniz, okumaya devam edin: CSS kullanarak veya WordPress’in varsayılan Twenty Twenty-One temasını kullanıyorsanız bir eklenti yardımıyla bunu nasıl yapacağınızı göstereceğiz.
Kod Kullanarak Bağlantı Rengi Nasıl Değiştirilir
Bir gönderi oluşturarak ve onu bazı genel yer tutucu metinler ve birkaç bağlantıyla doldurarak başladık. Altı çizili olduklarını görebilirsiniz.
Bağlantının rengini değiştirmek için web sitenize biraz CSS eklemeniz gerekir. CSS, Basamaklı Stil Sayfaları anlamına gelir, fakat özetlediği şey, esas olarak web sitenizin sunumuyla ilgili olan kod parçalarıdır.
Web sitenize CSS eklemek için, WordPress panonuzdan Görünüm/Özelleştir’e gidin.
Özelleştiricinin sol tarafındaki menüden Ek CSS’yi seçin.
Son olarak zaten orada olabilecek herhangi bir kodu rahatsız etmemeye dikkat ederek bu kodu CSS alanına girin:
a {
color: #XXXXXX;
}
Elbette, XXXXXX yer tutucusunu kendi seçtiğiniz renkli bir onaltılık kodla değiştirmeniz gerekir. Burada açık sarı ile gittik. CSS’nin yürürlüğe girmesi için Yayınla’yı tıklayın.
Ve şimdi bağlantılarımız bu şekilde görünüyor.
Bir RGB renk komutu kullanmayı tercih ederseniz, bunu da yapabilirsiniz. #XXXXXX bit rengini color: rgb(X,X,X) ile değiştirmeniz yeterlidir. Bu koddaki X’lerin her biri, sayısal olarak 0 ila 255 aralığında bir tamsayı değeri veya %0 ila %100 arasında yüzdeler olarak ifade edilebilir.
Vurgulu ve Ziyaret Edilen Bağlantı Rengi Kod Kullanılarak Nasıl Değiştirilir
a öğesinin kullanılması yalnızca bağlantıların varsayılan durumunu etkiler. Fakat fareyle üzerine gelindiğinde veya ziyaret edilmiş durumdayken bağlantılarınızın rengini değiştirmek istediğinizi varsayalım. Bu durumda, CSS kodunuzu değiştirmeniz gerekir.
Bağlantının üzerine gelindiğinde rengini değiştirmek için şu kodu kullanın:
a:hover {
color: #XXXXXX;
}
Ziyaret edilen bağlantı rengi için şunu kullanın:
a:visited {
color: #XXXXXX;
}
Yukarıdaki kod parçalarının hiçbirini, herhangi birini ve tümünü kullanabilirsiniz. Bizim durumumuzda, varsayılan durum sarı, fareyle üzerine gelme mavi ve ziyaret edilen kırmızıdır.
color:rgb kodunu yukarıda açıklandığı gibi istediğiniz herhangi bir CSS için kullanabileceğinizi unutmayın.
Twenty Twenty-One Temasını ve Eklentiyi Kullanarak Bağlantı Rengini Değiştirme
WordPress’in varsayılan Twenty Twenty-One temasını kullanıyorsanız, temanıza bağlantı rengini değiştirmek gibi daha fazla seçenek eklemek için Options for Twenty Twenty-One adlı bir eklenti kullanabilirsiniz. Eklentiyi yükledikten sonra Görünüm/Özelleştirici’ye gidin ve Renkler ve Koyu Mod’u seçin.
Orada artık Birincil Bağlantı Rengini değiştirme seçeneğiniz var. Seçici için bir onaltılık kod girebilir veya tercih edilen bir renk seçebilirsiniz.
Bağlantı rengini, bağlantının üzerine gelindiğinde ve ziyaret edildiğinde değiştirmek istiyorsanız, bunu hemen yukarıdaki bölümde açıklandığı gibi CSS kullanarak yapmanız gerekecektir.
Çözüm Yolu
Gördüğünüz gibi, bağlantı rengini değiştirmek önemli değil: bunu, sizin için kolayca sağladığımız küçük bir kod parçasını yapıştırarak saniyeler içinde yapabilirsiniz. Yine de yapmalı mısın? Bu size kalmış. Sizi estetik seçimlerinizi sürdürmeye teşvik etsek de, web sitesi ziyaretçilerinin çoğunun bağlantılardan beklentilerini göz önünde bulundurun ve erişilebilirliği unutmayın.