(YARDIM) WordPress Menü Oluşturma

Merhaba arkadaşlar,
Bir tema tasarımı var ve bunu WordPress teması olarak yapmaya çalışıyorum. Şimdi menü kısmında anlayamadığım bir konu var.

HTML Menü Kodları:

<ul>
<li class="menu-item-has-children"><a href="#"><span class="menu-item-span">Blog</span></a>
<ul class="sub-menu">
<li class="menu-item-has-children"><a href="#">Classic</a>
<ul class="sub-menu">
<li><a href="blog-1.html">Right Sidebar</a></li>
<li><a href="blog-2.html">Left Sidebar</a></li>
<li><a href="blog-3.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Masonry</a>
<ul class="sub-menu">
<li><a href="blog-4.html">Right Sidebar</a></li>
<li><a href="blog-5.html">Left Sidebar</a></li>
<li><a href="blog-6.html">No Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Side Image</a>
<ul class="sub-menu">
<li><a href="blog-7.html">Right Sidebar</a></li>
<li><a href="blog-8.html">Left Sidebar</a></li>
</ul>
</li>
<li class="menu-item-has-children"><a href="#">Single Post</a>
<ul class="sub-menu">
<li><a href="blog-single-1.html">Right Sidebar</a></li>
<li><a href="blog-single-2.html">Left Sidebar</a></li>
<li><a href="blog-single-3.html">No Sidebar</a></li>
</ul>
</li>
</ul>
</li>
</ul>

functions.php Dosyasına Menü Kaydı Yaptım:

<?php register_nav_menus( array(
'Main' => __('Main Menu', '')
) ); ?>

header.php Dosyasına Yazılan PHP Kodu:

<?php wp_nav_menu(); ?>

header.php Dosyasına Yazılan PHP Kodunun Çıktısı:

<div class="menu-menu-1-container">
<ul id="menu-menu-1" class="menu">
<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-has-children menu-item-27">
<a href="http://localhost/td2/">Başlangıç</a>
<ul class="sub-menu">
<li id="menu-item-28" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-28">
<a href="http://localhost/td2/ornek-sayfa/">Örnek sayfa</a>
</li>
</ul>
</li>
</ul>
</div>

Demek istediğim tasarımdaki HTML yapısı bu fonksiyonu yazınca olmuyor. Tasarımdaki şekline nasıl sokabilirim? Yardımlarınızı bekliyorum.

Çok bilgili olarak yazmıyorum WordPress' tema yapmayalı oldukça uzun zaman oldu ama HTML ve CSS kodunuzu çıktıya uyarlamayı deneseniz?

şöyle düşünün, none , right left olarak sidebarlarınız varr bu temada bunları on off konumuna getirmeniz için fonksiyonlar yazılması gerekiyor ,

<?php if ( is_active_sidebar( 'left-sidebar' ) ) { ?> <ul id="sidebar"> <?php dynamic_sidebar( 'left-sidebar' ); ?> </ul> <?php } ?>

Ben de bunun için yardım istiyorum zaten yapamadım.

Ben biraz yanlış anlamışım kusura bakmayın.

Kodları inceledim ama bana id ve class'larda pek sorun var gibi gelmedi. Sizin menününüzün ve header'dan gelen çıktının ekran görüntüsünü paylaşma şansınız var mı, sorunun nerede olduğunu anlamamız açısından.

Normal tasarım: https://i.hizliresim.com/X6o7j5.png
Kod ekeyince olan tasarım: https://i.hizliresim.com/b62Aam.png

Wordpress'in kendi menu fonksiyonu ile istediğini elde edemezsin, sebebi de kendi class ve ID'leri ekler bunun için biraz CODEX bilgin olması yeterli

<?php
$menu_name = 'menu_adiniz_functions._phpde_yer_alan';
if (($menu = wp_get_nav_menu_object($menu_name) ) && ( isset($menu) )) {
  $menuitems = wp_get_nav_menu_items($menu->term_id);
  foreach ($menuitems as $item):?>
    <li><a href="<?=$item->url?>"><?php echo $item->title; ?></a></li>
  <?php endforeach; ?>
<?php } ?>

echo "<pre>";
print_r($menuitems);
echo "</pre>";

yukarıda da ne geldiğini görmeniz için print edebilir siniz.
edit : kendi menu yapını html css olan halini PHP içerisindeki ile değiştirmen yeterli olacaktır.

@gtopkara; gayet detaylı açıklamış olayı.

Teşekkür ederim.