WordPress: Aktif linke stil atama

Küçük ama işinize yarayabilecek bir ipucu:

WordPress’te açık olan kategorinin rengini menüde farklı bir şekilde belirtme ihtiyacı duyduğum bir çalışmada kategorileri sidebar.php’de aşağıdaki gibi yazdırdım.

[html]
<ul>
<?php wp_list_categories(); ?>
</ul>
[/html]

Bu fonksiyonun html çıktısı

[html]<ul>
<li class="cat-item cat-item-3"><a href="#">Lorem</a></li>
<li class="cat-item cat-item-9 current-cat-parent"><a href="#">Ipsum</a></li>
<li class="cat-item cat-item-11"><a href="#">Dolor</a></li>
</ul>[/html]

şeklinde oluyor. Açık olan sayfa (Ipsum) list elemanına “current-cat-parent” sınıfını ekliyor. Bu durumda siz style.css içinde

[css].current-cat a{
color:red
}[/css]

gibi bir tanımlama yaparsanız artık açık olan sayfanın kategori listesindeki rengi kırmızı olacaktır.

Ekleme: WordPress.org anlatımı (Link için Hüseyin Mert‘e teşekkürler.)

1 thought on “WordPress: Aktif linke stil atama

  1. gevv
    gevv says:

    Teşekkürler

    bu tip müdehalelere ilk küçük resimler yüzünden başlamıştım wordpress yazılarına eklediğim küçük thumb resimlerin tıklanabilir olduğunu daha belirgin yapmak ve görsellik için temamım style.css dosyasına aşağıdaki kodları ekledim küçük resimler daha hoş göründü

    .size-thumbnail{background:#dbdbdb;padding:4px;border:1px solid #ababab;}

    Yanıtla

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir