SefaCanDemir adlı üyeden alıntı

Fonksiyon dosyasından sizin hazırladığınız menü classları ile wordpress'in ana menü classını değiştirmeniz gerekir.

Örnek:


add_filter( 'nav_menu_link_attributes', 'my_nav_item_class', 10, 4 );
function my_nav_menu_item_class($classes) {
$new_classes = array( 'nav-item dropdown' );
if ( in_array( 'current-menu-item', $classes ) ) {$new_classes[] = 'active';}
return $new_classes;
}

add_filter( 'nav_menu_link_attributes', 'my_nav_link_class', 10, 4 );

function my_nav_link_class($atts) {
$new_atts = array('class' => 'nav-link');
if (isset( $atts['href'])) {$new_atts['href'] = $atts['href'];}
return $new_atts;
}

function nav_a_change($menu){
$menu = preg_replace('/ class="nav-link"/','/ class="nav-link" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"/',$menu);
return $menu;
}
add_filter('wp_nav_menu','nav_a_change');

function change_submenu_class($menu) {
$menu = preg_replace('/ class="sub-menu"/','/class="dropdown-menu dropdown" aria-labelledby="dropdownMenu1"/',$menu);
return $menu;
}
add_filter('wp_nav_menu','change_submenu_class');


function my_nav()
{
wp_nav_menu(
array(
'theme_location' => 'header_menu',
'menu' => '',
'container' => false,
'container_class' => 'menu-{menu slug}-container',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '',
'depth' => 0,
'walker' => ''
)
);
}


Başka bir alternatif ise wordpress in menü classları ile css kodlamanızdır.

Hocma buradaki classları neye göre değiştireceğim mesela şu resime göre yardımcı oalbilirmisiniz?