将自己的菜单功能添加到wordpress主题

Question

我想用我创建的菜单（http://jsfiddle.net/nxy9jkdx/1/）替换标准菜单（在wordpress上）。我是新手使用wordpress并仍在学习。我想知道是否有人可以带我浏览我编辑的文件以及我如何添加自己的代码。

http://jsfiddle.net/nxy9jkdx/1/（代码）

我设法做到了！继承人的代码！

            <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（）。

任何人都可以指导我应该编辑哪些文件和代码来实现这一目标。