Wordpresse bu menüyü ekleyebilir miyim ?

http://tympanus.net/codrops/2010/07/...down-box-menu/
burdaki menüyü wordpresse nasıl ekleyebilirim ? Bilgisi olan veya yardımcı olabilecek kimse var mı ?

temanızın functions.php dosyasına ekleyin:

function custom_menu_scripts() {
    wp_enqueue_script( 'jqueryeasingformenu', get_template_directory_uri() . '/js/jquery.easing.1.3.js', array(), '1.0.0', true );
    wp_enqueue_script( 'menujscodes', get_template_directory_uri() . '/js/menusettings.js', array(), '1.0.0', true );
    
}
add_action( 'wp_enqueue_scripts', 'custom_menu_scripts' );

// include custom jQuery
function custom_jquery_script() {

    wp_deregister_script('jquery');
    wp_enqueue_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js', array(), null, true);

}
add_action('wp_enqueue_scripts', 'custom_jquery_script');

temanızın style.css dosyasına ekleyin:

// menu style

ul.sdt_menu{
    margin:0;
    padding:0;
    list-style: none;
    font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
    font-size:14px;
    width:1020px;
}
ul.sdt_menu a{
    text-decoration:none;
    outline:none;
}
ul.sdt_menu li{
    float:left;
    width:170px;
    height:85px;
    position:relative;
    cursor:pointer;
}
ul.sdt_menu li > a{
    position:absolute;
    top:0px;
    left:0px;
    width:170px;
    height:85px;
    z-index:12;
    background:transparent url(../images/overlay.png) no-repeat bottom right;
    -moz-box-shadow:0px 0px 2px #000 inset;
    -webkit-box-shadow:0px 0px 2px #000 inset;
    box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
    border:none;
    position:absolute;
    width:0px;
    height:0px;
    bottom:0px;
    left:85px;
    z-index:100;
    -moz-box-shadow:0px 0px 4px #000;
    -webkit-box-shadow:0px 0px 4px #000;
    box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
    position:absolute;
    top:25px;
    left:0px;
    width:170px;
    height:60px;
    z-index:15;
}

menünün html kodları da şunlar:

<ul id="sdt_menu" class="sdt_menu">
                <li>
                    <a href="#">
                        <img src="images/2.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">About me</span>
                            <span class="sdt_descr">Get to know me</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/1.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">Portfolio</span>
                            <span class="sdt_descr">My work</span>
                        </span>
                    </a>
                    <div class="sdt_box">
                            <a href="#">Websites</a>
                            <a href="#">Illustrations</a>
                            <a href="#">Photography</a>
                    </div>
                </li>
                <li>
                    <a href="#">
                        <img src="images/3.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">Inspiration</span>
                            <span class="sdt_descr">Where ideas get born</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/4.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">Photos</span>
                            <span class="sdt_descr">I like to photograph</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/5.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">Blog</span>
                            <span class="sdt_descr">I write about design</span>
                        </span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/6.jpg" alt=""/>
                        <span class="sdt_active"></span>
                        <span class="sdt_wrap">
                            <span class="sdt_link">Projects</span>
                            <span class="sdt_descr">I like to code</span>
                        </span>
                    </a>
                    <div class="sdt_box">
                        <a href="#">Job Board Website</a>
                        <a href="#">Shopping Cart</a>
                        <a href="#">Interactive Maps</a>
                    </div>
                </li>
            </ul>

wp_nav_menu ile kullanmak için biraz daha hakim bir arkadaşın yardımı gerekir

Hocam function.php dosyasına kodu ekleyince site çalışmıyor.

ücretsiz wordpress içi ve diğer siteler için özel tablo kodlamasi yapilir.