یکی از موارد مهم در تبدیل قالب بوت استرپ به وردپرس داینامیک کردن منوی آن است که کمی کار را دشوار میکند. گرچه برای اینکار میتوان از افزونه ای همچون WP Bootstrap Menu استفاده کرد اما 20اسکریپت در این آموزش قصد دارد تا نحوه داینامیک کردن منو بوت استرپ را بدون استفاده از افزونه توضیح دهد.
تبدیل منو بوت استرپ به منو وردپرسی
ابتدا فایل wp_bootstrap_navwalker.php را دانلود کرده و در فایل style.css قالب سایت خود قرار دهید.
سپس به فایل functions.php سایت خود رفته و قطعه کد زیر را به آخرین خط آن اضافه کنید.
require_once('wp_bootstrap_navwalker.php');
توجه داشته باشید که اگر قالب سایت شما از منو وردپرسی پشتیبانی نمیکند می بایست کد زیر را نیز به فایل functions.php اضافه کنید.
register_nav_menus( array( 'primary' => __( 'Primary Menu', 'THEMENAME' ), ) );
در پایان نیز برای استفاده از منو از دستور زیر در فایل header.php استفاده کنید.
<?php wp_nav_menu( array( 'menu' => 'primary', 'theme_location' => 'primary', 'depth' => 2, 'container' => 'div', 'container_class' => 'collapse navbar-collapse navbar-ex1-collapse', 'menu_class' => 'nav navbar-nav', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker()) ); ?>
موفق باشید
- مشکلی دارید؟ جواب خود را در پست فروم بگیرید
- منبع : بیست اسکریپت لطفا رعایت کنید