Question

我看到cargo collectives网站导航在每个链接旁边都有一个很酷的小圆圈指示符。我希望能够添加类似于我网站的内容，但我不知道我想要更改哪个文件。

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

Answer 1

因为这些点没有语义价值，所以我会选择CSS解决方案。我会用a:after{content: '•'} 这是一个快速示例http://jsfiddle.net/5Ahy3/

或者你也可以使用背景图片。

如何编辑我的wordpress网站导航

1 个答案: