Я не могу настроить свое настроенное меню навигации на моем сайте WordPress!

У меня возникла проблема, когда я сначала создал свой сайт, с меню на моей странице header.php. И затем я хотел преобразовать свой сайт в веб-сайт WordPress, поэтому я сделал то, что должен был сделать, но проблема в том, что я до сих пор не могу понять, как изменить меню навигации в header.php в меню, которое работает на wordpress.

Я пробовал все решения, предоставляемые wordpress tutoriels, а также некоторые форумы, но все, что я пытаюсь, создает уродливое меню поверх моего желаемого меню, которое даже не доступно для кликов. Вот картина до сих пор введите описание изображения здесь

теперь, если вы посмотрите внимательно, «тест» – это меню, которое я смог сделать, а слова с голубым фоном – это мое настоящее меню. Но когда я наводил на нее курсор, ничего не происходит.

Вот мой header.php:

<?php /** * The Header template for our theme * * Displays all of the <head> section and everything up till <div id="main"> * * @package WordPress * @subpackage Twenty_Thirteen * @since Twenty Thirteen 1.0 */ ?><!DOCTYPE html> <!--[if IE 7]> <html class="ie ie7" <?php language_attributes(); ?>> <![endif]--> <!--[if IE 8]> <html class="ie ie8" <?php language_attributes(); ?>> <![endif]--> <!--[if !(IE 7) | !(IE 8) ]><!--> <html <?php language_attributes(); ?>> <!--<![endif]--><head> <?php /* Get our main menu Navigation bar */ ?> <?php get_template_part( 'navigation', 1 ); ?> <?php /* Get our top menu Navigation bar */ ?> <?php get_template_part( 'navigation', 2 ); ?> <?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'main_menu' ) ); ?> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width"> <title><?php wp_title( 'entendrelimage', true, 'right' ); ?></title> <link rel="profile" href="http://www.entendrelimage.univ-paris1.fr/‎"> <link rel="pingback" href="<?php bloginfo( 'entendrelimage_url' ); ?>"> <!--[if lt IE 9]> <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> <![endif]--> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <header> <div id="main_menu"> <nav> <ul> <li><a href="#page2">Décryptage</a></li> <li><a href="#page3">Symboles</a></li> </ul> </nav> <br/ class="annuleFloat"> <ul id="recherche"> <li><a href="www.google.com"><img id="glo" src="<? bloginfo('stylesheet_directory'); ?>/images/glosaire_off.png" alt=""/></a></li> <li><img src="<? bloginfo('stylesheet_directory'); ?>/images/ligne_top_right.png"/></li> <li><a href="#"><img id="rech" src="<? bloginfo('stylesheet_directory'); ?>/images/recherche_off.png" alt=""/></a></li> </ul> </div> <div id="logo"> <a href="#page1"><img src="<? bloginfo('stylesheet_directory'); ?>/images/logo.png" alt=""/></a> <br/ class="annuleFloat"> </div> </header> <!-- #masthead --> <div id="container"> <div class="main"> 

и это часть кода, который я ввел в functions.php:

  function register_my_menu() { register_nav_menu('header-menu',__( 'Header Menu' )); } add_action( 'init', 'register_my_menu' ); 

Поэтому, если кто-нибудь может сказать мне, что это было бы здорово !! Я отчаянно застрял в этом