داینامیک کردن منو drop down در وردپرس

[asus323 0]

سلام دوستان خسته نباشید
من میخوام یه منو آبشاری تو وردپرسم ایجاد کنم ولی میگن یه متود نویسی خاصی داره مثلا من اگر کد زیر رو بهتون بدم چجوری داینامیکش می کنید؟

<nav class="navbar navbar-dark navbar-expand-md bg-dark">
    <a href="#" class="navbar-brand d-inline-block">
        <img src="image/logo.png" alt="logo" class="float-right">
        <h1 class="float-left text-center align-middle mr-2 mt-2">املاک لاکچری</h1>
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#menu">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="menu">
        <ul class="navbar-nav text-center mr-4 ml-auto pr-2 menu">
            <li class="nav-item"><a href="#" class="nav-link text-white">خانه</a></li>
            <li class="nav-item dropdown">
                <a href="#" class="nav-link text-white" id="navBarDrop1" data-toggle="dropdown">
                    مقالات
                    <i class="fa fa-chevron-down align-middle mr-1"></i>
                </a>
                <div class="dropdown-menu border-0 text-right dropdown-menu-right shadow-sm">
                    <a href="#" class="dropdown-item">لیست شماره 1</a>
                    <a href="#" class="dropdown-item">لیست شماره 2</a>
                    <a href="#" class="dropdown-item">لیست شماره 3</a>
                </div>
            </li>
            <li class="nav-item dropdown">
                <a href="#" class="nav-link text-white" id="navBarDrop2" data-toggle="dropdown">
                    آگهی ها
                    <i class="fa fa-chevron-down align-middle mr-1"></i>
                </a>
                <div class="dropdown-menu border-0 text-right dropdown-menu-right shadow-sm">
                    <a href="#" class="dropdown-item">لیست شماره 1</a>
                    <a href="#" class="dropdown-item">لیست شماره 2</a>
                    <a href="#" class="dropdown-item">لیست شماره 3</a>
                </div>
            </li>
            <li class="nav-item"><a href="#" class="nav-link text-white">درباره ما</a></li>
            <li class="nav-item"><a href="#" class="nav-link text-white">تماس با ما</a></li>
            <li class="float-left mr-md-5">
                <a href="#" class="btn text-glass ml-0">
                    <i class="fa fa-user"></i> ورود / عضویت
                </a>
                <a href="#" class="btn text-red mr-0">
                    <i class="fa fa-plus"></i> درج آگهی
                </a>
            </li>
        </ul>
    </div>
</nav>