WordPress'te Bağlantı Rengini Değiştirme (Başlangıç Rehberi)

'Bağlantılarımı nasıl öne çıkarabilirim?' Bu, WPBeginner okuyucularımızdan düzenli olarak duyduğumuz bir sorudur.

Küçük bir ayrıntı gibi görünse de, bağlantı renkleri web sitenizin kullanılabilirliği ve dönüşüm oranları açısından önemli bir rol oynar. Bu nedenle WPBeginner'da bağlantılar için turuncu rengini kullanıyoruz.

İyi haber şu ki, WordPress'te bağlantı renklerini değiştirmek eskisine göre çok daha kolay hale geldi. CSS uzmanı olmanıza veya bir geliştirici kiralamanıza gerek yok – artık teknik becerilerinden bağımsız olarak herkesin kullanabileceği basit çözümler var.

Bu kılavuzda, WordPress'te bağlantı renklerinizi değiştirmenin tam adımlarını size adım adım göstereceğiz.

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

WordPress'te bir bağlantı eklediğinizde, temanız bu bağlantının rengini otomatik olarak belirleyecektir. Bazen, WordPress temanızın varsayılan renkleri tam olarak istediğiniz gibi olabilir, ancak bağlantıların görünümü üzerinde daha fazla kontrol sahibi olmak isteyebilirsiniz.

Örneğin, bağlantı rengini markanızla veya özel logonuzla eşleşecek şekilde değiştirmek isteyebilirsiniz. Veya görme yeteneği kısıtlı okuyucular için sitenizi daha erişilebilir hale getirmek için renk kontrastını artırmak isteyebilirsiniz.

Bununla birlikte, hangi temayı kullanırsanız kullanın, WordPress web sitenizde bağlantı rengini nasıl değiştireceğinizi görelim. Kullanmak istediğiniz yönteme doğrudan atlamak için aşağıdaki hızlı bağlantıları kullanmanız yeterlidir:

• WordPress Klasik Temalarda Bağlantı Rengi Nasıl Değiştirilir
• WordPress Blok Temalarında Bağlantı Rengi Nasıl Değiştirilir
• Blok Düzenleyicide Bireysel Bağlantı Renklerini Değiştirme
• WordPress'te Kodla Bağlantı Rengi Nasıl Değiştirilir (Tüm Temalar)
• Video Eğitim

WordPress Klasik Temalarda Bağlantı Rengi Nasıl Değiştirilir

Bazı klasik temalarda bağlantı renklerini değiştirmek için yerleşik seçenekler bulunur, ancak öncelikle belirli temanızın ayarlarını kontrol etmeniz gerekir.

Temanızın bu seçeneğe sahip olup olmadığını görmek için Görünüm » Özelleştirici'ye gidin. Ardından ‘Renkler’ veya benzeri bir ayar arayın. Sydney temasında, bu basitçe ‘Renkler’ olarak etiketlenmiştir.

Ardından, bağlantı renklerini değiştirmenize olanak tanıyan bir ayar bulun.

Sydney, hem varsayılan hem de üzerine gelme durumları için 'Bağlantı Rengi' seçenekleriyle bunu basit hale getirir.

Bağlantı üzerine gelme rengi, bir ziyaretçi faresini bir bağlantının üzerine getirdiğinde görünen renktir, bu nedenle dikkatlerini çekmek ve tıklama oranınızı artırmak için harika bir yoldur.

Ardından değişikliklerinizi kaydetmek için ‘Yayınla’yı tıklayabilirsiniz.

Neve gibi bazı temaların doğrudan bağlantı rengi ayarlarının olmadığını unutmayın. Bunun yerine, bağlantı rengi temanızın genel birincil veya ikincil renklerine bağlı olabilir.

Temanız doğrudan bağlantı rengi özelleştirmesi sunmuyorsa, endişelenmeyin! Kod kullanarak bağlantı renginizi nasıl değiştireceğinizi göstereceğimiz dördüncü yönteme gidebilirsiniz.

WordPress Blok Temalarında Bağlantı Rengi Nasıl Değiştirilir

Blok teması kullanıyorsanız, bağlantı renklerinizi özelleştirmek için tam site düzenleyicisini kullanmanız gerekecektir.

WordPress kontrol panelinizde Görünüm » Düzenleyici bölümüne gidin.

Sitenizin görünümünü özelleştirmek için tüm menüleri göreceksiniz.

Burada 'Stiller'e tıklayın.

Tema varsayılan stillerinizin görüntülendiğini göreceksiniz.

Özelleştirmeye başlamak için kalem simgeli ‘Düzenle’ düğmesini arayın ve tıklayın.

Tam site düzenleyici, temanızın stillerini düzenlemek için bir kenar çubuğu ile açılacaktır.

Renk özelleştirme seçeneklerine erişmek için bu kenar çubuğundaki 'Renkler'e tıklayın.

Bağlantı seçeneğini bulun ve hem varsayılan hem de üzerine gelme durumları için renk ayarlarını ortaya çıkarmak üzere tıklayın. Renk seçimlerinizin web sitenizin tasarımıyla eşleştiğinden emin olun.

Değişikliklerinizden memnun kaldığınızda, bunları sitenizde canlı hale getirmek için ‘Kaydet’i tıklamanız yeterlidir.

Blok Düzenleyicide Bireysel Bağlantı Renklerini Değiştirme

Bazen, tek tek bağlantıların rengini değiştirmek isteyebilirsiniz. Örneğin, bir açılış sayfasındaki eyleme çağrı bölümüne ziyaretçinin dikkatini çekmek isteyebilirsiniz.

Bunu yapmak için, özelleştirmek istediğiniz bağlantıyı vurgulamanız yeterlidir. Ardından, küçük araç çubuğundaki ok simgesine tıklayın ve ‘Vurgula’yı seçin.

