WordPress’te aktif menü linkinin css rengini farklı göster

Çoğu tasarımlarda bu olay karşıma geliyordu ve bir türlü bulamıyordum, aktif yerine sadece hover olarak değiştirmekle yetiniyordum, bu sabah biraz araştırma yaptım jquery ile falanda yapan var fakat wordpress zaten bunu vermiş kısacası sonuç olarak buldum.

Örnek verecek olursam;

#top-nav {}

diye bir menü alanınız var.

Kategori ve yazılarında aktif linkin değişmesi için aşağıdaki css,

#top-nav ul li.current-menu-item a { background:#e53824; }

Sayfalarda aktif linkin değişmesi için aşağıdaki cssi kullanıyoruz.

#top-nav ul li.current_page_item  a { background:#e53824; }

İstersek hem kategori, yazı ve sayfalarda aynı cssi kullanmak istiyorsak aşağıdaki cssi kullanmamız gerekiyor.

#top-nav ul li.current_page_item  a, #top-nav ul li.current-menu-item a { background:#e53824; }

Ben sadece background olarak değiştirdim siz fakrlılaştırabilirsiniz.