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.

<ul>
          <?php wp_list_categories(); ?>
</ul>

Bu fonksiyonun html çıktısı

<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>

ş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
.current-cat a{
color:red
}

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.)



Bu yazıyı okuyan şu yazıları da okudu


Yorumlar