Yapmak istediğiniz değişikliğe bağlı olarak artık 'Arka Plan' veya 'Metin' seçeneğini belirleyebilirsiniz.

Bu işlem tamamlandıktan sonra, kullanmak istediğiniz rengi seçin.

Daha fazla bağlantıyı özelleştirmek için bu adımları tekrarlamanız yeterlidir.

Bağlantıların görünümünden memnun kaldığınızda, değişikliklerinizi canlı hale getirmek için 'Kaydet'e tıklayın.

WordPress'te Kodla Bağlantı Rengi Nasıl Değiştirilir (Tüm Temalar)

Temanız bağlantı renginizi değiştirme seçeneği sunmuyorsa, en kolay yol WordPress sitenize özel CSS eklemektir.

WordPress eğitimlerinde, kod parçacıklarını temanızın functions.php dosyasına ekleme talimatlarıyla sıkça karşılaşırsınız.

En büyük sorun, özel kod parçasındaki küçük bir hata bile WordPress sitenizi bozabilir ve erişilemez hale getirebilir. Ayrıca WordPress temanızı bir sonraki güncellemenizde tüm özelleştirmelerinizi kaybedeceksiniz.

İşte WPCode işte bu noktada devreye giriyor.

Kapsamlı testlerden sonra, web sitenize özel kod eklemenin en güvenli ve en kolay yolu olduğuna karar verdik. Ayrıntılar için WPCode incelememize bakın.

Yapmanız gereken ilk şey, ücretsiz WPCode eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakın.

Etkinleştirdikten sonra Kod Parçacıkları » Parçacık Ekle'ye gidin.

Burada, farenizi ‘Özel Kodunuzu Ekleyin (Yeni Kod Parçası).’ üzerine getirin.

Ardından, göründüğünde ‘+ Özel Kod Parçacığı Ekle’ düğmesine tıklayın.

Ardından, ekranda görüntülenen seçenekler listesinden kod türü olarak 'CSS Snippet'i seçmeniz gerekir.

Ardından, özel kod parçacığı için bir başlık girin. Bu, kod parçacığını WordPress kontrol panelinde tanımlamanıza yardımcı olacak herhangi bir şey olabilir.

Artık kod kutusuna özel bir CSS parçacığı ekleyebilirsiniz. Kullanabileceğiniz farklı parçacıklardan bazılarına bakalım.

WordPress Sitenizdeki Bağlantı Rengini Değiştirin

Başlamak için, genel bağlantı rengini özelleştirmek isteyebilirsiniz. Bu, ziyaretçilerin bir bağlantıya tıklamadan önce göreceği renktir.

Bunu yapmak için aşağıdaki kod parçasını WPCode kod kutusuna eklemeniz yeterlidir:

a {
     color: #FFA500;
}

Yukarıdaki örnekte, # onaltılık kodu bağlantı rengini turuncuya değiştirecektir, bu nedenle#FFA500 kullanmak istediğiniz renkle değiştirmeniz gerekecektir.

Hangi onaltılık kodu kullanacağınızdan emin değilseniz, farklı renkleri keşfedebilir ve kodlarını HTML Renk Kodları web sitesinden alabilirsiniz.

Kodunuzun görünümünden memnun kaldığınızda, ‘Etkin Değil’ geçiş düğmesine tıklayarak ‘Etkin’ olarak görünmesini sağlayın. Son olarak, CSS kod parçasını canlı hale getirmek için ‘Kod Parçasını Kaydet’e tıklayın.

Şimdi, WordPress web sitenizi ziyaret ederseniz, yeni bağlantı renginin etkili olduğunu göreceksiniz.

WordPress'te Ziyaret Edildikten Sonra Bağlantı Rengini Değiştirme

Bağlantı üzerine gelme rengini değiştirmek için aşağıdaki kod parçasını WPCode'un düzenleyicisine yapıştırmanız yeterlidir:

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

Yukarıdaki kod, ziyaretçiler üzerine geldiğinde bağlantı rengini kırmızıya çevirecek ve metni altını çizecektir. Daha önce olduğu gibi, kullanmak istediğiniz herhangi bir renge değiştirmek için #FF0000 onaltılık kodunu değiştirebilirsiniz.

Canlıya geçmeye hazır olduğunuzda, yukarıda açıklanan aynı işlemi izleyerek kod parçasını yayınlayabilirsiniz.

WordPress'te Ziyaret Edildikten Sonra Bağlantı Rengini Değiştirme

Ardından, bir kullanıcı bağlantıya tıkladıktan sonra bağlantı rengini değiştirmek isteyebilirsiniz. Bu, hangi bağlantıları zaten tıkladıklarını göstererek ziyaretçilerin WordPress blogunuzda yolunu bulmasına yardımcı olabilir.

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

a:visited {
     color: #0000FF;
}

Her zaman olduğu gibi, mavi #0000FF onaltılık kodunu bağlantılarınızda kullanmak istediğiniz renkle değiştirdiğinizden emin olun.

Bu işlem bittikten sonra, ‘Etkin Değil’ geçiş düğmesine tıklayarak ‘Etkin’ durumuna getirin. Ardından, kodu sitenizde, blogunuzda veya çevrimiçi mağazanızda canlı hale getirmek için ‘Kod Parçacığını Kaydet’e tıklayın.

Video Eğitim

Yazılı talimatları takip etmekten hoşlanmıyorsanız, bunun yerine video eğitimimize göz atabilirsiniz:

Umarım bu makale, WordPress'te bağlantı rengini nasıl değiştireceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress'te metin rengini nasıl değiştireceğiniz veya en etkili WordPress tasarım unsurları hakkındaki rehberimize de 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.