我想在我的wordpress主题中创建下拉菜单

Question

我创建了一个wordpress主题（将HTML转换为wordpress），但我不知道如何创建一个下拉子菜单。 我在header.php中使用了这段代码：

<div id="mainmenu">
                <?php wp_nav_menu(['theme_location' => 'our-custom-

menu',]); ?>
</div>

我在style.css中使用这些代码：

 #mainmenu ul{
    float:right;
    width:50%;
    height:62%;
    margin-right:20%;
    margin-top:0px;
    color:#44006f;
}

#mainmenu li{
    float:right;
    margin-right:1px;
    width:25%;
    height:100%;
    font-size:20px;
    text-align:center;
    padding-top:43px;
    padding-left:10px;
    padding-right:10px;
    color:#000;
    font-family:NeoSansArabic, arial;
}

#mainmenu li:hover{
    color:#fff;
}

#mainmenu li a{
    color:#000;
}

#mainmenu li a:hover{
    color:#F172C3;
}

我在function.php中使用了这段代码：

add_action('init', function() {
    register_nav_menu('our-custom-menu', 'main menu');
});

我想了解我如何逐步创建一个下拉子菜单，请...