Wordpress blog sahipleri için gönderiler içindeki bağlantılar çok önemlidir. Bunun gerekliliğini ben de oldukça fazla yaşadığım için sadece temamın bana sunduğu bağlantı karakterini kullanmakla yetinmiyorum. Bunun yerine temamın stil dosyasında farklı bir bağlantı sınıfı oluşturarak gönderilerim içinde bunu kullanıyorum. Bazen yazılarımızın içinde gördüğünüz bağlantılar (özellikle renkli ve ikon destekli olanlar) buna bir örnektir. Öncelikle size kullanmış olduğum Css kodlarını yazayım, sonrasında bunu bir Wordpress gönderisinde nasıl kullanacağımızı anlatalım.

.sl, .sl a {
text-decoration:none; color:#F91364; background:#fff; padding:2px 2px 2px 2px; font-weight:normal;
}
.sl:hover {
text-decoration:none; color:#fff; background:#F91364; padding:2px 2px 2px 2px; font-weight:normal;
}

Yukarıdaki kodu temanızın stil dosyasına ekleyin. Daha sonra oluşturduğunuz Wordpress gönderisinde herhangi bir bağlantı ekledikten sonra Görsel alanından gönderinin kodlarını gördüğünüz HTML bölümüne gelin. Burada link içine class=”sl” kodunu ekledikten sonra yazınızı yayınlayın. Bağlantı karakterinin değiştiğini göreceksiniz. Kodları yazarak gösterirsek bağlantınız şu şekilde olmalı:

<a href="http://www.google.com" class="sl">Google</a>

Değerleri kendinize göre değiştirerek siz de farklı bağlantı görünümleri kullanabilirsiniz. (Sanıyorum bu konu bana iletişim formu aracılığıyla sorulmuştu, o yüzden yazma ihtiyacı hissettim, umarım faydalı olmuştur)

Rastgele Yazılar