وبلاگ

داینامیک سازی منوهای استاتیک وردپرس

داینامیک‌ سازی منوهای استاتیک برای وردپرس کار ساده‌ ای نیست و برای سازگار کردن کامل منوها با وردپرس، نیاز به نوشتن چند خط کد اضافه است.
به همین دلیل، یک کتابخانه کوچک برای داینامیک‌ سازی منوهای استاتیک توسعه دادم تا بتوانید تنها با استفاده از چند تابع ساده، منوهای خود را به‌راحتی به وردپرس متصل کنید.

1 – با دستور زیر فایل `navbar.php` را دانلود کنید.

git clone https://github.com/Rayiumir/navbar-walker-wordpress.git
cd navbar-walker-wordpress/

2 – فایل `navbar.php` در `functions.php` فراخوانی کنید.

require_once('navbar.php');

3 – کد زیر برای فعال سازی منو در `functions.php` اضافه کنید:

register_nav_menu('menu-one', 'Menu Header');

4 – نمونه کد منو به این شکل است:

<ul class="nav-menu">
    <li class="nav-item">
        <a href="#" class="nav-link">Home</a>
    </li>
    <li class="nav-item dropdown">
        <a href="#" class="nav-link dropdown-link">Links</a>
        <div class="dropdown-menu">
            ...
        </div>
    </li>
</ul>

5 – توابع تبدیل منو استاتیک به وردپرس :

<ul class="nav-menu">
    <?php
        wp_nav_menu(array(
            'theme_location' => 'menu-one',
            'container'      => false, // Do not wrap in a div
            'items_wrap'     => '%3$s', // Only output the list items, not the <ul> wrapper
            'menu_class'     => '', // Do not add a class to the ul itself, as we already have one
            'walker'         => new Navbar_Walker(), // Use our custom walker
            'depth'          => 2, // Allow for dropdowns (adjust as needed for deeper levels)
        ));
    ?>
</ul>

موفق باشید 🙂