2013-06-21 85 views
0

我看到cargo collectives網站的網站導航有一個很酷的小圓圈指示器旁邊的每個鏈接。我希望能夠添加類似於我的網站的內容,但我不知道要更改哪個文件。如何編輯我的WordPress的網站導航

我目前使用的是一個名爲Square的wordpress主題,我目前得到的效果是我想通過編輯functions.php文件來添加一個名爲'indicator'的類,主題但它不出現,顯示在任何其他的導致菜單看起來像這樣http://d.pr/i/Cv1U

/********************************************** 
MAIN MENU FALLBACK 
***********************************************/ 

function menu_fallback() { 
    if(is_front_page()){ $class="current_page_item"; } 
    ?> 
    <div id="dropdown" class="menu clear"> 
     <ul id="menu-main-nav" class="sf-menu"> 
      <li class="<?php echo $class; ?>"> 
       <a href="<?php echo home_url(); ?>"><?php if(get_option('square_home_menu')!="") { echo get_option('square_home_menu'); } else { _e('Home', 'square_lang'); } ?> <div class="indicator"></div></a> 
      </li> 
      <?php wp_list_pages('title_li=&sort_column=menu_order'); ?> 
     </ul> 
    </div> 
    <?php 
} 

我只是想知道如果有什麼我可以添加到這個PHP字符串,使其添加指標類到所有其他鏈接添加到菜單中,或者是在WP結構中有另一個文件我應該編輯,以使其工作?

請裸記住我是一個PHP小白

+0

你有沒有試過用CSS做? – designtocode

回答

2

,由於該點沒有語義價值,我會去的CSS的解決方案。 我會用a:after{content: '&bull;'} 這裏有一個簡單的例子http://jsfiddle.net/5Ahy3/

另外,您可以使用背景圖片。

+0

謝謝,這完美的作品 – Farreal