تبدیل منو بوت استرپ به منو وردپرسی

یکی از موارد مهم در تبدیل قالب بوت استرپ به وردپرس داینامیک کردن منوی آن است که کمی کار را دشوار میکند. گرچه برای اینکار میتوان از افزونه ای همچون WP Bootstrap Menu استفاده کرد اما دکتر وردپرس در این آموزش قصد دارد تا نحوه داینامیک کردن منو بوت استرپ را بدون استفاده از افزونه توضیح دهد.

تبدیل منو بوت استرپ به منو وردپرسی

تبدیل منو بوت استرپ به منو وردپرسی

ابتدا فایل 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())
 );
?>
2 نظرات
  1. fere می گوید

    این فایل function.php کدوم فایل من ی قالب با بوت استرپ طراحی کردم اما نمی دونم این فایل کدومه من یک فایل بیشتر ندارم
    لطفا راهنماییم کنید

    1. عباس صادقی می گوید

      فایل فانکشن تو تمامی قالب های وردپرسی موجود هستش!
      در پوشه wp-content/themes/name_theme

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.