Javascript 向wordpress主题添加自己的菜单功能

我想用我创建的菜单替换wordpress上的标准菜单。我刚开始使用wordpress，还在学习。我想知道是否有人可以带我浏览我编辑的文件以及我如何添加自己的代码

代码

我设法做到了！这是密码

            <div id="menu" class="menu-icon">
            <img onclick="javascript:displaymenu()" src="http://wp-content/uploads/sites/8/2014/10/menu.png"/>
            </div>
            <div id="nav-bar" class="clearfix">
                <nav>
                    <div id="menu-icon" class="mobile-button"><span><?php _e('Menu', 'themify'); ?></span></div>
                        <div id="menu-exit">
                            <img id="exiticon" class="menu-icon-exit" onclick="javascript:closemenu()" src="http://wp-content/uploads/sites/8/2014/10/exit.png"/>
                        </div>
                    </div>
            </div>

<script language="javascript">
function displaymenu() {
            var showme= document.getElementById("nav-bar");
            showme.style.visibility = "visible";
        }
function closemenu() {
            var hideme= document.getElementById("nav-bar");
            hideme.style.visibility = "hidden";
        }

</script>

唯一的问题是，当点击菜单中的链接时，我想运行js函数：closemenu

---

谁能告诉我应该编辑什么文件和代码来实现这一点。

你不知道。您正确地使用了，并将样式添加到样式表中。因此我无法将上面的菜单添加到我的wordpress站点？当然可以。但是正确的方法是使用API注册一个菜单，该菜单可以通过管理员进行编辑。然后将样式添加到已注册的样式表中。在WordPress模板中添加硬编码的导航项是一种不好的做法。你知道WordPress中的主题集成吗？我已经知道如何进行上面的编辑，但是我不知道在单击其中一个菜单链接时如何运行closemenu功能。有人能帮我找到我应该看的文件和部分吗？