2013-04-11 137 views
0

我剛剛構建了我的第一個WordPress主題,我似乎無法解決的唯一問題是如何告訴WordPress使菜單鏈接在頁面處於活動狀態時處於活動狀態?這是代碼我有靜態頁面:WordPress主題李類活躍頁面

function curPageName() { 
    return substr($_SERVER["SCRIPT_NAME"],strrpos($_SERVER["SCRIPT_NAME"],"/")+1); 

}

 <?php if(curPageName() == 'index.php'){ ?> 
     <li class="current"> 
      <a href="xxxx" data-description="All starts here">Home</a> 
     </li> 
     <?php } else{ ?> 
     <li> 
      <a href="xxxx" data-description="All starts here">Home</a> 
     </li> 

     <?php } ?> 

我也仍然有在WordPress主題這段代碼,但它不是現在的工作,我想我可能會使它工作,因爲它必須有確切的鏈接,但我也想建立在WordPress的菜單,所以這將需要我擺脫這種代碼..

任何人都知道我是什麼可以做什麼或將我聯繫到能幫助我的東西?

回答

0

最好的方法是爲您的頁面的正文標籤指定一個頁面名稱來識別它。然後使用php來分配一個活躍的類,如果頁面匹配。

CSS

a.active:hover { 
    color:#000; 
    border:1px solid #000; 
    background:#fff; 
    } 

HTML

<body <?php $page = "one" ?>> 

<div id="navbar"> 
    <ul> 
     <li><a<?php if($page == 'one'): ?> class="active"<? endif ?> href="one.php">Page 1</a></li> 
     <li><a<?php if($page == 'two'): ?> class="active" <? endif ?> href="two.php">Page 2</a></li> 
     <li><a<?php if($page == 'three'): ?> class="active" <? endif ?> href="three.php">Page 3</a></li> 
     <li><a<?php if($page == 'four'): ?> class="active"<? endif ?> href="four.php">Page 4</a></li> 
    </ul> 
</div> 

在上面的例子中一個頁面會被激活

+0

感謝矢量,我會嘗試了這一點,可能得到的東西的工作,我只是想知道這是如何做到「專業」的WordPress主題,但我想我可以看看稍後在螢火蟲,當我需要! – Jamie000012 2013-04-11 20:47:07

+0

謝謝。一個更專業和更復雜的方式是這樣的http://wordpress.stackexchange.com/questions/3247/dynamic-navigation-for-custom-post-type-pages/3270#3270 – Vector 2013-04-11 20:55:25