تبلیغات

تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
چرا قالب بیست اسکریپت کار نمیکنه؟ 1 پاسخ 136 بازدید دانلود رایگان مجموعه طرح لایه باز قالب پست اینستاگرام 2 پاسخ 370 بازدید وردپرس یا جوملا؟ 0 پاسخ 443 بازدید بهترین وب سرور 0 پاسخ 282 بازدید معرفی سایت و اپ لیلام 4 پاسخ 362 بازدید بهترین cdn 0 پاسخ 320 بازدید 5 ارز دیجیتال برتر برای سرمایه گذاری در سال 2021 1 پاسخ 3008 بازدید فروش سایت تگ تچ 5 پاسخ 1759 بازدید فروش حق امتیاز قالب وردپرس در مارکت ژاکت 9 پاسخ 1789 بازدید قفل قالب BuddyBoss 3 پاسخ 369 بازدید

تبلیغات
تبلیغات تبلیغات

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

مقالات,آموزش,ترفند , وردپرس

یکی از موارد مهم در تبدیل قالب بوت استرپ به وردپرس داینامیک کردن منوی آن است که کمی کار را دشوار میکند. گرچه برای اینکار میتوان از افزونه ای همچون 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())
 );
?>

موفق باشید

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
دانلود بیش از 5میلیون محصول وردپرسی تنهابا 500 هزارتومان (طرح برد برد) کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=44113
کلمات کلیدی پست :
مطالب مرتبط
12,887دانلود قالب اهل بیت برای وردپرس تاریخ : 2016/10/1
4,794قالب وردپرس شخصی و وبلاگی برنیت Bernate تاریخ : 2016/12/27
18,837دانلود قالب وردپرس اندروید RiseRoid فارسی تاریخ : 2017/01/22
19,632قالب فلت و تک صفحه ای نمونه کار Master به صورت HTML5 تاریخ : 2016/08/1
4,188قالب تک صفحه‌ای HTML شرکتی Smiley تاریخ : 2018/09/6
3,092پوسته چندمنظوره Vestige Museum برای وردپرس تاریخ : 2018/11/25
6,078افزونه قالب ساز وردپرس Toolset Layouts تاریخ : 2018/01/11
6,484قالب HTML صفحه به زودی Primal تاریخ : 2017/10/31
7,721تغییر آیکون های پیشخوان وردپرس با افزونه CPT Custom Icon تاریخ : 2017/07/9
5,044قالب HTML صفحه در دست ساخت MOON تاریخ : 2018/09/8
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
تبلیغات
تبلیغات
تبلیغات
تبلیغات