تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
آخرین ارسال های تالار مشاهده انجمن
اسکریپت مدیریت هاست رایگان 0 پاسخ 18 بازدید افزونه Coins MarketCap 1 پاسخ 292 بازدید درخواست پلاگین 4 پاسخ 541 بازدید اسکریپت vfm 5 پاسخ 645 بازدید تغییر جهت محتوا در وردپرس 1 پاسخ 324 بازدید افزونه ساخت شماره مجازی 14 پاسخ 1177 بازدید درخواست افزونه 1 پاسخ 519 بازدید بهترین رباط اینستاگرام 0 پاسخ 2 بازدید درخواست قالب با سبک کندو 1 پاسخ 780 بازدید به هم ریختگی سایت بعد از نصب قالب 2 پاسخ 735 بازدید
تبلیغات
تبلیغات تبلیغات

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

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

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

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=44113
کلمات کلیدی پست :
مطالب مرتبط
8,030افزونه قالب ساز وردپرس Toolset Layouts تاریخ : 2018/01/11
4,236پوسته چندمنظوره Vestige Museum برای وردپرس تاریخ : 2018/11/25
22,917دانلود قالب وردپرس اندروید RiseRoid فارسی تاریخ : 2017/01/22
6,848قالب HTML صفحه در دست ساخت MOON تاریخ : 2018/09/8
8,632قالب HTML صفحه به زودی Primal تاریخ : 2017/10/31
6,078قالب وردپرس شخصی و وبلاگی برنیت Bernate تاریخ : 2016/12/27
20,940قالب فلت و تک صفحه ای نمونه کار Master به صورت HTML5 تاریخ : 2016/08/1
5,748قالب تک صفحه‌ای HTML شرکتی Smiley تاریخ : 2018/09/6
15,207دانلود قالب اهل بیت برای وردپرس تاریخ : 2016/10/1
10,845تغییر آیکون های پیشخوان وردپرس با افزونه CPT Custom Icon تاریخ : 2017/07/9
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات