Ön sayfa olarak statik bir sayfa ayarlama sorunun kalbidir menü bağlantısını vurgulamak doens't.
Bunu seçerseniz Peki, burada ne olabilir sunucu tarafı özelleştirmek (hack) wp_list_pages işlevi, ancak bir istemci tarafı seçeneği bulunuyor:
JQuery kütüphanesi (elverişli bir WP 2.2 + ile gelen) kullanarak, çağrı:
wp_enqueue_script('jquery');
veya kendi sürümünü yüklemek:
wp_enqueue_script( 'jquery', '/path/to/your/jquery.js', false, '1.2.1');
: Şimdi şablonu javascript biraz, gibi bir şey eklemek
if(window.location.href == 'http://www.example.com/'){ //checks for root path - "home" ('http://www.example.com/?p=7' or 'http://www.example.com/2008-10/7' will not match)
jQuery('#nav > ul > li > a:first').addClass('current_page_item');
}
a:first bölümü, menüdeki ilk bağlantı ev / frontpage link varsayar. Değilse, href değeri veya pozisyon ile seçeneğini belirleyin. İşte Böl tarafından bulunuyor:
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
jQuery(jQuery('#nav > ul > li > a')[3]).addClass('current_page_item'); //add 'current_page_item' css class so menu item highlighting occurs
Örnek:
<ul >
<li > <a >Link 0 </a > </li >
<li > <a >Link 1 </a > </li >
<li > <a >Link 2 </a > </li >
<li > <a >Link 3 </a > </li >
<li > <a >Link 4 </a > </li >
<li > <a >Link 5 </a > </li >
</ul >
Uyarılar:
- Menü div id gerçek adını kontrol edin (#nav burada gösterilmiştir)
- İç içe geçmiş bir ul / li menü yapısı (yani birden fazla seviye) ek kod düzgün seçimi için doğru a eleman gerektirir.
- Menü bağlantıları değiştirmek için gidiyoruz eğer, home / ön sayfaya bağlantı href değeri gibi, başka bir kanca kullanmak, pozisyonel seçim tekniği kullanmayın.
- Daha fazla varyasyon (https, birden çok alt etki, vb) söz konusu ise if(window.location.href == 'http://www.example.com/ ') kısmı bir regex gerekebilir.
