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

This entry was posted in Uncategorized. Bookmark the permalink.

One Response to WordPress: Aktif linke stil atama

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

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>