0

我看到货运集体网站导航在每个链接旁边都有一个很酷的小圆圈指示器。我希望能够添加与我的网站类似的内容,但我不知道要更改哪个文件。

我目前正在使用一个名为 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 菜鸟

4

1 回答 1

2

因为这些点没有语义价值,所以我会选择 CSS 解决方案。我会使用a:after{content: '&bull;'} 这是一个简单的例子http://jsfiddle.net/5Ahy3/

或者,您可以使用背景图像。

于 2013-06-21T21:56:41.920 回答