如何让wordpress回应我的导航

时间:2014-09-24 18:32:34

标签: php wordpress navigation wordpress-theming

我开始在我的服务器上构建我的模板然后意识到我想选择WordPress 4.0但是无法弄清楚如何让WordPress使用以下结构我已经尝试阅读文档并查找功能等,但真的无法弄清楚如何做到这是我的最后选择,非常感谢任何帮助。

<ul class="main-menu clearfix">
    <li><a href="<?php echo $site_data['url']; ?>">Home</a></li>
    <li><a href="<?php echo $site_data['url']; ?>">News</a></li>
    <li><a href="<?php echo $site_data['url']; ?>">Games</a>
        <div class="dropdown clearfix">
            <div class="arrows">
                <span class="arrowOuter"></span>
                <span class="arrowInner"></span>
            </div>
            <ul>
                <li><a href="<?php echo $site_data['url']; ?>">Dropdown Link 1</a></li>
                <li><a href="<?php echo $site_data['url']; ?>">Dropdown Link 2</a></li>
            </ul>
        </div>
    </li>
    <li><a href="<?php echo $site_data['url']; ?>">Media</a></li>
    <li><a href="<?php echo $site_data['url']; ?>">Shop</a></li>
    <li><a href="<?php echo $site_data['url']; ?>">Community</a></li>
</ul>

2 个答案:

答案 0 :(得分:0)

这里使用的代码是wp_nav_menu。

<?php wp_nav_menu( array( 'theme_location' => 'header-menu' ) ); ?>

请参阅http://codex.wordpress.org/Navigation_Menus

答案 1 :(得分:0)

我发现了很多搜索互联网之后我终于发现了这个问题...

<?php wp_nav_menu(
array(
    'container' => 'ul',
    'menu_id'=> 'header-menu',
    'menu_class'=> 'main-menu clearfix'
));
?>

只需要使用jquery .append来附加箭头div