我看到货物集体网站的网站导航在每个链接旁边都有一个很酷的小圆圈指示器。我想能够添加一些类似于我的网站的东西,但我不知道我想更改哪个文件。
我目前正在使用一个名为Square的wordpress主题,通过编辑主题中的functions.php文件,添加一个称为"indicator"的类,我目前已经在一个链接上获得了我想要的效果,该链接是主页url链接,但它似乎没有显示在任何其他链接上,导致菜单看起来像这样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 noob
因为点没有语义值,我会选择CSS解决方案。我会使用a:after{content: '•'}
下面是一个快速示例http://jsfiddle.net/5Ahy3/
或者,您可以使用背景图像。