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